/* CSS Document */

* {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

#page {width:772px; margin:auto;}
#header {width:772px; padding-bottom:10px;} 

#bluebar {background-color:#cbe2fd; float:left; margin-bottom:25px; padding-top:10px; width:772px;}
#title {width:235px; float:left;}
#topnav {width:460px; float:right;}

#contentarea {clear:both;}

#col1 {width:232px; float:left; margin:0 25px 0 0;}
#col2 {width:490px; float:left; margin:0 25px 0 0;}

#stats {background-color:#c5c5c5; border:2px solid #000;}
#stats h3 {font-size:90%; margin:0; padding:5px; font-family:Georgia, "Times New Roman", Times, serif; color:#680000;}
#stats p {margin:0; padding:2px 5px; font-size:75%;}
#stats ul {margin:0 0 10px 20px; padding:0;}
#stats li {font-size:80%;}
#stats a {color:#000000; border-bottom:1px dashed #000; text-decoration:none;}
#stats a:hover {color:#014FAA; border-bottom:1px dashed #014FAA;}


#footer {clear:both; background-color:#cbe2fd; width:746px; margin:25px 0 0 0; padding:13px;}
#footer p {font-size:70%; margin:0; padding:0; text-align:center;}
#footer a {text-decoration:none; color:#000000;}


#col2 .launch {background-color:#c5c5c5; padding:15px 10px; margin:0; text-align:center; color:#070068;}
#col2 .launch a {color:#070068; text-decoration:none;}
#col2 .launch a:hover {border:none;}

#col2 .caption {background-color:#c5c5c5; padding:15px 10px; margin:0; text-align:right; color:#070068;}
#col2 .caption a {color:#070068; text-decoration:none; border-color:#000000;}
#col2 .caption a:hover {border-color:#0000FF; color:#00f;}

#col2 .photo {background-color:#c5c5c5; margin:0; padding:0; text-align:center;}


#title h1 {margin:11px 0 11px 26px; font-size:120%; color:#6e0000; font-family:Georgia, "Times New Roman", Times, serif;}

#col1 h2, #col3 h2 {display:block; background-color:#fbfdcb; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size:95%; padding:3px 0 3px 26px; color:#707070;}


#col1 h4 {font-size:90%; padding:0 0 0 26px;}
select {margin:0 0 0 29px;}
#col1 img {border:2px solid #000;}

#col2 h2 {text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#707070; background-color:#fbfdcb; padding:10px 0; margin:0 0 25px 0; font-size:120%;}
#col2 h3 {color:#530000; border-bottom:2px dashed #530000;}
#col2 p, ul, ol, #col2 table {font-size:85%; line-height:150%;}

#col2 a {color:blue; text-decoration:none; border-bottom:1px dashed blue;}
#col2 a:hover {border-bottom:1px dashed #000; color:#000000;}
#col2 dl {font-size:85%;}
#col2 dt {font-weight:bold; font-size:80%; margin-top:8px;}

#topnav p {margin:11px 0; text-align:right; color:#00056e; font-size:105%; border-top:2px solid #6e0000; border-bottom:2px solid #6e0000; margin:5px 50px 0 0; padding:0 5px;}
#topnav a {text-decoration:none; color:#00056e;}

.project {background-color:#dcdcdc; border:2px solid #000; padding:5px;  font-family:Georgia, "Times New Roman", Times, serif; margin:5px 0;}
.project h3 {text-align:left; margin:0; padding:10px 0 5px 0; font-size:90%;}
.project p {text-align:left; margin:0; padding:1px 0; font-size:80%;}
.project a {text-decoration:none; border-bottom:1px dashed #000; color:#000;}
.project a:hover {color:#014FAA;}
.project img {margin-right:5px;}

.code {border:2px solid #000; background-color:#ebebeb;}
.code p {margin:0; padding:10px;}
.code .pink {color:#FF00FF;}
.code .darkblue {color:#000099;}
.code .blue {color:#0000FF;}
.code h5 {margin:0; padding:0; background-color:#CCCCCC; padding: 2px 10px;}