/* -- ICS -- MAIN PAGE STYLES -- UPDATED 17 MAR 11 */

html, body {
	margin: 0px auto;
	height:100%; /* needed for container min-height */
}
body {
	font-size: 65%;
	background-color: #efefef;
}
h1, h2, h3, h4, h5, h6, p, li, label, a, td, input, select, textarea, th, td {
	font-family: Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: none;
}
sup {
	font-size: .9em; 
	line-height: 0.75em}  

/* LAYOUT :: MAIN ELEMENTS */
#shell {
	width: 900px;
	margin: 0 auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	background-color: #dedddd;
	border: 1px solid #fff;
}
#mastHead {
	margin: 0;
	width: 900px;
	overflow: hidden;
	background-image: url(img/masthead_bg.jpg);
}
#footer {
	width: 900px;
	margin: 0px;
	overflow: hidden;
	background-image: url(img/footer_bg.jpg);
	background-repeat: no-repeat;
}
#content, #hpcontent {
	width: 870px;
	margin: 0px;
	overflow: hidden;
	border: solid 15px #ae1400;
	background-color: #D1D1D1;
}

/* #mastHead */
.logo {
	width: 231px;
	float: left;
	display: inline;
}
.logo img {
	border: none;
}
.form-box {
	width: 669px;
	float: left;
	display: inline;
}
.form-box .slogan {
	color: #fff;
	font: italic 1.4em/1.4em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 30px;
	margin: 0;
	padding: 0 15px;
	text-align: right;
	display: block;
}
#login-form {
	width: 200px;
	margin: 5px 0 0 459px;
}
#login-form fieldset {width: 200px;margin: 0;padding: 0;border: none;}
#login-form legend {
	font: bold 1.6em/1.4em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0;
	padding: 0 0 5px 3px;
}
#login-form ul {margin: 0;padding: 0;list-style: none;}
#login-form li {margin: 0 0 5px 0;padding: 0;}
#login-form .input-text {
	width: 190px;
	height: 25px;
	line-height:25px;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0 5px;
	margin: 0;
	padding: 0;
	border: solid 1px #fff;
}
.submit-row {
	width: 200px;
	overflow: hidden;
}
.submit-row li {
	width: 100px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	font: 1.1em Arial, Helvetica, sans-serif;
	text-align: right;
	color: #fff;
}
.submit-row a {
	color: #fff;
	line-height: 25px;
}
#login-form .input-submit {
	width: 65px;
	height: 25px;
	line-height: 25px;
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background: #689203 url(img/login_submit.png) no-repeat 0 0;
}


/* LAYOUT :: OTHER ELEMENTS */
.wrapper {
  width: 870px;
  overflow: hidden;
}
.main-col, .aside, .a-profile {
	float: left;
	display: inline;
}
.mc-major {
	width: 490px;
}
.a-major {
	width: 380px;
}
	.a-major.image {
		width: 348px;
		margin: 16px;
	}
.mc-minor {
	width: 638px;
}
.a-minor {
	width: 200px;
	margin: 16px;
}
.mc-profile {
	width: 610px;
}
.a-profile {
	width: 250px;
	background-color: #dedddd;
	padding: 5px;
}

/* LAYOUT :: WRAPPER */
#footer {
	width: 900px;
	margin: 0px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#content h1,
#content h2,
#content h3 {
	color: #D51800;
}
#content p,
#content ul,
#content ol {
	color: #000;
}
#content h1,
#content h2,
#content h3,
#content p,
#content ul,
#content ol {
	text-align: left;
	margin-right: 16px;
	margin-left: 16px;
}
#content h1 {
	margin-top: 16px;
	margin-bottom: 7px;
	font-size: 2.2em;
}
#content h2 {
	font-size: 1.6em;
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight: bold;
}
#content h3 {
	font-size: 1.4em;
	margin-top: 8px;
	margin-bottom: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #D51800 solid;
}
#content p {
	font: 1.2em/1.3em Arial, Helvetica, sans-serif;
	margin: 5px 16px 10px 16px;
}
#content img.rightImg {
	margin-right: 16px;
	margin-left: 16px;
	float: right;
	margin-top: 0px;
	margin-bottom: 10px;
	border: 1px solid #EFEFEF;
}
#content img.leftImg {
	margin-right: 16px;
	margin-left: 16px;
}
#content ul,
#content ol {
	padding-right: 16px;
	padding-left: 16px;
	margin: 5px 16px 10px 16px;
}
#content li {font: 1.2em/1.3em Arial, Helvetica, sans-serif;margin: 5px 16px 5px 16px;}
#content ul li {list-style-type: disc;}
#content li li {font-size: 1em;list-style-type: circle;}
#content ol li {list-style-type: decimal;}

