/* ---------------------------------------------- page nuts and bolts and global styles --------*/

html, body { /*  Sets up the document and removes auto 10px margin at top of page*/
	margin:0px 0px 0px 0px;
	padding:0;
	font-family: verdana, helvetica, sans-serif;
	font-size: 100%; 
	color:#000;
	}

body{ /* Sets up the page and aligns everything to center */
	padding:0;
	background:#fff;
	}
	
body a:link, body a:active, body a:visited{
	text-decoration:none;
	color:#333333;
    }
	
body a:hover{
	text-decoration:underline;
	color:#FF9900; 
	}
	
body .visit a:link, body .visit a:active, body .visit a:visited{
	text-decoration:underline;
	color:#078989;  
	}
	
#container{
	padding:0;
	margin:0 auto 0;
	width:750px;
	text-align:left;
	}
	
#theShadow{
	margin:20px 0px 20px 0px;
	padding:0px;
	width:750px;
	float:left;
	background:#fff url("../../images/the-shadow.gif") top left repeat-y;
	}
	
h3{
	color:#666;
	margin:0em 0em 0em 0em;
	padding:0px;
	font-size:100%;
	}

h4{
	color:#666;
	font-size:80%;
	margin:0em 0em 0em 0em;
	padding:0px;
	}

p{
	color:#666;
	font-size: 80%; 
	margin:0em 0em 1.0em 0em;
	padding:0px;
	}

ul{
	color:#666;
	list-style-type:none;
	margin:0em 0em 1.0em 0em;
	padding:0px;
	}
	
ul a:link, ul a:active, ul a:visited{
	text-decoration:underline;
	color:#666;
	font-size: 80%; 
	margin:0em 0em 1.0em 0em;
	padding:0px;
    }
	
ul a:hover{
	text-decoration:underline;
	color:#FF9900; 
	font-size: 80%; 
	margin:0em 0em 1.0em 0em;
	padding:0px;
	}

		

/* ---------------------------------------------- the header area ---------------------------------------*/

h1{ /* ----- the logo ----- */	
	margin:0px 0px 0px 7px;  
	padding:0px;
/*	background:url("../../images/logo.gif") 0px 0px no-repeat;
	text-indent: -9000px;
*/
	width: 193px;
	height: 105px;
	overflow: hidden;  /* needed for I*/
	float:left;
	}
	
h1 a{
	display: block;  /* so the link will work */
	width: 193px;
	height: 105px;
	background:none;
	}
	
h2{
	margin:0px 0px 0px 1px;  /* -------------the banner----------------*/
	padding:0px;
/*	background:url("../../images/banners/MSC_Banner_01.jpg") 0px 0px no-repeat;
	text-indent: -9000px;
*/	
	width: 533px;
	height: 105px;
	overflow: hidden;  /* needed for I*/
	float:left;
	}
	
#search{/* -------------the search bar----------------*/
	width:727px;
	float:left;
	margin:1px 0px 0px 7px;
	background: url("../../images/search-tile.gif") 0px 0px repeat-y ;
	}
	
#search p{
	margin:0px 0px 0px 480px;
	padding:6px 0px 8px 30px;
	background: url("../../images/search-icon.gif") 0px 0px no-repeat ;
	font-size: 0.6875em;
	float:left;
	}
	
#search input{
	margin:6px 0px 0px 4px;
	padding:0px 0px 0px 0px;
	border:1px solid #ccc;
	font-size: 0.6875em;
	float:left;
	color:#0066CC;
	}
	
/* ---------------------------------------------- the main nav ---------------------------------------*/
	
#mainNav{
	margin:1px 0px 0px 7px;
	padding:0px 0px 0px 0px;
	width:193px;
	float:left;
	background-color:#E5E5E5;
	}
	
#mainNav ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	}
	
#mainNav ul li{
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 4px;
	border-bottom:1px solid #fff;
	background-color:#666666;
	}
	
#mainNav .blue1 {/* ----------------2nd level nav---------------------*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	border-bottom:none;
	background:#007CBE url("../../images/nav-arrow.gif") 0px 0px repeat-y ;
	}
	
#mainNav .blue1 li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	}
	
#mainNav .blue1 .noLine{
	background:#007CBE url("../../images/nav-arrow.gif") 0px 0px repeat-y ;
	border-bottom:1px solid #fff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#mainNav ul a:link, #mainNav ul a:active, #mainNav ul a:visited{
	text-decoration:none;
	color:#fff;
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 0px;
	font-size:70%;
	display:block;
    }
	
#mainNav ul a:hover{
	text-decoration:none;
	color:#FF9900; 
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 0px;
	font-size:70%;
	display:block;
	}
	
