/*-----Page styles------*/
/* All Navigation styles are at the bottom of this page */


/*global*/
body {
width:740px; margin:0 0 40px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; behavior: url(assets/scripts/csshover.htc);
}

h1 {
color:#009900; font-weight:normal; font-size:30px; margin:0 0 8px 0;
}

p {
color:#666;
}

a {
color:#009900; text-decoration:none
}

a:hover {
text-decoration:underline
}

.text_section {
margin:0 0 30px 0
}

.community {
clear:both; padding-bottom:30px
}

.text_section img.right {
width:330px; margin:4px 0 0 22px; float:right; border:solid 1px #ccc
}

.text_section img.left {
width:330px; margin:4px 22px 0 0; float:left; border:solid 1px #ccc
}

form {
color:#666; font-weight:bold; font-size:14px;
}




/*header*/
.header {
height:101px;
}

.header h1 {
font-weight:normal; font-size:17px; color:#99cc00; margin:0; position:absolute; top:40px; left:105px
}




/*main page*/
.page {
width:740px; margin-top:18px;
}

.page h1 {
color:#99cc00; font-size: 16px; margin: 0 0 -7px 0; font-weight:bold
}

.page p {
color:#666; line-height:19px
}

.page ol {
margin:16px 0 20px 0
}

.page ol li {
color:#666; line-height:19px; margin-bottom:15px
}

.page ul {
list-style:url(assets/images/subnav_arrow.gif); color:#666;
}

.page ul li {
margin:4px 0
}

h3 {
color:#333; font-size:13px; margin:0 0 3px 0;
}

#header {
list-style:none; margin:18px 0 0-15px
}




/*what you should know*/
.whatyoushouldknow {
width:708px; background-color:yellow; padding:12px 16px 22px 16px;
}

.whatyoushouldknow h1 {
font-weight:bold; font-size:20px; margin:0 0 2px 0; color:#009900;
}

.whatyoushouldknow p {
font-size:16px; line-height:22px; margin:0; color:#009900;
}




/*inset photo*/
.inset {
width:360px; text-align:center; margin:0 0 5px 22px; float:right
}

.left {
margin:0 22px 5px 0; float:left
}

.inset img {
width:360px; border:solid 1px #ccc;
}

.inset img.vertical {
width:250px
}

.inset p {
font-size:11px; line-height:15px; color:#009900; font-weight:bold; position:relative; top:-4px; margin-bottom:25px
}

.section {
margin:16px 0 -20px 22px;
}





/*home page*/
.heroimg {
width:740px; height:220px; margin:-20px 0 12px 0; text-align:right; border:solid 1px #ccc
}

.label {
position:relative; right:-1px; top:200px; height:25px; padding:8px 0 8px 12px; font-weight:bold; font-size:11px; color:#009900; background-color:#fff; border-top:solid 1px #eee; border-left:solid 1px #eee; line-height:14px
}

