* {margin: 0; padding: 0;}
body {background: url("./images/bg.gif") #000000 repeat-x top center; font-family: helvetiva, arial, san-serif; font-size: 0.9em; color: #f2f2f2;}

div#web {width: 785px; margin: 0 auto;}
a img {border: 0;}
img.right {float: right; padding: 0 0 10px 10px;}

div#topbox {width: 786px; padding: 0 0 10px 0;}

img.right {float: right; padding: 0 0 10px 10px; margin: 0 0 10px 10px;}

div#nav {height: 35px;}
div#nav a {color: #0099ff; text-decoration: none;}
div.tabover {height: 35px; width: 162px; background: url("./images/tabover.gif") no-repeat; float: left; text-align: center; margin: 0 10px 0 0;}
div.tabover a {text-decoration: none; color: #0099ff; line-height: 35px;}
div.tabunder {height: 35px; width: 161px;  float: left; text-align: center; margin: 0 10px 0 0;}
div.tabunder a {text-decoration: none; color: #0099ff; line-height: 35px;}
div.white {height: 35px; width: 85px; float: left; text-align: center;}
div.white a {text-decoration: none; color: #0099ff; line-height: 35px;}

div#blackboxtop {background: url("./images/T_midlines.gif") repeat-y; float: left;}
img.topboximgtop {margin: 0;}
div#Topleftcol {float: left; padding: 0 10px; width: 485px;}
div.latestbox {width: 140px; text-align: center; float: left; margin: 0 10px 10px 10px;}
div.latestbox div.latestgradient {width: 138px; background: url("./images/InBox_grad.jpg") #333333 repeat-x; padding: 5px 0 0 0; margin: -4px 0 -5px 0; float: left; border-left: 1px solid #666666; border-right: 1px solid #666666;}
div.latestbox a {color: #0099ff; text-decoration: none; display: block;}
div.latestbox a:hover {color: #ffffff;}
div.latestbox a.texttitle {padding: 0 0 0 5px; line-height: 1.5em;}
div.latestbox div.latestnewsimg { margin: 0 0 5px 0;}
div.latestbox div.latestnewsimg a img {border: 1px solid #666666;}
div.latestbox img.InBox {height: 9px; padding: 0; margin: 0;}

div#Toprightcol {float: left; padding: 0 10px; width: 240px;}
div#Toprightcol h2 {color: #0099ff; font-weight: normal; font-size: 1.5em;}
div#Toprightcol p {}
div.button {background: url("./images/ButtonMid.jpg") repeat-x; width: 245px; height: 37px; text-align: center; margin: 5px 0 5px 0;}
div.button a img {border: 0;}
div.button img.leftedge {float: left;}
div.button img.rightedge {float: right;}
div.button a {color: #0099ff; text-decoration: none; line-height: 37px; }
div.button a:hover {color: #ffffff;}

div#bottominfo {clear: both; width: 786px; padding: 0 0 10px 0;}

div#indexcontent {width: 508px; float: left; margin: 0 10px 0 0;}
div#indexcontent div#contenttext {float: left; background-color: #333333; border-left: 1px solid #666666; border-right: 1px solid #666666; margin: -4px 0 -4px 0; padding: 0 10px 4px 10px; width: 486px;}
div#indexcontent div#contenttext h1 {color: #0099ff; font-weight: normal; font-size: 1.5em;}
div#indexcontent div#contenttext p { padding: 5px 0 5px 0; margin: 5px 0 5px 0;}
div#indexcontent div#contenttext a { color: #ffffff;}
div.extra_images {float: right; padding: 0 10px 10px 10px;}

div#recentevent {width: 260px; float: left;}
div#recentevent div#recentgrad {background: url("./images/BlueBoxGrad.jpg") repeat-x #00145b; text-align: center; border-left: 1px solid #005a87; border-right: 1px solid #005a87; margin: -4px 0 -6px 0; padding: 0 10px 5px 10px;}
div#recentevent div#recentgrad h3 {color: #f2f2f2; font-weight: normal; font-size: 1.5em; text-align: left; padding: 0 0 10px 0;}
div#recentevent div#recentgrad img {border: 1px solid #f2f2f2;}
div#recentevent div#recentgrad p {text-align: left; font-size: 0.9em;}
div#recentevent div#recentgrad p a.recenteventlink {color: #ffffff; text-decoration: none;}
div.eventitem {padding: 10px 0 10px 0;}
div#recentevent div#recentgrad p.candidates {padding: 5px 0 5px 20px; margin: 0;}
div#recentevent div#recentgrad p.candidates a {color: #ffffff; text-decoration: none;}

div#footer {margin: 10px 0 10px 0; float: left; clear: both; width: 785px; background: url("./images/footerMid.jpg") repeat-x; height: 42px; font-size: 0.8em; text-align: center;}
div#footer img.rightedge {float: right;}
div#footer img.leftedge {float: left;}
div#footer p {line-height: 42px;}


div#form {float: left; width: 480px; padding: 20px 0 0 0; font-size: 0.9em;}
div#form p {font-size: 1em; padding: 0 0 10px 0;}
div.formLine {clear: both; padding: 5px 0 5px 0; float: left; width: 480px;}
div.Lcol {float: left; width: 200px; padding: 0;}
div.Rcol {float: left; width: 280px; padding: 0;}

div#gallery_wrap {clear: both; width: 786px; padding: 0 0 10px 0;}
div#gallery {width: 776px; float: left; margin: 0 10px 0 0;}
div#gallery div#gallery_images {float: left; background-color: #333333; text-align: center; border-left: 1px solid #666666; border-right: 1px solid #666666; margin: -4px 0 -4px 0; padding: 0 10px 20px 10px; width: 754px;}
div#gallery div#gallery_images h1 {color: #0099ff; font-weight: normal; font-size: 1.5em;}
div#gallery div#gallery_images p { padding: 5px 0 5px 0; margin: 5px 0 5px 0;}
div#gallery div#gallery_images a { color: #ffffff;}
div#gallery div#gallery_images div.imageBG {padding: 20px 0 20px 0;}
td {text-align: center;}
div.galleryjump {text-align: right;}
th {text-align: left; padding: 0 0 10px 0;}
div.breadcrumb {text-align: left;}
td.rightalign {text-align: right;}
td.cat_description {text-align: left; padding: 0 0 20px 0;}
.paginate {padding: 20px 0 0 0;}


div#cms {padding: 50px 0 0 0;}
div#cms p {color: black;padding: 0 0 20px 0;}
div#cms p a {color: black; text-decoration: none; padding: 3px 0 0 20px;}

p.credit {text-align: center; color: grey; clear: both; font-size: 0.8em; padding: 10px 0 10px 0;}
p.credit a {text-align: center; color: grey; text-decoration: none;}