#mainNav .blue1 a:link, #mainNav .blue1 a:active, #mainNav .blue1 a:visited{
	text-decoration:none;
	color:#fff;
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 28px;
	background:#007CBE url("../../images/nav-arrow.gif") 0px 0px no-repeat ;
	font-size:70%;
	display:block;
    }
	
#mainNav .blue1 a:hover{
	text-decoration:none;
	color:#FF9900; 
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 28px;
	font-size:70%;
	display:block;
	background:#007CBE url("../../images/nav-arrow.gif") 0px -141px no-repeat ;
	}
	
#mainNav .blue1 .current a:link, #mainNav .blue1 .current a:active, #mainNav .blue1 .current a:visited, #mainNav .blue1 .current a:hover{
	text-decoration:none;
	color:#fff;
	margin:0px 0px 0px 0px;
	padding: 4px 0px 4px 28px;
	background:#007CBE url("../../images/nav-arrow.gif") 0px -141px no-repeat ;
	font-size:70%;
	display:block;
    }
	
#mainNav .blue1 ul li{/* ----------------3rd level nav---------------------*/
	background-image:none;
	border-bottom:none;
	border-top:1px solid #fff;
	margin:0px;
	padding:0px;
	}
	
#mainNav .blue1 .current .blue2 {/* ----------------3rd level nav---------------------*/
	background-image:none;
	border-bottom:none;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
#mainNav .blue1 .current .blue2 a:link, #mainNav .blue1 .current .blue2 a:active, #mainNav .blue1 .current .blue2 a:visited{/* ----------------3rd level nav---------------------*/
	background-image:none;
	border-bottom:1px;
	background:#007CBE url("../../images/nav-arrow.gif") 0px -20px no-repeat ;
	padding: 4px 0px 4px 36px;
	margin:0px;
	width:157px;
	}
	
#mainNav .blue1 .blue2 a:hover{/* ----------------3rd level nav---------------------*/
	background-image:none;
	border-bottom:1px;
	background:#0092E0 url("../../images/nav-arrow.gif") 0px -20px no-repeat ;
	padding:4px 0px 4px 36px;
	}
	
#mainNav .blue1 .blue2 .light a:link, #mainNav .blue1 .blue2 .light a:active, #mainNav .blue1 .blue2 .light a:visited, #mainNav .blue1 .blue2 .light a:hover{/* ----------------3rd level nav---------------------*/

	background:#0092E0 url("../../images/nav-arrow.gif") 0px -20px no-repeat ;
	padding:4px 0px 4px 36px;
	
	}
	
#mainNav .blue1 .blue2 .light
{/* ----------------3rd level nav---------------------*/
	background:#0092E0 url("../../images/nav-arrow.gif") 0px -20px no-repeat ;
	padding:0px 0px 0px 0px;
	margin:0px;
	}

#mainNav .blue1 .blue2 a:link, #mainNav .blue1 .blue2 a:active, #mainNav .blue1 .blue2 a:visited{/* ----------------3rd level nav---------------------*/
	background-image:none;
	border-bottom:1px;
	background:#007CBE url("../../images/nav-arrow.gif") 0px -20px no-repeat ;
	padding: 4px 0px 4px 36px;
	margin:0px;
	width:157px;
	}

#quoteBox{
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	margin:4em 0px 0px 0px;
	padding:8px 8px 8px 8px;
	background:#007CBE url("../../images/blue-tile.gif") 0px 0px;
	bottom: auto;	
	}

#quoteBox p{
	color:#FFFFFF;
	font-size: 0.6875em;
	}
	
	
	
/* ---------------------------------------------- the main content ---------------------------------------*/
	
#content{
	margin:1px 0px 0em 0px;
	padding:2.8em 10px 2.8em 12px;
	width:338px;
	float:left;
	background: url("../../images/grey.gif") -1px -1px  repeat-x;
	line-height:1.30em;
	font-size: 0.875em ;
	text-align: justify;
	}
	
#content h3 {
	color: #333333;
	font-size: 110%;
	padding: 0px 0px 1em 0px;
}

#content h4 {
	color: #666666;
	font-size: 110%;
	padding: 1em 0px 1em 0px;
}

#content p {
	color: #111;
	margin-bottom: 0.75em;
}

#content ul{
	color:#111;
	list-style-type: disc;
	margin: 1em 0em 1em 1em;
	padding: 0 0 0 2px;
	font-size: 0.825em;
	}
	
#content ul a:link, #content ul a:active, #content ul a:visited{
	text-decoration:underline;
	color:#000000;
	margin:0em 0em 1.0em 0em;
	padding:0px;
    }
	
#content ul a:hover{
	text-decoration:underline;
	color:#FF9900; 
	margin:0em 0em 1.0em 0em;
	padding:0px;
	}
	
