@charset "utf-8";


/* General Layout */
body  { font: 14px Verdana, Arial, Helvetica, sans-serif; background: #F3F0EF; margin: 0; padding: 0; text-align: center; color: #4F4F4F; line-height:1.4; }
#container { width: 990px; background-color: #FFFFFF; margin: 0 auto; text-align: left; background-image:url(/images/layout/bg_container.gif); background-repeat:repeat-y; } 
#header { width:960px; height:190px; background-color: #3a1d23; padding:0; margin-top:0; margin-left:15px; }
#header img {border:0; }
#sidebar1 { float: left; width: 243px; padding-top:20px; }
#sidebar2 { float: right; width: 185px; padding-top:20px; }
#mainContent { margin:0 226px 0 264px; padding-top:20px; }
#footer { background-image:url(/images/layout/bg_footer.gif); background-repeat:repeat-y; width:990px; clear:both;}
#footer #separator { width:990px; height:1px; background-image:url(/images/layout/bg_footer_separator.gif); background-repeat:no-repeat;}
#footer #footer_bottom { width:990px; padding-bottom:30px; background-image:url(/images/layout/bg_footer_bottom.gif); background-position:bottom; background-repeat:no-repeat;}
#footer #footer_content { padding:10px 35px 0 35px; text-align:center; }
a {color:#F04450; text-decoration:underline;}
a:hover {color:#333333;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
#coyright { width:930px; clear:both; padding:0; margin: 0 auto; text-align: left; }
#coyright p { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; display:block; width:420px; float:left;}
#coyright p.right_align { text-align:right; float:right;}



/* Left column */
#navcontainer{ width:188px; margin:20px 0 20px 35px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; }
ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0; }
ul#navlist li { display: block; width:188px; margin: 0; padding: 0; }
ul#navlist li a { display: block; width: 188px; padding:0; color:#fb4357; text-decoration:none; background-repeat:no-repeat; background-position:left -56px; line-height:28px; text-indent:35px;}
#navcontainer>ul#navlist li a { width: 188px; }
ul#navlist li a.active { background-position:left 0px; color: #FFFFFF; }
ul#navlist li a.active:hover { background-position:left 0px; color: #FFFFFF; }
ul#navlist li a:hover { color: #000000; background-position:left -28px; }
a#home { background-image:url(/images/layout/bttn_home.jpg);}
a#about { background-image:url(/images/layout/bttn_about.jpg);}
a#visit { background-image:url(/images/layout/bttn_visit.jpg);}
a#exhibit { background-image:url(/images/layout/bttn_exhibit.jpg);}
a#sponsor { background-image:url(/images/layout/bttn_sponsor.jpg);}
a#features { background-image:url(/images/layout/bttn_features.jpg);}
a#media { background-image:url(/images/layout/bttn_media.jpg);}
a#contact { background-image:url(/images/layout/bttn_contact.jpg);}
#subscribe {margin-left:35px; width:188px; height:30px; border-color:#F04450; border-width:1px;}
ul#navlist li ul { list-style-type:none; margin:0px; padding:0;}
ul#navlist li ul li a { display: block; width: 160px; padding:0; color:#666666; text-decoration:none;  line-height:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:20px; background-image:url(/images/layout/bullet_empty.gif); background-position:20px 7px; }
ul#navlist li ul li a:hover { color: #000000; background-image:url(/images/layout/bullet_empty.gif); background-position:23px 7px;}
ul#navlist li ul li a.active { color: #FF0000; background-image:url(/images/layout/bullet_full.gif); background-position:20px 7px; }
ul#navlist li ul li a.active:hover { color: #FF0000; background-image:url(/images/layout/bullet_full.gif); background-position:20px 7px;  }
#subscribe h6 { color:#FFFFF; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0; padding:0; line-height:2.6; }
#subscribe form { margin:0; padding:0 0 0 15px;}
#subscribe form input#email_address {border:none; width:104px; float:left; font-size:11px; padding:3px 2px 1px 2px; height:16px; font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF;}
#subscribe form input#submit {width:50px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#000000; color:#FFFFFF; border:none; text-align:center; margin:0; float:left; padding:0; cursor:pointer; line-height:20px;}
#logo_globe {margin-left:35px;}



/* mainContent */
#mainContent h1 { color:#fb4357; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:0; line-height:normal; padding-top:0; }
#mainContent h2 { color:#fb4357; font-size:17px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0;}
#mainContent h3 { color:#666666; font-size:17px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0;}
#mainContent h4 { color:#666666; font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
h2 + p {margin-top:0;} /*any 'p' that immediately follows an 'h2' should be with margin-top: 0*/
h2 + ul {margin-top:0;} /*any 'ul' that immediately follows an 'h4' should be with margin-top: 0*/
h3 + p {margin-top:0;} /*any 'p' that immediately follows an 'h2' should be with margin-top: 0*/
h4 + ul {margin-top:0;} /*any 'ul' that immediately follows an 'h4' should be with margin-top: 0*/
h4 + p {margin-top:0;} /*any 'p' that immediately follows an 'h4' should be with margin-top: 0*/




/* Right column */
a#b1, a#b2, a#b3 { margin-bottom:20px;}
/* hover effect for side columns */
a#b1 { display:block; width:150px; height:180px; background-image:url(/images/layout/box_01.jpg); background-position:center 0; text-decoration:none;}
a#b2 { display:block; width:150px; height:180px; background-image:url(/images/layout/box_02.jpg); background-position:center 0; text-decoration:none;}
a#b3 { display:block; width:150px; height:180px; background-image:url(/images/layout/box_03.jpg); background-position:center 0; text-decoration:none;}
/* hover effect for side columns - change the position of the background on hover */
a#b1:hover { display:block; width:150px; height:180px; background-image:url(/images/layout/box_01.jpg); background-position:center -180px; text-decoration:none; }
a#b2:hover { display:block; width:150px; height:180px; background-image:url(/images/layout/box_02.jpg); background-position:center -180px; text-decoration:none;}
a#b3:hover { display:block; width:150px; height:180px; background-image:url(/images/layout/box_03.jpg); background-position:center -180px; text-decoration:none;}