@import url("common.css");
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #666666;
}
img {
	border:none;
}
a {
	color: #4168B1;
	text-decoration: none;
}
a:hover {
	color: #F47D31;
	text-decoration: underline;
}

h1 { 	
	font-family: Arial, Helvetica, sans-serif; 
	color: #35699A; 
	font-size:16px; 
	line-height: 15px;
	margin:5px 0 15px 0;	
}
h2 { 	
	font-family: Arial, Helvetica, sans-serif; 
	color: #F47D31;
	font-size:15px; 
	line-height: 18px; 
	margin:0 0 15px 0;
}
h3 { 	
	font-family: Arial, Helvetica, sans-serif; 
	color: #F47D31;
	font-size:12px;  
	margin:0 0 10px 0;
}

ul	{
	font-size: 11px;
	line-height: 10px;
	list-style-type: none;
	padding: 2px;
	margin: 1px;
}

li	{
	font-size: 10px;
	line-height: 12px;
	color: black;
	padding-left: 15px;
}
label {
	color:navy;
	margin-right:10px;
}

#maincontainer {
	width: 1000px;
	margin: 10px auto;
	padding: 0;
	font-size: 11px;
	line-height: 16px;
	color: #333333;

}

/* Header and Top Nav styles */
form#siteSearch {
	float:right;
	margin:80px 50px 0 0;
}
#header {
	width: 1000px;
	height: 120px;
	background: url('../imagesstyle/header-logo.jpg') no-repeat;
}
#header h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:navy;
	font-weight:normal;
	/*font-stretch:ultra-expanded;*/
	letter-spacing:4px;
	padding:80px 0 0px 15px;
	float:left;
}

/*/////////////////////////////*/
/* Left Nav styles */
/* the horizontal menu starts here */
div#listmenu {
	width:100%; 
	float:left;
	font-size: 100%;
	line-height: 18px;
	padding: 0px 0px 0px 0px;
	background: url('../imagesstyle/top_nav_bg.jpg') repeat-x right top;
	}
div#listmenu ul {
	margin: 0;
	padding: 0;
	}
div#listmenu li {
	float:left;
	position:relative; 
	list-style-type:none;
	margin:0;
	padding:0;
	border-right:1px white solid;
	}
div#listmenu a {
	display:block;
	background: url('../imagesstyle/tmenu_divider.gif') no-repeat right top;
	text-decoration: none;
	font: bold 11px/1.5em Arial;
	padding: 4px 26px 6px 17px;
	}
div#listmenu a:hover {
	color:white;
	background: url('../imagesstyle/button_blue.jpg') repeat-x right top;
}	
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	position:absolute; 
	width:16em /*15em*/;
	left:-1px;
	}
div#listmenu ul li ul li {
	width:100%;
	border-left:1px solid #069;
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	background: url('../imagesstyle/top_nav_bg.jpg') repeat-x right top;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #069; 
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */
/*///////////////////////////*/

div#listmenu #ContactInfo {
	float:right;
}
div#listmenu #ContactInfo a:hover {
	background:none;
}
div#listmenu #ContactInfo ul {
	margin:0 0 0 25px;
	float:left;
}
div#listmenu #ContactInfo ul li {
	margin:0;
	padding:0;
}
div#listmenu #ContactInfo ul li a {
	padding:0;
	margin:0;
}
div#listmenu #ContactInfo ul li a img {
	padding: 0 10px;
}
img.Telephone {
    float:left;
}
    
