@charset "utf-8";
/* CSS Document */

/* Layout **************************************************************************************/
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-image: url(../img/layout/body_background2.jpg);
	background-repeat: repeat-x;
	min-height:100%; margin-bottom:1px; /* These rules ensures that the page doesn't 'jump' when content forces a scrollbar */
}
div#container {        /* Grand container, houses everything, don't mess. */
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:850px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
 	background-image: url(../img/layout/help-desk-background.png);
	background-repeat: repeat-y;
}
div#header {
	width:828px;
	height:70px;
	margin-left:12px;
	border-top: solid 7px #000;
	background-image: url(../img/layout/header_background.jpg);
	background-repeat: repeat;
	border-bottom: 1px solid #000;
}
IMG.logo {
    display: block;
	margin-top: 10px;
    margin-left: 20px;
    margin-right: auto;
}
div#Menu {
	margin-left:12px;
}
div#subHeader {
	width:828px;
	height:125px;
	margin-left:12px;
	background-color: #EBEBEB;
}

/** SEARCH *****************************/

div#Search {width:828px;height:25px;background:#004F62;background-image:url(../img/layout/search_bar.jpg);background-repeat:no-repeat;margin-left:12px;
font-family:Lucida Sans Unicode;font-size: 12px;}

.inputSearch {float:left;height:15px;border:0;font:"Times New Roman",Times;font-size:10px;width:150px;margin:3px 1px 0 15px;}	
.SearchBtn {float:left;border:none;background:none;font:"Times New Roman", Times, serif;font-size:11px;color:#FFFFFF;font-weight:bold;margin-top:5px;}

#PhoneNumbers {float:right; height:18px;margin:5px 43px 0 0;font:"Times New Roman", Times, serif;font-size:11px;color:#FFFFFF;}
#PhoneNumbers a {color:#FFF;}

/************************************/


div#content{        /* Houses content, 10px < Container b/c of side border . */
	padding:1em 0em 10em 20px; /* bottom padding for footer */
	margin-left: 10px;
	width: 815px;
}
div#footer {
	position:absolute;
	width:100%;
	margin-left:12px;
	bottom:0; /* stick to bottom */
}
div#inFooter{ /* Footer Content, it's just easier this way.*/
	width: 828px;
	height:0;
/*	height: 80px;
	background-color:#003366;
	background-image: url(../img/layout/footer_back.jpg);
	background-repeat: repeat;	*/
	border-top: solid 5px #000000;
	}
div#footer p {
	padding:1em;
	margin:0;
	}
.clear{
	clear:both;
	margin:0;
}
/* STYLES *******************************************************************************/
div#content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: -20px;
}
H1 { /* Controls heading styles with the H1 tag */
	font-family: "Times New Roman", Times, serif;
	font-size:28px;
	color:#000;
	margin-top:3px;
	margin-bottom: 10px;
	font-weight: normal;
}
H2 { /* Controls heading styles with the H2 tag */
	font-family: "Times New Roman", Times, serif;
	font-size:24px;
	color:#727272;
	margin-top:10px;
	margin-bottom: 8px;
	font-weight: normal;
}
H3 { /* Controls heading styles with the H2 tag */
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color:#A3A3A3;
	margin-top:5px;
	margin-bottom: 8px;
	font-weight: lighter;
}
input.btn {
	color: #000066;
	font-family:Arial, Helvetica, sans-serif;
	height: 23px;
	font-size:10px;
	font-weight:bold;
	border: solid 1px #000000;
	padding:1px;
}
input.bx {
	margin-top: 3px;
	height: 15px;
	width: 150px;
	padding-top: 5px;
	border: solid 1px #003399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div#LeftContent {
	width:100%;
	margin-left:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
}
 
