html,body{
margin:0;
padding:0
}
body{
font: 76% arial,sans-serif;
text-align:center;
background-color: #4e6d8c;
}
p{
margin:0 10px 10px;
}
a{
/*display:block;*/
color: #000066;
/*padding:5px 5px 10px 5px;*/
}
div#container{
	text-align:left;
}
div#content p{
line-height:1.4;
}
div#content ul{
	list-style-position: outside;
}
div#navigation{
background:#B9CAFF;
}
div#extra{
background:#FFF;
}
div#footer p{
margin:0;
padding:5px 10px
width: 300px;
font-size: 10px;
color: 666;
}
div#container{
width:760px;
margin:0 auto;
background-color: #fff;
}

div#sectionTitle{
	padding: 10px 10px 0px 10px;
	border-bottom: 2px solid #f5f5f5;
}
	
div#navigation{
float:left;width:200px
}

div#footer{
clear:both;
width: 550px;
margin: auto;
text-align: center;
background: #fff;
color: #333;

}

div#crumbs{
font-size: .8em;
text-align: right;
}
div#crumbs a{
color: #000066;
}

.mediumHR {
	border: 0px; 
	height: 1px; 
	margin: 0px;
	padding: 0px;
	background-color: #999999; 
	color: #999999;
	}
.companyName{
	font-weight: bold; 
	font-style: italic; 
	color: #4D6E8F;
}	
/*suckerfish*/
#nav { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1px;
}
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1px;
	background: #ffffff;
}
#nav a {
	padding:12px 5px 10px 5px;
	display: block;
	width: 11em;
	color: #c0c0c0;
	text-decoration: none;
}

#nav li { /* all list items */
	/*border: solid #000 3px;*/
	float: left;
	background: #012547;
	/*background: #ffffff;*/
	width: 12em;  /*width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
 	z-index: 10;
	background: #012547;
	/*background: #ffffff;*/
	position: absolute;
	width: 12em;
	line-height: 0px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-left: solid #c0c0c0 3px;
	border-right: solid #c0c0c0 3px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2.1em 0 0 12em;
	padding: 1em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;
} 


#nav li:hover, #nav li.hover {
    position: static;
}



#nav a:hover{
	/*text-decoration: underline;*/
	color:white;
	}
	
#nav a.daddy {
	background: url(pics/rightArrow.gif) center right no-repeat;
}

/* teaser STUFF */
	.teaser {
		padding:0 0 0 11px;
		margin:10px;
		background:url(pics/tsr-l-blue.gif) top left no-repeat;
		width: 90%;		
	}
	.teaser h4 {
		background:url(pics/tsr-r-blue.gif) top right no-repeat;
		margin:0;
		padding:8px 0 0.5em 0;
	}
	.teaser p {
		margin:0 0 0 -11px;
		padding:0 11px 0.5em;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	.teaser div {
		margin:0 0 0 -11px;
		padding-left:11px;
		background:url(pics/tsr-l-blue.gif) bottom left no-repeat;
	}
	.teaser a.more {
		display:block;
		text-align:left;
		padding:0 10px 15px 5px;
		background:url(pics/tsr-r-blue.gif) bottom right no-repeat;
	}

/* ROUNDED BOX STUFF */
/* set millions of background images */
.rbroundbox { background: url('pics/nt.gif') repeat; }
.rbtop div  { background: url('pics/tl.gif') no-repeat top left; }
.rbtop      { background: url('pics/tr.gif') no-repeat top right; }
.rbbot div  { background: url('pics/bl.gif') no-repeat bottom left; }
.rbbot      { background: url('pics/br.gif') no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
height: 7px;
font-size: 1px;
}
.rbcontent  { 
	margin: 0; 
	text-align: center;
	}

.rbroundbox { width: 100%; margin: 1em auto; }

/*lightbox stuff*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.9em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: white solid 1px; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(scripts/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(scripts/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="scripts/overlay.png", sizingMethod="scale");
	}