﻿body, html  { width: 100%; height: 100%; margin: 0px; background: #001a3f url(body_bg.jpg) repeat-x; }

p, td, div  { color: #333; font-family: Arial; font-size: 8pt; }	
a { color: #0066cc; text-decoration: none; }
a:hover, a:active { color: #0066cc; text-decoration: none; }
.titlebox  { width: auto; padding-left: 5px; height: 26px; line-height: 26px; background: url(box_bg.jpg); }
.titlebar { font-size: 8pt; margin: 0px; color: #fff; }
h1 { color: #ff6600; font-size: 14pt; margin-top: 0px; }
h2 { color: #0066cc; font-size: 12pt; margin-top: 0px; }
h3 { color: #333; font-size: 10pt; margin: 0px; }
img { border: 0px; }

.dvcontainer { position: absolute; left: 50%; width:952px; margin-left: -476px; }
.wrapper { width: auto; display: block; clear: both; }
.shadeleft { float: left; width: 6px; }
.shaderight { float: left; width: 6px; }
.tdmain, .main { float: left; width: 940px; background-color: #fafafa; vertical-align: top; height: 100%; }
.dvcontent { background: url(main_bg.jpg) repeat-x;	padding: 10px; min-height: 300px; }
.header { width: 100%; background: url(header_bg.jpg) repeat-x;	height: 101px; }
.headerlogo { width:204px; float: left; height: 101px; }
.headerbanner { width:736px; float: left; height: 101px; background: url(header.jpg); text-align: right; }
.headico { margin: 36px 10px 0px 0px; }

.nav { float: left;	width: 925px; height: 22px; padding-left: 5px; padding-top: 5px; 
       background: url(nav_bg.jpg) repeat-x; color: #fff; font-family: Arial; font-size: 8pt; }
.navleft { float: left; width: 5px; height: 27px; background: url(nav_lf.jpg); }
.navright { float: left; width: 5px; height: 27px; background: url(nav_rt.jpg); }
.nav a { color: #fff; text-decoration: none; }
.nav a:hover, a:active { color: #ffffcc; text-decoration: none; }

.catlist { width: 930px; height: 22px; padding-top: 5px; padding-left: 10px; background: url(cat_bg.jpg) repeat-x;		
	color: #000; font-family: Arial; font-size: 8pt; }
.catlist a { color: #333; text-decoration: none; }
.catlist a:hover, a:active { color: #000; text-decoration: none; }

#footer { width: inherit; border-top: 2px solid #07487e; height: 26px; }
.footsec1 {	margin: 5px 0px 0px 10px; float: left; width: 305px; }
.footsec2 { margin-top: 5px; float: left; width: 310px; text-align: center; }
.footsec3 { margin: 5px 10px 0px 0px; float: left; width: 305px; text-align: right; }
/* Content Columns */
.colcategories { float: left; width: 150px; margin-right: 10px; }	
.coldata { float: left; width: 610px; margin-right: 10px; }
.colexp, .colexp p { font-size: 9pt; line-height: 14pt;  }
.colpub { float: left; width: 140px; }
.colmid  { float: left; width: 300px; }
.separator { width: 100%; height: 1px; border-bottom: 1px dotted #cccccc; margin-top: 3px; margin-bottom: 3px; }
.event { width: 143px; height: 42px; padding: 3px; background: url(events_bg.jpg) no-repeat; color: #ccc; }
.toolbar { height: 26px; background-image: url(toolbar.jpg); background-repeat: repeat-x; color: #fff; }
.toolbar a { color: #fff; }
.toolbar a:hover { color: #fff; text-decoration: underline; }

.banbox300 { width: 300px; height: 250px; margin-bottom: 10px; background: #e5e5e5; }

.showbox { float:left; width: 149px; }
.showphoto { width: 149px; height: 112px; overflow: hidden; }
.showimg { width: 149px; }
.showtext { width: 149px; height: 80px; }
.showsep { float:left; width: 4px; height: 10px; }

.boxwrap { margin-bottom: 10px; padding-top: 4px; }
.evtdate { float: left; width: 80px; margin-right: 5px; height: 75px; text-align: center; background: url(events_bg.jpg) repeat-y center; color: #fff; }
.evtday { font-size: 20pt; }
.evtmon { font-size: 14pt; text-transform: uppercase; }
.evtyear { font-size: 10pt; }
.evtphoto { float: left; width: 100px; margin-right: 5px; }
.evtimg { width: 100px; height: 75px; overflow: hidden; }
.evtimg img { width: 100px; }
.evttext { float: left; width: 420px; height: 71px; padding: 2px 0px 2px; border-bottom: 1px dotted #cccccc; }

/* Easy Slider */
#slider { margin-bottom: 10px; }
#slider ul, #slider li,
#slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; }
#slider2{margin-top:1em;}
#slider li, #slider2 li{ width:610px; height:250px; overflow:hidden; }	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{  display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; }	
#nextBtn, #slider1next{ left:610px; }														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; }	
#nextBtn a, #slider1next a{ background:url(../images/btn_next.gif) no-repeat 0 0;	}	
.sldimg { top: -115px; position: relative; /*z-index: -2;*/}
.sldtxt { height: 30px; line-height: 30px; text-align: center; z-index: 1; position: relative; top: 220px; background: #000; background: url(transp.png) repeat-x;}
.sldtxt a { color: #fff; text-decoration: none; font-size: 12pt; }
.sldtxt a:hover { color: #fff; text-decoration: underline; }
		
/* numeric controls */	
ol#controls{ margin:1em 0; padding:0; height:28px;}
ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; }
ol#controls li a {
    float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; }
ol#controls li.current a{ background:#5DC9E1; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */


.socialbar { border-top: 1px solid #cacaca; padding: 10px 0px 10px 0px; }
.socialbar label { display: inline-block; width: 70px; text-align: right; margin-right: 5px; color: #4b4b4b;}
.socialbar input, .socialbar textarea { margin-bottom: 3px; }
.socialico { width: 32px; height: 32px; vertical-align: middle; }
