/* HTML Elements
/* ------------------------------- */
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#333; background:url(../images/bannerbkg.jpg); background-position: top; background-repeat: repeat-x;
margin:0; padding:0; height:100%;}
h1 {height:22px; font-size:13px; color:#000; padding:0; margin:0em; background-repeat:no-repeat; background-image:url(../images/h1line.gif); background-position:bottom}
h2 { font-size:10px; font-weight:lighter; line-height:12px; padding:0; margin:1.5em 0; color:#555}
h2 a{ color:#555}
h3 { font-size:12px; color:#333; line-height:18px; margin-bottom:0; }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:underline; color:#FF6A00}
li { list-style:none;}
em {font-style:italic; font-weight:bold}
/* PAGE Elements
/* ------------------------------- */
#wrapper { width:100%; background-position:bottom; background-image:url(../images/footerbkg.gif); background-repeat:repeat-x; height:100%; }
#container { width:920px; margin:0 auto; height:100%;}
/* Banner */
#banner { height:143px; margin:0; position:relative;font-family:Arial, Helvetica, sans-serif;}
#nav { clear:right;float:right; margin-top:43px; #margin-top:24px; margin-right:25px;font-size:14px; text-align:center;}
#nav li {list-style:none; clear:right; float:left; }
#nav a{color:#ccc;height:45px;display:block;width:6.5em; padding:0 0.5em;text-decoration:none; font-weight:bold}
#nav a:hover {color:#FFF; background:url(../images/navhover.gif); background-position:top; background-repeat:repeat-x}
/* Content with three columns*/
#content { position:relative;background-color:#FFF; background:url(../images/contentbkg.jpg); background-position:top; background-repeat: no-repeat;
padding-top:15px;width:100%;height:auto; !important; min-height:45em; _height:65%}
.title { height:16px; display:block; font-weight:bold; font-size:11px; text-align:center; margin:0;color:#15426F}
/* Left Column*/
#left { width:160px;position:absolute; top:15px;left:25px; height:auto; }
#left ul { margin:0.5em 0 1em -3.5em;#margin:0.5em 0 1em 0; display:block; list-style:none; line-height:16px}
#left li a{ display:block; padding-left:0.5em;width:158px; border-bottom:#E5E5E5 solid 1px;}
#left li a:hover{ background-color:#296eb0; solid 3px; text-decoration:none; color:#FFF}
#left p {width:160px; line-height:18px; margin-top:0}
/* Central Column */
#center {width:560px; position:relative; left:200px; line-height:20px}
.dirleft{ width:45%;margin-left:-3em; #margin-left:0em; }
.dirleft li a{font-weight:bold;background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px}
.dirleft li ul li a{ background:none; font-weight:normal; margin-left:-2.5em; }
.dirright { position:absolute; top:5em;#top:6em; left:40%; width:30em}
.dirright li a{font-weight:bold;background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px}
.dirright li ul li a{ background:none; font-weight:normal; margin-left:-2.5em; }
.dirright_cat{position:absolute; top:6em;#top:8em; left:45%; width:30em}
.dirright_cat li a{font-weight:bold;background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:left; padding-left:20px}
.dirright_cat li ul li a{ background:none; font-weight:normal; margin-left:-2.5em; }
#center span { font-size:10px;}
#center .manu {color:#44AD44;}
#center .manu a{color:#44AD44;}
#center .link {color:#296EB0; line-height:16px}
#center .link a{color:#296EB0;line-height:16px}
/* Right Column*/
#right { position:absolute; top:15px; right:25px; width:120px;}
#right img { margin-bottom:0.2em; margin-top:0em}
/* Footer */
#footer{ width:100%; height:160px;background-image:url(../images/footer.jpg);background-repeat:no-repeat; position:relative; text-align:center}
#footer p {font-size:10px; color:#ccc; text-align:center;padding-top:100px; line-height:16px}
#footer a{ color:#FFF}
#footer span a{color:#333; text-decoration:none; background-image:url(../images/up.gif); background-repeat:no-repeat; background-position:left; position:absolute; bottom:100px; left:45%; padding-left:20px;}
#footer span a:hover{ text-decoration:underline; }
/* Video Link: Index
/* ------------------------------- */
#mycarousel {margin:1em 0 2em 0em}
#mycarousel li { display:block; float:left; width:130px; margin-right:10px; font-size:10px; line-height:12px}
#mycarousel img { border:#296EB0 1px solid; }
#mycarousel img:hover { border:#FF0000 1px solid;}
/* Featured Area: Content Page
/* ------------------------------- */
.slide{ padding:0; margin:1em 0; height:100px;}
.slide li { height:100px; width:360px; line-height:18px; color:#444; background-color:#FFFFFF; vertical-align:center}
.slide img { background-color:#296EB0; padding:1px; margin-right:1em; width:120px; height:90px; float:left}
.slide img:hover {background-color:#44AD44; padding:1px;}
.head { font-weight:bold; line-height:12px; padding:0.2em 0.5em 0.2em 1.5em; background-image:url(../images/play.gif); background-position:left; background-repeat:no-repeat}
/* Other Class
/* ------------------------------- */
.logo { position:absolute; top:1em;#top:2em;left:45px;width:300px; height:45px}
#searchbox { float:right; margin-top:30px; margin-right:40px; display:block;}
#searchbox input{font:Arial; background-color:#CCC; color:#296EB0; font-weight:bold; vertical-align:middle}
#cse-search-results { margin-left:40px}
#ad160x90 {margin-top:50px}
.ad468 { margin:1em 0 0.5em -0.5em; }
.link2categories {float:right; margin-right:55px; color:#000000; text-decoration:underline; font-weight:bold; margin-top:-2em; padding-left:1.5em; background-image:url(../images/viewmag.gif); background-repeat:no-repeat; background-position:left}
a.textlink {text-decoration:underline}
a.on { font-weight:bold}
.red { color:#000000; font-size:12px}
.watch { background-image:url(../images/watch.gif); background-position:left 50%; background-repeat:no-repeat; padding-left:18px;}
.url { background-image:url(../images/url.gif); background-position:left 50%; background-repeat:no-repeat; padding-left:18px;}
.catalog {background-image:url(../images/catalog.gif); background-position:left 50%; background-repeat:no-repeat; padding-left:18px;}
.link2us { margin:0 0 0 1.5em; padding:0}
.link2us li{margin-top:2em; }
.link2us p { font-size:11px; line-height:12px; margin:0.5em 2em; color:#296EB0}
#center .update { font-size:10px; font-style:italic; font-weight:bold;color:#FF6600; margin-left:.3em}
.star { background-image:url(../images/star.png); background-repeat:no-repeat; background-position:left; padding-left:20px;font-size:12px; color:#333; line-height:18px; margin-bottom:0; font-weight:bold}
.cusintro { border-bottom:#ccc 1px dashed}
.video { width:510px; height:300px; margin:0px 0px 0px 25px; text-align:center}
#expo { font-size:11px; border-collapse:collapse;}
#expo tfoot { text-align:right; font-size:10px; color:#333333; border-bottom:1px solid #FFFFFF}
#expo tr:hover { background-color:#FFFFCC}
#expo tbody td, #expo thead td{ border-bottom:#296EB0 1px solid;}
#expo th{ background-color:#296EB0; color:#FFFFFF; font-weight:normal}
#expo caption {color:#15426F; font-size:14px; font-weight:bold}
#expo a { border-bottom:1px dashed #999999}
#expo a:hover { text-decoration:none; color:#000000;border-bottom:1px dashed #296EB0}
#expo td img { vertical-align:middle; margin-right:5px}
#date {width:13%}
#city {width:16%}
#name { width:22%}
#description { width:auto; padding-left:1%;font-size:10px}