.home_yellowblock {width:708px; background-color:yellow; padding:12px 16px 10px 16px;}
.home_yellowblock h1 {font-weight:bold; font-size:20px; margin:0 0 -8px 0; color:#009900;}
.home_yellowblock p {line-height:17px; color:#009900;}
.home_yellowblock a {font-weight:bold; color:#007833;}

.home_adblock {width:234px; float:left; margin:14px 19px 0 0;}
.home_adblock h1 {font-size:17px; color:#009900; border-bottom:solid 3px #99cc00; padding-bottom:5px}
.home_adblock p {margin-top:0; line-height:17px}
.home_adblock b {color:#009900;}
.home_adblock a {font-weight:bold;}
.home_adblock img {width:234px; height:98px; margin:-6px 0 8px 0; border:none}
.end {margin-right:-19px}






/*timeline page*/
#tl_links, #tl_content {
height:550px; float:left;
}

#tl_links {
width:90px; border-right:solid 1px #009900;
}

#tl_links a {
cursor:pointer; font-size:12px;
display:inline-block;
width:86px;
padding:1px 2px;
text-decoration:none;
margin-bottom:10px;
font-weight:bold
}

.startVid {color:#999; border-bottom: solid 1px #fff;}
.startVid:hover {color:#000;}

.activeVid {color:#009900; border-bottom: solid 1px #009900;}

.nonActiveVid {color:#999; border-bottom: solid 1px #fff;}
.nonActiveVid:hover {color:#000;}

#tl_content {
width:647px; text-align:center; background-color:#eee; font-size:16px; line-height:24px;
}

#tl_content p {margin:210px 40px 0 40px}
#tl_content p.lo1 {margin:210px 40px 0 40px; line-height:24px}
#tl_content p.lo2 {margin:15px 40px 0 40px; line-height:24px}
#tl_content p.lo3 {margin:110px 0 0 20px; text-align:right; line-height:24px}
img.lo2 {margin:20px 0 0 0}
img.lo3 {float:right; width:350px; margin:20px 30px 0 30px}





/*footer*/
.footer {
width:740px; height:20px; clear:both; border-bottom:solid 1px #99cc00;
}



/*documents page*/
#docblock {margin:0px 0 130px 0; font-size:17px; color:#009900;}
#grayline {padding: 9px 10px; margin:7px 0; background-color:#e0e0e0;}
#whiteline {padding: 9px 10px; margin:7px 0}
#grayline img, #whiteline img {float:right}
#filesize {font-size:11px}





/*-----Navigation styles------*/



/*top nav*/
.topnav {
text-align:right; color:#99cc00; font-size:11px; margin-right:-10px; position:relative; top:20px
}

.topnav a{
color:#009900; text-decoration:none; padding:0 10px; font-weight:normal; font-size:11px;
}

.topnav a:hover{
text-decoration:underline
}





/*main nav*/
#menu {
width: 740px; float: left; background-image:url(assets/images/tile_nav.gif); background-position:bottom; background-repeat:repeat-x; white-space:nowrap;
}

#menu ul {
list-style: none; margin: 0; padding: 0; float: left;
}

#menu a {
display: block; margin: 0; text-align:center; cursor:pointer; text-decoration:none; white-space:nowrap; font-size:11px;
}

#menu ul a {
color:white;
font-weight:bold;
display:inline-block;
text-align:center;
background-color:#99cc00;
text-decoration:none;
border-top: 1px solid #99cc00;
border-bottom: 1px solid #009900;
padding: 2px 7px 0 7px;
height:17px;
margin-right:1px;
}

#menu a:hover {background-color: #009900}

#menu ul a.arrowlink {
background-image:url(assets/images/mainnav_arrow.gif);
background-position:right;
background-repeat:no-repeat;
padding: 2px 12px 0 7px;
height:17px;
}

#menu ul a.active_main {
color:#009900;
background-color:white;
border-top: 1px solid #009900;
border-right: 1px solid #009900;
border-bottom: 1px solid #fff;
border-left: 1px solid #009900;
}

#menu ul a.active_arrow {
color:#009900;
background-color:white;
border-top: 1px solid #009900;
border-right: 1px solid #009900;
border-bottom: 1px solid #fff;
border-left: 1px solid #009900;
background-image:url(assets/images/mainnav_arrow_green.gif);
background-position:right;
background-repeat:no-repeat;
padding: 2px 12px 0 7px;
}

#menu ul a.active_main:hover {
background-color:white;
}

#menu ul ul {
background: #fff;
position: absolute;
top: 20px;
left: 0;
z-index: 500;
text-align:left;
border-left:solid 1px #ddd;
border-right:solid 2px #bbb;
border-bottom:solid 2px #bbb;
padding:0 16px;
}

#menu ul ul a {
color: #009900; background: #fff; text-decoration: none; font-weight:normal; text-align:left; line-height:18px; padding:7px 0 7px 8px; border:none; background-image: url(assets/images/subnav_arrow.gif); background-position:left; background-repeat:no-repeat;  z-index:100;
}

#menu ul ul a:hover {
text-decoration:underline; background-color: #fff; background-image: url(assets/images/subnav_arrow.gif); background-position:left; background-repeat:no-repeat
}

#menu li {
position: relative; z-index:80;
}

#menu ul ul ul {
position: absolute; top: 0; left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}




/*sub navigation styles*/
.subnav {
font-size:11px; color:#666; clear:both; padding:10px 0 0 0; height:27px
}

.subnav a {
font-size:11px; font-weight:normal
}

.subnav img {
padding:0 10px
}

.youarehere {
padding-right:8px
}



/* Green Button*/
a.greenbutton:link, a.greenbutton:visited {
	background-color:#99cc00;
	color:#fff;	
	font:bold 11px Arial;
	text-decoration:none;
	padding: 4px 8px;
	position:relative;
	top:16px
}

a.greenbutton:hover {
	background-color:#009900;
	text-decoration:none;
}