/* RightColumn *********************************************************************************/
#navcontainer
{
float:right;
width: 250px;
text-align: center;
margin-right:5px;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li#active {width: 250px;}
ul#navlist li#testimonials {width: 250px;}
ul#navlist li#newsletter {width: 250px;margin:0;padding:0;height:30px;}
ul#navlist li#navTitle {font:"Times New Roman", Times, serif;font-size:11px;font-weight:none;color:#000;}
ul#navlist li#spacer {width: 250px;}

.rightNav{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 250px; 
}
.rightNav li{
border-bottom: 1px solid #009966; /* Gray border beneath each menu item */
}
.rightNav li a{
	/* background: white url(media/vstrip.gif) repeat-y left top;  Background image positioned to the left(v) top(h) corner initially */
background-color: #009966;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana;
	display: block;
	color: black;
	width: auto;
	/*border-bottom: 1px solid white;  White border beneath each menu item link, to add depth */
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
	text-indent: 8px;
	text-decoration: none;
	background-image: url(../img/rightNav_back.jpg);
	background-repeat: repeat-x;
}
.rightNav li a:hover{
	/*background-position: -387px 0;  Shift background image horizontally 387px, or the start of the 2nd background image */
	color: black;
	background-color:#999999;
	background-image: url(../img/rightNav_hover.jpg);
	background-repeat: repeat-x;
}
.rightNav li.active a {
	color:#4F01A5;
	background-color:#00CC66;
	background-image: url(../img/rightNav_hover.jpg);
	background-repeat: repeat-x;
}
.rightNav li.topitem a{
border-top: 1px solid #009966; /* For last menu item within menu, remove bottom border */
}
.rightNav li.topActive a{
	border-top: 1px solid #009966; /* For last menu item within menu, remove bottom border */
	color:#4F01A5;
	background-image: url(../img/rightNav_hover.jpg);
	background-repeat: repeat-x;
}
/* FOOTER ICONS/LINKS *********************************************************************************************/
#FooterIcons ul
{
	padding: 0 0;
	margin: 0;
	list-style-type: none;
	color: #FFF;
	width: 828px;
	height: 75px;
	text-align: center;
	background-image: url(../img/layout/icon_back2.jpg);
	background-repeat: repeat-x;
}
#FooterIcons li {
	display: inline;
	margin-right:15px;
}
#FooterIcons li a
{
	text-decoration: none;
	color: #FFF;
	padding-right: 1em;
	/*padding-left: 1em;*/
}

#FooterIcons li a:hover
{
color: #fff;
}

#FooterLinks {
	margin:0;
	width:828px;
	height:28px;
	background-image: url(../img/layout/above_footer.png);
	background-repeat: repeat-x;
}

#sitemap {background-color:#fff;width:98%;/*height:450px;*/}
#sitemap ul {float:left;padding:0;font-size:1ems;list-style:none;/*margin-top: 15px;*/margin-right: 0;margin-bottom: 0;line-height:20px;}
#sitemap ul#nav-a {width:225px;margin-left:5px;margin-bottom:0;}
#sitemap ul#nav-a li a {text-decoration:none;}
#sitemap ul#nav-a li a:visited {text-decoration:none;color:#0000CC;}
#sitemap ul#nav-b {width:250px;margin-left:20px;margin-bottom:0;}
#sitemap ul#nav-b li a {text-decoration:none;}

/***** FOOTER LINKS ***************************************************************************************/
div#FooterLinks {
	margin:0;
	width:828px;
	height:28px;
	background-image: url(../img/layout/above_footer.png);
	background-repeat: repeat-x;
}

div#footer{clear:both;}

#submenu {
	/*margin-bottom: 1em;*/
	overflow: hidden;
	margin-left:5px;
}
#submenu {
	list-style-type: none;
	text-decoration:none;
}
#submenu li {
float: left;
line-height: 1em;
margin: 11px 0 5px 7px;
padding: 0 .5em 0 .5em;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#submenu li a {
text-decoration:none;
color:#FFF;
}
#submenu li a:hover {
	color:#000;
}
#submenu li#phoneDetails {
	color:#000;
}