/*
------------------------------------------------------
General Classes
------------------------------------------------------
*/

body {
	margin: 0px;
	Padding: 0px;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	background-color: #FFFFFF;
	text-align:center;
	background-repeat:repeat-x;

}


/*
------------------------------------------------------
Layout / Positioning
------------------------------------------------------
*/
#container {
	position:relative;
	left:0px;
	top:0px;
	margin: 0 auto;
	padding: 0px ;
	text-align:left;
	min-width: 770px;
	max-width: 955px; 
	width: expression(document.body.clientWidth < 772? "770px" : document.body.clientWidth > 957? "955px" : "auto");
	background: #fff;

}


#top {
	position:relative;
	margin-left: 0px;
	display:block;
	left:0px;
	top:0px;	
	height:140px;
	background: #ffffff;
}

#topticker {
	/*position:relative;*/
	margin-left:222px;
	/*padding-top:103px;	
	height:37px;*/

}

#topnav {
	position:relative;
	margin-left:224px;
	padding-top:53px;	
	height:37px;

}

#middle{
	position:relative;
	display:block;
	left:0px;
	top:0px;
	}


#left {
float:left;
position:relative;
width: 223px;


}

#leftnav{
position:relative;
background:  #00478b;
top:0px;
left:0px;
width:213px;
height: 308px;
margin:0px 5px;

}

#hero {
	position:relative;
	left:0px;
	top:0px;
	margin-left:223px;
	background:url(../images/home-hero.jpg) no-repeat left top ;
	height:344px

	}
	
#crumbs {
background:url(../images/blue-check.gif) repeat-x left top;
padding: 47px 0px 12px 10px;
margin-left:223px;
border-bottom:1px dotted #666 !important;
border-bottom:1px solid  #999;

	
	}
	
	#bodycopy {
	position:relative;
	left:0px;
	top:0px;
	margin-left:222px;
	padding:10px;
	}
/*	
	#bodycopy {
	position:relative;
	left:0px;
	float:left;
	padding:10px;
	}
*/
	
	
	
	
#footer {
	position:relative;
	display:block;
	left:0px;
	top:0px;
	padding:0px 10px;
	background:url(../images/dotline.gif) repeat-x;
	}
#footer-links {
	float:right; 
	text-align:right; 
	position:relative
	}

/*
------------------------------------------------------
Headings
------------------------------------------------------
*/
h1 {
	font-family: Verdana, Arial,  Helvetica, sans-serif;
	font-size: 1.2em;
	color: #00478b;
	font-weight: bold;
}

h2 {
	font-family: Verdana, Arial,  Helvetica, sans-serif;
	color: #00478b;
	font-weight: bold;
	font-size: 1em;
}

h3 {
	font-family: Verdana, Arial,  Helvetica, sans-serif;
	color: #00000;
	font-weight:bold;
	font-size: 1.1em;
}

a.red:link{
	
	color: #e83f33;
	font-weight:bold;
	font-size: 1em;
	
}

a.red:Hover{
	
	color: #e83f33;
	font-weight:bold;
	font-size: 1em;
	
}


/*
------------------------------------------------------
Links
------------------------------------------------------
*/

/* Standard Link */
a          { 
	color: #00478b; 
	text-decoration : none; 
}
a:Hover    {
	color: #00478b;
	text-decoration : underline;
}


/* footer  */
#footer a, #crumbs a   { 
	color: #000000; 
	text-decoration : none; 
}
#footer a:Hover, #crumbs a:Hover    {
	color: #000 ;
	text-decoration : underline;
}

/*
------------------------------------------------------
Forms
------------------------------------------------------
*/


input {

}


textarea {

}

select {

	}

TD.formCaptions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
}

/*
------------------------------------------------------
HTML 
------------------------------------------------------
*/

hr {
	border: none 0;
	border-top: 1px solid #999999;
	width: 100%;
	height: 1px;
}


ol {
}

ul{
}

img {
	border: 0;
}

/*
------------------------------------------------------
LEFT NAV
------------------------------------------------------
*/


#leftnav ul {
margin:0 5px;
padding:0px;
color:#fff;
border-bottom:1px dotted #fff !important;
border-bottom:1px solid  #cccccc;
}

#leftnav li {
list-style:none;

color:#fff;
margin: 0px 0px;
padding:5px 0px;
border-top:1px dotted #fff !important;
border-top:1px solid  #cccccc;
height:auto !important;
height:15px


}

#leftnav li a {
color: #fff;
text-decoration : none;

} 

#leftnav li a:hover  {
color:#fff;
text-decoration : underline;

} 

/*
------------------------------------------------------
images
------------------------------------------------------
*/

.heading {
margin:10px 0px 10px 10px;

}


.pic-right{
float:right; 
margin: 2px 2px 15px 20px;
}

.pic-left{
float:left; 
margin: 2px 15px 10px 2px;
}

strong {

font-weight:900;

}

.vivid { color: #666 !important; text-decoration: none !important; }