* { margin:0; padding:0; }

html {
width:100%;
height:100%;
background:url(background.png) #58c0dd repeat-x;
}

body {
width:908px;
height:100%;
margin:0 auto;
background:#ffffff;
border-left:1px solid #e6f1f6;
border-right:1px solid #e6f1f6;
font-family:arial;
font-size:0.95em;
color:#333333;
}
b {font-weight:normal;}
a {
color:#6eb238;
text-decoration:none;
}

a img {
border:0;
}

#menu {
width:100%;
height:83px;
background:#72b53d;
position:relative;
top:0;
left:0;
z-index:20;
}

#menu ul {
margin-left:7px;
}

#menu ul li.top {
display:block;
width:107px;
height:75px;
position:relative;
float:left;
background:url(menu-bg.png) no-repeat;
text-align:center;
margin-right:4px;
}

#menu ul li.top img {
position:absolute;
top:10px;
left:50px;
}

#menu ul li.current {
background:none;
}

#menu ul li:hover {
background:none;
}

#menu ul li a {
color:#ffffff;
text-decoration:none;
}

#menu ul li.top p a, #menu ul li.top p span, #menu ul li.top span a {
padding-top:35px;
margin-left:2px;
width:107px;
height:40px;
display:block;
font-size:0.8em;
font-weight:bold;
text-align:center;
position:relative;
top:0;
left:0;
color:#ffffff;
}

#menu ul li.top p a:hover, #menu ul li.top span a:hover {
color:#fdc005;
}

#menu ul li.top span {
display:block;
position:relative;
top:3px;
left:0;
}

#menu ul li.top:hover ul {
display:block;
}

#menu ul li ul {
position:absolute;
top:75px;
left:0;
display:none;
width:156px;
height:105px;
padding-top:10px;
margin:0;
background:url(sub-bg.png) bottom no-repeat;
}

#menu ul li.top ul li {
display:list-item;
width:120px;
height:20px;
font-size:0.8em;
font-weight:bold;
list-style-image:url(leftarrow.png);
text-align:left;
margin-left:35px;
color:#ffffff;
}

#menu ul li.top ul li a:hover {
text-decoration:none;
color:#fdc005;
}

#menu  .left {
display:block;
width:9px;
height:9px;
position:absolute;
bottom:0;
left:0;
background:url(menu-left.png) #000000 no-repeat;
}

#menu .right {
display:block;
width:9px;
height:9px;
position:absolute;
right:0px;
bottom:0;
background:url(menu-right.png) #000000 no-repeat;
}

#flashheader {
margin-top:3px;
position:relative;
width:900px;
height:228px;
background:url(noflash.jpg) no-repeat;
}

#flashheader #updateflash {
position:relative;
top:90px;
text-align:center;
background:url(updatebox.png) no-repeat center;
height:30px;
padding-top:10px;
}

#flashtop {
display:block;
width:900px;
height:5px;
background:url(flashheader.png) no-repeat;
z-index:0;
position:absolute;
top:85px;
}
#flashtop h1 { position:absolute; z-index:0; color:#eeeeee; }
#wrap {
background:#ffffff;
width:900px;
padding:0 5px 0 5px;
position:relative;
left:-1px;
}

#wrap:after {
content:'.';
display:block;
height:0;
clear:both;
visibility:hidden;
line-height:0px;
font-size:0;
}

#left {
width:218px;
float:left;
margin:0 0 20px 10px;
}

#left h2 {
color:#005595;
font-weight:normal;
text-align:center;
padding-top:10px;
font-size:1.6em;
}

.box {
margin-bottom:15px;
width:218px;
height:111px;
background:url(leftbox.png) no-repeat;
font-size:0.8em;
}

.box h2.img {
position:relative;
top:10px;
left:10px;
font-size:0;
text-indent:-2000px;
width:199px;
height:25px;
padding-bottom:4px;
}

.box li {
list-style:none;	
color:#005595;
margin-left:25px;
font-size:1.1em;
}

.box li strong {
color:#6eb238;
font-weight:normal;
}

p.center {
text-align:center;
}

#right {
float:right;
width:640px;
position:relative;
top:0;
left:0;
margin-bottom:15px;
}

#right h1 {
color:#005595;
font-size:1.9em;
font-weight:normal;
}

#right h1.img {
width:510px;
height:30px;
background:url(h1.png) no-repeat;
font-size:0;
text-indent:-2000px;
}

#right h2 {
color:#6eb238;
font-weight:normal;
clear:both;
}

