/* @override http://192.168.1.65/~steve/scientiacompliance/css/main.css */

/* @override http://192.168.1.65/~steve/scientiacompliance/css/main.css */

/* @override http://192.168.1.65/~steve/scientiacompliance/css/main.css */

/* @override 
	http://localhost/~steve/scientiacompliance/css/main.css
	http://192.168.1.65/~steve/scientiacompliance/css/main.css
*/

body {
	background-color: #808283;
	background-image: url(../images/bg.jpg);
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}





div#container {
	width: 1000px;
	height: 676px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

div.horizontal-line {
	width: 1000px;
	height: 19px;
	position: relative;
	float: left;
	background: url(../images/horizontal-line_07.png) repeat-x;
}

div#left-panel {
	width: 195px;
	height: 479px;
	position: relative;
	float: left;
	clear: none;
	background: url(../images/left-panel_10.png) no-repeat;
}

div#left-panel-fill {
	width: 195px;
	height: 120px;
	float: left;
	background: url(../images/left-panel-fill_20.png) repeat-y;
	clear: left;
	position: relative;
	top: 64px;
}

div.content {
	width: 723px;
	height: 360px;
	position: relative;
	clear: none;
	float: left;
	top: 11px;
	background: none no-repeat 16px 16px;
	padding-top: 0;
	color: #2d2d2d;
	padding-left: 12px;
	margin-left: 25px;
	font-size: 11pt;
}

/* @group Header */

a#logo {
	display: block;
	position: relative;
	width: 690px;
	height: 180px;
	background: white url(../images/logo.png) no-repeat 20px 20px;
	float: left;
	top: 7px;
}

div#marbles {
	height: 180px;
	width: 300px;
	position: relative;
	float: right;
	background: url(../images/marbles.jpg) no-repeat right;
	top: 8px;
	right: 0;
}

/* @end */

/* @group Contact us */

div#contactus {
	padding: 10px;
	background: url(../images/contactus.png) no-repeat right;
	width: 168px;
	height: 94px;
	color: white;
	font-family: sans-serif;
	float: right;
	position: relative;
	
}



div#contactus-heading {
	width: 171px;
	text-align: center;
	height: 27px;
	margin-top: 5px;
	font-size: 16pt;
	font-weight: normal;
	font-style: normal;
}

div.telephone {
	width: 170px;
	height: 20px;
	text-indent: 53px;
	font-size: 12px;
	background: url(../images/phone_11.gif) no-repeat 29px 0;
}


div#email {
	text-indent: 53px;
	width: 170px;
	background: url(../images/email_14.gif) no-repeat 29px 2px;
	height: 20px;
	margin-top: -4px;
	
}
a.email {
	background-position: 0;
	color: white;
	font-size: 12px;
}

/* @end */

/* @group Menu */

div#menu {
	width: 168px;
	height: 200px;
	margin-top: 85px;
	
}

a.menu-option {
	display: block;
	width: 138px;
	height: 21px;
	float: right;
	margin-right: 2px;
	margin-top: 1px;
	background: white url(../images/menu-option_17.png) no-repeat 0 -1px;
	text-indent: 30px;
	color: #2d2d2d;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 4px;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
a.menu-current {
	display: block;
	width: 138px;
	height: 21px;
	float: right;
	margin-right: 2px;
	margin-top: 1px;
	background: white url(../images/menu-selected_17.png) no-repeat 0 -1px;
	text-indent: 30px;
	color: #ea001b;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 4px;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div#definition {
	color: #f20017;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: relative;
	float: left;
	
}

img.image {
	margin-right: 19px;
}

h1 {
	letter-spacing: 1px;
	width: 450px;
	color: #000;
	font: 21px Verdana, sans-serif;
}

a.menu-option:hover {

	text-decoration: none;
	background: white url(../images/menu-selected_17.png) no-repeat 0 -1px;
}

/* @end */

/* @group footer */

div#footer {
	width: 1000px;
	background-color: #0a57a4;
	height: 30px;
	margin-top: 3px;
	color: white;
	font: normal 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	clear: none;
	float: left;
	position: relative;
}
div#copyright {
	position: relative;
	float: left;
	left: 270px;
	top: 6px;
}
a#exrom {
	position: relative;
	float: left;
	left: 400px;
	top: 6px;
	color: white;
}

.collapseDiv{
	float: left;
	position: relative;
	background-color: #feffc9;
	width:500px;
	padding: 6px;
}
.newsCollapseDiv{
	float: left;
	position: relative;
	background-color:white;
	width:500px;
	padding: 6px;
}
.collapseLink{
margin-top: 4px;
width: 500px;
float: left;
position: relative;
text-decoration: underline;
	color: navy;
	padding-left: 5px;
	padding-right: 5px;
}
.newsletterLink{
	background-position: center top;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	display: block;
	background-image: url(../newsletters/october2008snap.png);
	width:70px;
	height: 100px;
	
	
}
.newsletter{
	font-size: small;
	float: left;
	text-align: center;
	height: 110px;
	width: 120px;
}
P{
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 8px;
	padding: 0px;
}

/* @end */