html {
height:100%;
margin-bottom: 0px; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:76%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background:#fff  -18px 0 no-repeat; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
#content {display:block; height:100%; max-height:100%; overflow:scroll; background: transparent #FFFFFF; padding-left:180px; padding-top:0px; position:relative; z-index:3;}
#head {position:fixed; margin:0; padding-left: 20px; top:0px; right:16px; display:block; width:100%; height:103px; max-height:103px; overflow: hidden; background: url(images/header_stripe.png) transparent; background-attachment: fixed; background-position:180px 0px; font-size:4em; z-index:6; }
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:50px; background:#ffffff; color:#000066; border-top: 1px solid #CCCCCC; text-align:right; font-size:1em; z-index:4;}

#left {position:fixed; left:0; top:0; padding-right:0px; height:100%; width:180px; background: #dddddd;  font-size:1em; color:#fff;z-index:4;}
#corner {height: 30px; width:60px; position:absolute; top:100px; left: 180px; background:transparent url(images/corner.png); z-index:8;}

#leftbord {position: absolute; left:180px; width:3px; height:100%; background:transparent url(left_bord.png); z-index:5;}
#topbord  {position: absolute; top:100px; right:-17px; width:100%; height:3px; margin-right: 17px; padding-right: 17px; background:transparent url(top_bord.gif); z-index:2; overflow: hidden;}

#breadCrumb{
	text-align:right;
	padding:8px 15px 0px 0px;
	font: small Verdana,sans-serif;
	color: #747474;
}

#breadCrumb a{
	color: #747474;
	text-decoration: none;
}

#breadCrumb a:hover{
	color: #000066;
	text-decoration: underline;
}


#utility{
	font: small Verdana,sans-serif;
	text-decoration:none;
	position: absolute;
	top: 6px;
	right: 16px;
	color: #000066;
	background-color: transparent;
}

#utility a{
	color: #000066;
	text-decoration:none;
}

#utility a:hover{
	text-decoration: underline;
}


#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	text-decoration: none;
	border-top: 1px solid #797979;
	border-bottom: 1px solid #797979;
	background-color:  #808080;
	font-weight: bold;
	padding: 4px 0px 4px 10px;
	color: #000066;
}

#sectionLinks a:hover{
	color: #FFCC33;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #000066;
	padding: 4px 0px 4px 10px;
	font-weight: bold;
	text-decoration: none;
}

#siteInfo{
	font-size: small;
	color: #747474;
	padding-right:12px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
#siteInfo a:link, #siteInfo a:visited {
    text-decoration: none;
	color: #000066;
}

#siteInfo a:hover{
	text-decoration: underline;
}
* html #head, * html #foot,* html #left {
	position:absolute;
}
.feature{
	padding: 2px 10px 10px 10px;
	font-size: small;
	min-height: 200px;
	height: 200px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}

.story {
	padding: 10px 0px 0px 10px;
	font-size: small;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story h4{
	font: bold 175% Arial,sans-serif;
	color: #000000;
}
.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}

.storyTable{
     position: absolute;
	 left: 180px;
}	 

.story img{
	float: left;
	padding: 0px 10px 0px 0px;
}
#pad1 {display:block; width:18px; height:100px; float:left;}
#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:100px;}

#content p {padding:5px;}

.bold {font-size:1.2em; font-weight:bold;}

#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}