#right h2.img {
color:#6eb238;
font-weight:normal;
clear:both;
width:514px;
height:47px;
margin-top:5px;
background:url(h2right.png) no-repeat;
font-size:0;
text-indent:-2000px;
}

#right h3.back {
width:607px;
height:63px;
background:url(h3.png) no-repeat;
color:#005595;
padding:10px 0 0 10px;
margin:0;
}

#right h3.backsmall {
width:299px;
height:38px;
background:url(smallh3.png) no-repeat;
color:#005595;
padding:10px 0 0 10px;
margin:0;
}

#right p {
margin:15px 10px 0 0;
}

#right strong {
color:#6eb238;
}

#right li {
list-style-position:inside;
}

#right a {
color:#6eb238;
text-decoration:none;
}

#right a:hover {
text-decoration:underline;
}

#right hr {
margin:0 0 20px 0;
clear:both;
}

#right h3 {
margin:20px 0 5px 0;
}

#right .storeleft {
float:left;
width:35%;
text-align:center;
margin-bottom:20px;
}

#right .storeleft  p {
margin:0;
}

#right .storeright {
float:left;
width:62%;
margin-bottom:20px;
}

#right .staff {
clear:both;
margin-top:20px;
}

#right .staff div {
float:left;
width:75%;
}

#right .bio {
margin-top:20px;
float:right;
}

#right.rv li {
list-style-position:outside;
margin-left:20px;
}

#right .contactleft {
float:left;
width:48%;
height:70px;
}

#right .contactright {
float:right;
width:48%;
height:70px;
}

.photos {
clear:both;
}

.photos  img {
margin:5px 5px 5px 0;
border:2px solid #6eb238;
}

.photos img:hover {
border:2px solid #005595;
}

#right .photos .photop {
float:left;
text-align:center;
line-height:0.9em;
font-size:0.8em;
margin:5px 8px 0 0;
height:128px;
}

#right .photos p {
margin-left:10px;
}

#right .commit {
float:left;
width:14%;
position:relative;
top:4px;
}

#right .commit a {
color:#333333;
text-decoration:none;
}

#right .commit a:hover {
text-decoration:underline;
}

#right .action {
margin-bottom:10px;
padding:3px;
border:1px solid #ffffff;
}

#right .action a {
color:#333333;
text-decoration:none;
display:block;
padding:2px;
}

#right .action a:hover {
border:1px solid #ccc;
padding:1px;
background:#dff6ff;
color:#333333;
text-decoration:none;
}

#right .action a p, #right .action a:hover p {
color:#333333;
text-decoration:none;
}

#right .action h3 {
margin:0;
padding:0;
}

#right .action a h3 {
color:#6eb238;
text-decoration:none;
}

#newsBox {
height:224px;
width:279px;
font-size:0.6em;
overflow:hidden;
}

#newsBox li {
width:255px;
}

#latestnews {
position:relative;
top:-20px;
}

#latestnews li {
color:#005695;
margin-left:10px;
list-style:none;
font-size:0.85em;
}

#latestnews li  a {
text-decoration:none;
color:#005695;
}

#latestnews li  a:hover {
text-decoration:underline;
}

.subbox {
float:left;
margin-bottom:20px;
position:relative;
}

.subbox h4, .calender h4 {
margin-left:10px;
color:#6eb238;
font-weight:normal;
font-size:1.2em;
}

.subbox li, .calender li {
margin-left:23px;
text-indent:-13px;
width:270px;
list-style:none;
color:#005695;
font-size:1.2em;
}

.calender li {
width:100%;
font-size:1em;
}

.subbox li span, .calender li span {
color:#6eb238;
}

label {
width:200px;
display:block;
float:left;
}

#sponsors img {
margin:20px;
}

#videoList {
margin:10px 0 0 0;
border:1px solid #bfbfbf;
border-bottom:0;
width:426px;
}

#videoList li {
list-style:none;
border-bottom:1px solid #bfbfbf;
}

#videoList li a {
padding:5px;
display:block;
width:376px;
background:url(video.png) 5px center no-repeat;
padding:5px 25px;
}

#videoList li a:hover {
background-color:#dfdfdf;
}

#foot {
clear:both;
position:relative;
top:0;
left:0;
width:900px;
background:url(foottop.png) #72B53D top no-repeat;
color:#005695;
font-size:0.9em;
margin-top:20px;
padding:20px 0 20px 0;
}

#foot a {
color:#005695;
text-decoration:none;
}

#foot a:hover {
text-decoration:underline;
}

#right hr.tests {
background:none;
border:0;
border-bottom:1px dashed #005595;
margin:20px 0 25px 0;
}

#videoCats li li {
margin-left:15px;
}
