h1,h2,ol,li,ul,body,div,h3,h4{ margin:0; padding:0}
ul{ margin:0 0 0 15px}
body{ font:normal small tahoma}
#wrapper { margin:0 auto; width:766px}
#header{ background:url(../images/logo2.jpg) no-repeat; height:97px;}
.menu{ background:url(../images/menu-bg.jpg) repeat-x; height:30px; color:#fff; text-align:center}
/*.menu ul{ margin:10px 0 0 0}
.menu li{ display:inline; padding:0 10px}*/
#logo{ width:40%; float:left; height:90px; display:none}
#logo img{ margin:10px 0 0 30px}
#contact{ width:30%; float:right; color:#5292B1; margin:25px 0 0; display:none }
#con-left{ width:36%; float:left}
#con-right{ float:right; width:63%}
.ad-area{ border:3px solid #B5C0F1; background:url(../images/ad-bg.jpg) repeat-x; height:73px; margin:5px ; width:254px }
.contenyclip{border:1px solid #B5C0F1; padding:15px; margin:5px; height:100%; color:#506E89}
.contenyclip h1{ font-size:140%; color:#113D66; margin:0 0 10px 0}
.contenyclip img{ float:right}
#footer{ background:url(../images/footer3.jpg) no-repeat left #25415A ; height:50px; padding:20px 0 0; color:#C9D6DC; font-size:90%; text-align:center; clear:both}
#footer a:link,#footer a:visited{ color:#C9D6DC}




/*menu*/
.chromestyle{
/*width: 99%;
font-weight: bold;*/
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background: url(chromebg2.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #fff;
padding: 4px 10px;
margin: 0;
text-decoration: none;
/*border-right: 1px solid #B5E2FE; THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
background: url(../images/menu-hover.jpg) center repeat-x; /*THEME CHANGE HERE*/
}
.selected{
background: url(../images/menu-hover.jpg) center repeat-x; /*THEME CHANGE HERE*/
}

/*.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
/*}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #305D86; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
  
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#305D86,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.color{}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #305D86; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
/*font-weight: bold;*/
color:#fff;
filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
background-color:#1D374F;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #466886;
}
/*rollover image*/
#zoom {display:none;z-index:200;position:absolute;left:0;top:0;width:auto;height:auto;text-align:right}
.holder{background:#fff; padding:5px; border:1px solid #ccc}
.video{padding:8px 2px 2px 2px}



/*courses table*/
h3{ font:bold 105% tahoma; margin:0 0 3px 0}
h4{ color:#FF3300; font:bold 100% tahoma}

.course{ background:#B5C0F1}
.course td{ background:#fff}

.othercolor td{ background:#E9EDFF}


td{ text-align:center}
.contenyclip table img{ float:none}


h4 a:link,h4 a:visited {color:#FF3300}
h4 a:hover{ color:#990000;}
h3 a:link,h3 a:visited{ color:#506E89; text-decoration:none}
h3 a:hover{ color:#506E89; text-decoration:none}