/* ---------------------------------------------- the feature coll ---------------------------------------*/
	
#featureBox{
	margin:1px 0px 0px 1px;
	padding:23px 0px 0px 0px;
	width:173px;
	float:left;
	background: url("../../images/grey.gif") -1px -1px  repeat-x;	
	}
	
#featureBox .box1, #featureBox .box2, #featureBox .box3, #featureBox .box4, #featureBox .box5{
	background: #41ACE5 url("../../images/feature-back.gif") -1px -1px  repeat-x;	
	margin:1px 0px 0px 0px;
	padding:1.7em 6px 0.3em 8px;
	color:#fff;	
	font-size: 0.8125em;
	}
	
#featureBox .box1 h5, #featureBox .box2 h5, #featureBox .box3 h5, #featureBox .box4 h5, #featureBox .box5 h5{
	color:#fff;	
	margin:0px 0px 0.4em 0px;
	padding:0px 0px 0px 0px;
	font-size:105%;
	
	}
	
#featureBox .box1 a:link, #featureBox .box1 a:active, #featureBox .box1 a:visited,
#featureBox .box2 a:link, #featureBox .box2 a:active, #featureBox .box2 a:visited,
#featureBox .box3 a:link, #featureBox .box3 a:active, #featureBox .box3 a:visited,
#featureBox .box4 a:link, #featureBox .box4 a:active, #featureBox .box4 a:visited,
#featureBox .box5 a:link, #featureBox .box5 a:active, #featureBox .box5 a:visited{
	color:#fff;
	background: url("../../images/arrow2.gif") 0px 0px  no-repeat;	
	padding:0px 0px 0px 16px;
	}
	
#featureBox .box1 a:hover,
#featureBox .box2 a:hover,
#featureBox .box3 a:hover,
#featureBox .box4 a:hover,
#featureBox .box5 a:hover{
	color:#FF9900;
	background: url("../../images/arrow2.gif") 0px 0px  no-repeat;	
	padding:0px 0px 0px 16px;
	}

#featureBox .box1 p a:link, #featureBox .box1 p a:active, #featureBox .box1 p a:visited,
#featureBox .box2 p a:link, #featureBox .box2 p a:active, #featureBox .box2 p a:visited,
#featureBox .box3 p a:link, #featureBox .box3 p a:active, #featureBox .box3 p a:visited,
#featureBox .box4 p a:link, #featureBox .box4 p a:active, #featureBox .box4 p a:visited,
#featureBox .box5 p a:link, #featureBox .box5 p a:active, #featureBox .box5 p a:visited{
	
	 background: url("../../images/arrow2e.gif") 0px 0px  no-repeat;
	 padding:0px 0px 0px 0px;
	}
	
#featureBox .box2{
	background: #007CBE url("../../images/feature-back.gif") -1px -1px  repeat-x;	
	}

#featureBox .box3{
	background: #006BA5 url("../../images/feature-back.gif") -1px -1px  repeat-x;	
	}
	
#featureBox .box4{
	background: #006197 url("../../images/feature-back.gif") -1px -1px  repeat-x;	
	}
	
#featureBox .box5{
	background: #005687 url("../../images/feature-back.gif") -1px -1px  repeat-x;	
	}
	

	
/* ---------------------------------------------- the footer ---------------------------------------*/


	
#footer{
	margin:1px 0px 0px 7px;
	padding:0px 0px 0px 0px;
	width:734px;
	float:left;
	background: url("../../images/search-tile.gif") 0px 0px repeat-y;
	
	}

#footer ul{
	 
 list-style-type:none;
 margin:0.3em 0px 0.3em 206px;
	
	}

#footer ul li{
display:inline;
margin:0px 12px 0px 0px ;

}
	
#footer a:link, #footer a:active, #footer a:visited{
	color:#333;
	padding:0px 0px 0px 16px;
	background: url("../../images/square.gif") 0px 2px no-repeat;
	text-decoration:none;
	}
	
#footer a:hover{
	color:#FF9900;
	padding:0px 0px 0px 16px;
	background: url("../../images/square.gif") 0px 2px no-repeat;
	}
	
	
#copy{
	clear:both;
	margin:1px 0px 0px 7px;
	padding:0px 0px 3px 0px;
	width:728px;
	float:left;
	text-align:right;
	background: #999999 url("../../images/footer-shadow.gif") bottom left repeat-x;
	color:#fff;
	}
	
#copy p{
	margin:0.4em 6px 0.4em 0px;
	color:#fff;
	font-size: 0.625em;
	}
	
#copy a:link, #copy a:active, #copy a:visited{
	color:#fff;

	}
	
#copy a:hover{
	color:#FF9900;
	
	}