div#listmenu #ContactInfo p {
	float:left;
	margin:0 10px;
	padding-top:5px;
	color:green;
}
/* Content styles */
#Content {
	min-height:400px;
	background:url('../imagesstyle/content_sidebar.gif') repeat-y;
}
#Content #topper {
	height:45px;
	background:url('../imagesstyle/content_topper.gif') no-repeat;
	padding:17px 0 0 100px;
}
#Content #topper p {
	margin:20px 0 0 0;
	padding:0;
}
#Content #topper p a {
	text-decoration:underline;
}
#Content .centreContent {
	padding:10px 0 10px 40px;
	width:810px;
	float:left;
	/*background-color:lime;*/
}
#Content .centreContent p {
	margin:0 0 15px 0
}
/* three column layout */
.column1, .column2, .column3 {
	width:265px;
	height:145px;
	float:left;
}
.column1 {
	background:url('../imagesstyle/homepage/mercuryemail.gif') no-repeat;	
}
.column2{
	background:url('../imagesstyle/homepage/odysseylearning.gif') no-repeat;	
} 
.column3{
	background:url('../imagesstyle/homepage/industrysolutions.gif') no-repeat;	
}
.column1 p, .column2 p, .column3 p {
	color:white;
	padding:35px 5px 5px 15px;	
}
#Content .centreContent .column3 p {
	padding-bottom:0;
	margin-bottom:5px;
}
.column1 img, .column2 img, .column3 img {
	margin:0;
	padding:0;
	position:relative;
	top:-10px;
	left:45px;
}
.column2 img {
	top:7px;
}
.column3 img {
	top:11px;
}
.column3 ul {
	margin:2px 0 0 20px;
	padding:0;
	float:left;
}
.column3 ul li {
	background:url('../imagesstyle/ul_checkbox.gif') no-repeat;
	padding-left:20px;
	color:white;
}
.BoxedItem {
	border:1px silver solid;
	margin:20px 15px 5px 5px;
	padding:0px;
	clear:both;
}
.columnThird {
	width:242px;
	float:left;
	padding:10px;
	margin:10px 0; 
}
.columnThird a {
	text-decoration:underline;
}
.columnThird ul li {
	background:none;
	margin-bottom:5px;
	padding-bottom:0;
	font-size:12px;
}
.rightBorder {
	border-right:1px silver dotted;
}
/* two column layouts */
.columnA, .columnB {
	width: 360px;
	float:left;
	min-height:220px;
	padding:10px;
}
.columnA {
	margin:0 10px 25px 0;
}
.columnB {
	margin:0 0 25px 10px;
}

/* single column layout */
div.singleColumn {
	margin-right:35px;
	clear:both;
}

/*footer styles */
.BoxedItem #footer {
	background-color: #4280B3;
	margin: 10px;
	padding: 10px;
	color: white;
	text-align: center;
}
.BoxedItem #footer ul {
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
	text-align: center;
}
.BoxedItem #footer ul li {
	display:inline;
	border-left:1px white solid;
	padding:0 8px 0px 8px;
}
.BoxedItem #footer ul li:first-child {
	border:none;
}
#footer a {
	color:white;	
}
.BoxedItem #footer p {
	margin:0;	
	padding-top:10px;
}
#CloseContent {
	height:62px;
	padding:0 135px 0 0;
	margin:0;
	background:url('../imagesstyle/content_footer.gif') no-repeat;
	text-align:center;
	color:#4280B3;
}
/*RHS styles */
#Content #RHS {
	width:50px /*135*/;
	padding-right:15px;
	float:left/*right*/;
}

/* Optional right nav */
.RightNav {
	float:right; 
	width:143px; 
	margin-right:7px;
}
.RightNav ul.subnav {
	margin:40px 20px 10px 0;
	padding:0;
}
.RightNav ul.subnav li {
	border-bottom:1px gray dashed;
	padding:8px 0;
	font-size:1em;
}
div.BlueBox {
	margin:0; 
	padding:0 10px; 
	background:url('../imagesstyle/blueBox_middle.gif') repeat-y;
	color:white;
}
div.BlueBox p {
	margin:0;
	padding:5px 0;
}
div.BlueBox a {
	color:white;
}
div.BlueBox a:hover {
	text-decoration:none;
	/*color:#F47D31;*/
}

.clearfix:after {
    content: ".";
	display: block;
    height: 0;
    clear: both;
    visibility: hidden;	
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Light Box */