/* Global Styles */
*{padding:0; margin:0;}
html, body{
margin-top:0; margin-left:auto; margin-bottom:0; margin-right:auto;
background-color: #0CF;
font-family:Tahoma, Geneva, sans-serif;
font-size:100.01%; text-align:center;
/*background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-attachment:fixed;*/
}
/*START MAIN CONTAINER STYLES*/
.container, .container-white, .container-white-blue{
width:981px;
margin-top:0; margin-left:auto; margin-bottom:0; margin-right:auto;
text-align:left;
z-index:1;
}
.container-white{ background-image:url(../images/bg-cream.jpg); background-repeat:repeat;/*background-color:#fff;*/ clear:both;}
.container-white-blue{ background-color: #0CF;;/*background-color:#fff;*/ clear:both;}
/*END MAIN CONTAINER STYLES*/
/*START TEXT STYLE*/
a, p, td, li, ul, span, div, th, input, list, textarea, select, form {font-family:Arial, Helvetica, sans-serif;}
h1, h2{font-family:"Arial Black", Arial, Helvetica, sans-serif; letter-spacing: -1px;}
h3, h4 {font-family:Arial, Helvetica, sans-serif;}
/*END TEXT STYLE*/
/* START STUFF STYLE */
.clr{clear:both;}
img{border:none;}
.floatleft{float:left;}
.floatright{float:right;}
/* END STUFF STYLE */
/* START TOP TITLE STYLE */
#top-title{width:980px; min-height:245px; height:auto !important; height:245px; margin-top:0px; padding-left:0px; padding-bottom:0px; background-image:url(../images/bg.gif);}
#top-title-left{ float:left; width:550px; min-height:245px; height:auto !important; height:245px; margin-top:0px; padding-left:0px; padding-bottom:0px; background-image:url(../images/bg.gif);}
#top-title-left1{ float:left; width:550px; min-height:200px; height:auto !important; height:200px; margin-top:0px; padding-left:0px; padding-bottom:0px; background-image:url(../images/bg.gif);}
#top-title-left2{ float:left; width:550px; min-height:45px; height:auto !important; height:45px; margin-top:0px; padding-left:0px; padding-bottom:0px; background-image:url(../images/bg.gif);}
#top-title-right{ float:right;width:430px; margin-left:0px; min-height:245px; height:auto !important; height:245px; margin-top:0px; padding-left:0px; padding-bottom:0px; background-image:url(../images/bg.gif);}
#top-title h1 {color: #FFF; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:2em;}
#top-title-right h2 {
padding-top:5px; padding-bottom:1px; margin-bottom:1px;
font-size:0.9em; color:#033; font-weight:200;
}
#top-title .address {color: #FFF; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:.9em;}
#top-title .link a, link, visited,active {color: #fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:16px;text-decoration : none;}
#logo{float:left; width:260px; min-height:115px;height:auto !important; height:115px;margin-top:10px;}
#top-title #nav{float:left; width:317px; min-height:110px;height:auto !important; height:110px; margin-left:340px; margin-top:10px;}
#top-wrap #logo{float:left; width:320px; min-height:125px;height:auto !important; height:125px; background-image:url(../images/bg-cream.jpg);}
#top-wrap{width:980px; min-height:150px; height:auto !important; height:255px; background-color:#fff;}
#top-right{float:right; width:721px; background-color:#fff; min-height:293px;height:auto !important; margin-top:10px; height:255px;}
#top-left{float:left; width:260px; background-color:#fff; min-height:255px;height:auto !important; margin-top:10px;height:255px;}
/* END TOP TITLE STYLE */
#spacer{width:980px; min-height:1px; height:auto !important; height:1px; margin-top:0px;padding-left:0px; padding-bottom:0px; background-color:#FFF; border-bottom:#39F thin solid;}
/* START TOP NAV STYLE */
#nav-block{width:980px; min-height:30px; height:auto !important; height:30px; margin-top:0px; padding-top:5px; background-image:url(../images/bg-nav.gif) }
#topnav {list-style:none; margin:0; padding-left:10px;}
#topnav li {float:left; display:block; height: 1%; /* Forces hasLayout (ie6) */ padding-left:4px;}
#topnav li span.pipe {padding-left:2px; padding-right:2px; color:#fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:28px;}
#topnav li a, link, visited,active {color: #fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:22px;text-decoration : none;}
#topnav li a:hover {color: #fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:22px;text-decoration : underline;}
#topnav li a#current {
background:url(/tutorials/web20_css_bar/current.gif) no-repeat center bottom;
color:#98CB00;}
/*- Menu 11--------------------------- */
#top-left ul {
list-style: none;
margin: 0;
padding: 0;
}
#top-left #menu11 {
width: 260px;
margin: 0px;
}
#top-left #menu11 li a {
height: 40px;
voice-family: "\"}\"";
voice-family: inherit;
height: 22px;
text-decoration: none;
}
#top-left #menu11 li a:link, #menu11 li a:visited {
color: #F0F;
display: block;
background-image:url(../images/bg-cream.jpg);
padding: 8px 0 0 25px;
border-bottom:thin #F0F dashed;
}
#top-left #menu11 li a:hover {
color: #889944; background-color:#F0F;
padding: 8px 0 0 27px;
}
/* END TOP NAV STYLE */
/* END TOP NAV STYLE */
/* START BOTTOM NAV STYLE */
#nav-bottom{width:980px; min-height:5px; height:auto !important; height:5px; text-align:center;}
#nav-bottom a, link, visited, hover, active {color: #000000;font-family: "Arial", Helvetica, sans-serif;font-size: .8em;font-style: normal;font-weight: normal;text-decoration : underline;
}
/* END BOTTOM NAV STYLE */
/* START RIGHT COLUMN STYLE*/
.column-right {width:375px; float:left; padding-left:20px; padding-top:10px;}
/* END RIGHT COLUMN STYLE*/
/* START LEFT COLUMN STYLE*/
.column-left {width:555px; float:left; min-height:400px; margin-left:20px; margin-top:10px; margin-bottom:10px; padding-right:10px; padding-bottom:10px;background-position:right; background-image:url(../images/line.gif); background-repeat:repeat-y;}
.column-left h1.pink{
padding-top:5px; padding-bottom:1px; margin-bottom:5px;
font-size:1em; color: #F09; font-weight:200;
}
.column-left h2 {
padding-top:5px; padding-bottom:1px; margin-bottom:1px;
font-size:0.9em; color:#033; font-weight:200;
}
.column-left h2.pink{
padding-top:5px; padding-bottom:1px; margin-bottom:5px;
font-size:1em; color: #F09; font-weight:200;
}
.column-left h2.blue{
padding-top:5px; padding-bottom:1px; margin-bottom:5px;
font-size:1em; color: #69F; font-weight:500;
}
.column-left h2 a {color:#033; text-decoration:none;}
.column-left h2 a:hover {color:#033; text-decoration:underline;}
.column-left h3 {
padding-top:5px; padding-bottom:1px; margin-bottom:1px;
font-size:0.8em; color:#033; font-weight:600;
}
.column-left h3 a {color:#033; text-decoration:none;}
.column-left h3 a:hover {color:#033; text-decoration:underline;}
.column-left p {font-size:0.75em; color:#033; margin-bottom:15px;}
.column-left p a {color:#4F622C; text-decoration:none;}
.column-left p a:hover {color:#4F622C; text-decoration:underline;}
.column-left p.maintextintro {font-family: Tahoma, Geneva, sans-serif;font-size: 1em;font-style: normal;font-weight: normal;color: #033;}
.column-left ul {margin-top:0px; margin-left:50px; margin-bottom:0px;}
.column-left li {color:#033; font-size:0.75em; line-height:130%;}
.column-left li a {color:#033; text-decoration:none; }
.column-left li a:hover {color:#033; text-decoration:underline;}
.column-left td {font-size:1em; color:#033; margin-bottom:15px;}
.column-left td.font {font-size:0.75em; color:#033; margin-bottom:15px;}
/* END LEFT COLUMN STYLE*/
/* START FULL COLUMN STYLE*/
.column-full {width:940px; float:left; margin-left:20px; min-height:400px;}
.column-full h1 {
padding-top:10px; padding-bottom:3px; margin-bottom:7px;
font-size:1.0em; color: #033; font-weight:200;
}
.column-full h2 {
padding-top:5px; padding-bottom:1px; margin-bottom:1px;
font-size:0.9em; color:#033; font-weight:200;
}
.column-full h2 a {color:#033; text-decoration:none;}
.column-full h2 a:hover {color:#033; text-decoration:underline;}
.column-full h3 {
padding-top:5px; padding-bottom:1px; margin-bottom:1px;
font-size:0.8em; color:#033; font-weight:600;
}
.column-full h3 a {color:#033; text-decoration:none;}
.column-full h3 a:hover {color:#033; text-decoration:underline;}
.column-full p {font-size:0.75em; color:#033; margin-bottom:15px;}
.column-full p a {color:#4F622C; text-decoration:none;}
.column-full p a:hover {color:#4F622C; text-decoration:underline;}
/* END FULL COLUMN STYLE*/
/* START AD STYLE*/
.ad-outer {width:360px; min-height:110px; height:auto !important; height:110px; float:left;border:#906; border-style:solid; border-width: 1px; margin-bottom:10px;}
.ad-outer .ad-inner{width:360px; min-height:110px; height:auto !important; height:110px; float:left;border:#906; border-style:solid; border-width: 1px;}
.ad-outer .ad-inner .ad-center{width:358px; min-height:110px; height:auto !important; height:110px; float:left; background-color:#fff;}
.ad-outer .ad-inner .ad-center .ad-text{width:194px; float:left;}
.ad-outer .ad-inner .ad-center .ad-picture{width:150px; float:right;}
.ad-outer .ad-inner .ad-center .ad-pictureleft{width:150px; float:left;}
.ad-outer .ad-inner .ad-center .ad-text h4{width:170px; margin-bottom:7px; margin-left:14px;font-size:1.2em; color: #F06;font-weight:200;text-transform:uppercase; text-align:left;font-family:Arial, Verdana, Georgia, Tahoma, Geneva, sans-serif;}
.ad-outer .ad-inner .ad-center .ad-text .link{width:190px;margin-bottom:5px; margin-left:14px;padding:0;display:block; background-repeat:no-repeat;background-image:url(../test/stylesheet/images/ads/arrow.gif);}
.ad-outer .ad-inner .ad-center .ad-text .link a{font-size:0.80em; font-weight:normal; color: #F09; text-decoration:underline; margin-left:18px;}
.ad-outer .ad-inner .ad-center .ad-text .link a:hover{color:#014024; text-decoration:underline;}
.ad-outer-pink {width:360px; min-height:110px; height:auto !important; height:110px; float:left; margin-bottom:10px;background-image:url(../images/bg-nav.gif);}
.ad-outer-pink .inner{width:345px; min-height:50px; height:auto !important; height:50px; float:left; margin-bottom:10px; padding-left:10px; margin-top:5px;background-image:url(../images/bg-nav.gif);}
.ad-outer-pink .inner .text{text-align:center;color: #fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:40px;text-decoration : none;}
.ad-outer-pink .inner2{width:345px; min-height:50px; height:auto !important; height:50px; float:left; margin-bottom:0px; padding-left:10px; margin-top:5px;background-image:url(../images/bg-nav.gif);}
.ad-outer-pink .inner2 .text{ text-align:center;color: #fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:30px;text-decoration : none;}
.ad-outer-pink .inner2 .text a{ text-align:center;color: #fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:30px;text-decoration : none;}
.ad-outer-pink-num {width:360px; min-height:20px; height:auto !important; height:20px; float:left; margin-bottom:10px;background-image:url(../images/bg-nav.gif);}
.ad-outer-pink-num .inner{width:345px; min-height:10px; height:auto !important; height:20px; float:left; margin-bottom:5px; padding-left:10px; margin-top:5px;background-image:url(../images/bg-nav.gif);}
.ad-outer-pink-num .inner .text{text-align:center;color: #fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:20px;text-decoration : none; font-weight:bold;}
.ad-outer-pink-num .inner2{width:345px; min-height:10px; height:auto !important; height:50px; float:left; margin-bottom:0px; padding-left:10px; margin-top:5px;background-image:url(../images/bg-nav.gif);}
.ad-outer-pink-num .inner2 .text{ text-align:center;color: #fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:15px;text-decoration : none; font-weight:bold;;}
.ad-outer-pink-num .inner2 .text a{ text-align:center;color: #fff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:15px;text-decoration : none; font-weight:bold;}
/*printer styles*/
@media print{
}