#content a {
	color: #D51800;
}

#content ul.grid {
	width: 838px;
	padding: 0;
	margin: 0 16px 0 16px;
}
#content ul.grid li {
	float: left;
	display: inline;
	width: 299px;
	height: 210px;
	padding: 0 110px 0 0;
	font: 1em/1em Arial, Helvetica, sans-serif;
	margin: 0 20px 20px 0;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: top right;
}
#content ul.grid li.box1 {
	background-image: url(img/advice_cdm2007.jpg);
}
#content ul.grid li.box2 {
	background-image: url(img/advice_hse-guidance.jpg);
}
#content ul.grid li.box3 {
	background-image: url(img/advice_assoc-regulations.jpg);
}
#content ul.grid li.box4 {
	background-image: url(img/advice_approved-cop.jpg);
}

#content ul.grid li.end {
	margin: 0 0 10px 0;
}
#content ul.grid li.blank {
	background-color: transparent;
}

#content ul.grid img {
	float: left;
	margin: 0 0 0 10px;
}
#content ul.grid h2 {
	font: 1.4em/1.4em Arial, Helvetica, sans-serif;
}
#content ul.grid ul {
	padding: 0;
	margin: 0 0 0 16px;
}
#content ul.grid li li {
	font: 1.2em/1.3em Arial, Helvetica, sans-serif;
	width: 273px;
	margin: 5px 0;
	padding: 0;
	background-color: transparent;
	background-image: none;
	height: auto;
}

#content .plainTable {
	width: 600px;
	color: #000;
	text-align: left;
	margin-right: 16px;
	margin-left: 16px;
}
#content .plainTable td {
	font-size: 1.2em;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.downloadLink {
	font-size: 1.2em;
	text-align: left;
	margin: 5px 16px 10px 16px;
	display: block;
	padding: 8px;
	background-color: #000;
	color: #fff!important;
}
.downloadLink:hover {
	color: #D51800;

}
/* PROFILE & REGISTER PAGES */
.a-profile ul {
	margin: 0px !important;
	list-style-type: none !important;
	padding: 0px !important;
}
.a-profile li {
	list-style-type: none !important;
	margin: 0px;
	padding: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 16px;
}
/* FORMS */
.search-form {
	padding: 0 0 5px 0;
	margin: 0;
}
label {
	font-size: 1.2em;
	margin-top: 5px;
	margin-bottom: 10px;
	display: block;
	margin-right: 16px;
	margin-left: 16px;
}
.inputField {
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 0px;
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	padding: 3px;
	border: 1px solid #D51800;
	width: 300px;
}
.submitButton {
	font-size: 1.2em;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	margin-right: 16px;
	margin-left: 16px;
	padding: 3px;
	background-color: #000;
	color: #fff!important;
	width: 300px;
	border: 1px solid #000;
}
/* RESULTS TABLE */
.outputTable {
	margin-top: 5px;
	margin-right: 16px;
	margin-bottom: 5px;
	margin-left: 16px;
	width: 850px;
	padding: 0px;
	border: 1px solid #000;

}
.outputTable th, .outputTable td {
	padding: 5px;
	font-size: 1.2em;
	text-align: left;
}
.outputTable th{
	background-color: #000;
	color: #fff;
}
.outputTable td {
	background-color: #fff;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}




#sideBar img.border {
	border: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #fff;
}
#footer p {
	color: #4e4e4e;
	font-size: 1.1em;
	text-align: right;
	margin: 10px;

}
#footer a {
	color: #4e4e4e;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}

small {font-size: 0.9em;}
.full-width {background-image: none;}
.full-width #content {width:900px;}
.img-float {float:right;background-color:#d1d1d1;border: 10px solid #d1d1d1;}
.img-float img {border: none;}
#content .img-float p {text-align: center;}