/* CSS Document */

html,body{margin:0;padding:0}
body{font: 76% Verdana, Arial, Helvetica, sans-serif;text-align:justify; background-color:#FFFFFF}

p{margin:0 10px 10px}
a{display:inline;color: #A76E0C;}
a:hover {color:#7E7E27}

h1 {color:#7E7E27; font-size:18px}
h2 {color:#ca6701; font-size:16px; margin-top:20px}
h3 {color:#996633; font-size:14px; font-variant:small-caps; margin:0 10px 5px}
h4 {color:#333333; font-size:13px; font-variant:small-caps; margin:0 10px 0}

img {border:none;}
img a {border:none; text-decoration:none}

table {margin-left:10px; font-size:12px; text-align:left}
td {padding:5px}
td.imp {color:#CC3300; font-style:italic}
td.date {font-style:italic}

ul {color:#252525; list-style-image:url("images/bullet_small.png");}
li {padding:5px}


#header_bg {background-repeat:repeat-x; background-image:url("images/header_bg.png"); height:200px; border-top:#333333 6px solid;}
#logos_bg {height:85px; text-align:right; width:920; background:url("images/logos_bg.png") no-repeat; }
#logos_bg h4{padding-right:20px; color:#FFFFFF; padding-top:30px; font-weight:normal}

div#header {margin:0; text-align:left; position:static; clear:both}

div#wrapper{float:left;width:100%; background:none}
div#container{text-align:left; width:920px;margin:0 auto;}

div#spotlight {height:176px; width:920px; background:url(images/spotlight_bg.png) no-repeat; padding-top:10px; margin-top:20px}
div#div1 {text-align:left; float:left; border-right:#CCCCCC solid 1px; padding-left:5px;
padding-right:2px;}
div#div2 {text-align:left; float:right; padding-right:10px}

div#content{float:left;width:570px; margin-top:20px; padding-bottom:50px;}
div#content2{float:left;width:900px; margin-top:20px; padding-bottom:50px;}
div#content p{line-height:1.4; margin-right:10px}
div#download{text-align:right; margin-bottom:10px; margin-right:10px}

div#navigation{float:right;width:200px; margin-top:20px; margin-bottom:10px; background:url("images/nav_line.png") left no-repeat; padding-left:10px}
div#navigation_content { margin-bottom:10px;}
div#navigation_top{height:18px}
div#navigation_bottom {height:18px; margin-bottom:10px}
#navigation h3 {margin-top:20px}

div#sponsors{float:left;width:130px; margin-top:30px; margin-bottom:10px; text-align:center}
div#sponsors h3 {text-align:left}

.menu { color:#252525; margin:0 0 0; 
list-style-image:url("images/bullet.png"); list-style-position:inside;
font-size:14px; font-variant:small-caps; padding-left:15px; padding-right:15px}

.menu li { padding-top:2px; padding-bottom:2px; border-bottom:#D5D5D5 1px dotted}
.menu li a { color:#252525; text-decoration:none; border:none;}
.menu li a:hover { color:#7E7E27; text-decoration:none; font-weight:bold;}
.menu li a.current {color:#7E7E27; font-weight:bold; list-style:circle}


div#footer{ color:#252525; clear:both; width:100%; text-align:center; padding-top: 10px; padding-bottom:10px;}
div#footer p{margin:0;padding:5px 10px; font-size:10px;}
 

/* ----------------------------------------------------------------------------------------------------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
padding-left:15px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px gray #A76E0C;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
width:410px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -430px; /*position where enlarged image should offset horizontally */
z-index: 50;
}