/* CSS Document */

/* IMPORTED STYLES */
@import url("reset.css");
@import url("menu.css");

/*GLOBAL*/
html{width:100%; height:100%; font:62.5% Helvetica, Arial, sans-serif; color:#666666;}
body{width:100%; height:100%; min-width:996px; text-align:center; background:#c8eef8 url(../gui/bg_gradient.gif) repeat-x top;}
a, a:visited{text-decoration:none;}

#background{margin:auto; width:100%; height:280px; background:url(../gui/bg.gif) repeat-x center top; position:relative;}
#container{margin:auto; margin-top:-130px; width:996px; min-height:900px; height:auto !important; height:900px; position:relative; text-align:left;}
#cards{width:324px; height:383px; position:absolute; left:-81px; top:-144px; background:url(../gui/cards.gif) no-repeat;}

#logo{position:absolute; top:-84px; left:-32px; width:320px; height:160px; text-indent:-9999px; background:url(../gui/logo.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/logo.png'); z-index:10;}
#logo a{display:block; width:300px; height:130px; position:absolute; left:15px; top:20px;}
#menu{position:absolute; top:-42px; left:293px; width:699px; height:46px; z-index:20;}

#search{display:block; width:200px; height:46px; margin:0px; padding:0px; background:url(../gui/bg_search.gif) no-repeat; position:absolute; top:-127px; right:5px; z-index:20;}
#search_box{display:block; width:130px; height:20px; color:#E8771A; border:0px; padding:2px 12px 3px 3px; position:absolute; left:19px; top:11px; font-size:1.6em;}
#search_submit{background:url(../gui/arrow.gif) no-repeat; display:block; width:26px; height:26px; position:absolute; top:10px; right:10px; text-indent:-9999px;}
#search_submit:hover, #search_submit.over{background:url(../gui/arrow.gif) no-repeat 0px -26px;}
#search_check{display:none;}

#box{width:996px; min-height:600px; height:auto !important; height:600px; position:relative; background:url(../gui/bg_box.gif) repeat-y;}
#box_top{width:996px; height:142px; position:absolute; left:0px; top:0px; background:url(../gui/bg_box_top.gif) no-repeat;}
#box_bottom{width:996px; height:230px; position:absolute; left:0px; bottom:0px; background:url(../gui/bg_box_bottom.gif) no-repeat;}

#footer{width:996px; height:200px; margin-top:22px; background:url(../gui/bg_footer.gif) 5px top no-repeat; position:relative; color:#3986A8; font-size:1.2em;}
#copyright{position:absolute; top:25px; left:36px;}
#links{position:absolute; top:46px; left:36px; height:20px;}
#links a{color:#3986A8;}
#links a:hover{border-bottom:1px dashed #3986A8;}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* HOME PAGE */
#left_column{position:relative; width:342px; padding:90px 0px 40px 5px;}

#events_title{display:block; width:342px; height:86px; text-indent:-9999px; background:url(../gui/title_events.gif) no-repeat;}
#events{display:block; padding:4px 0px 40px 25px;}
#events li{display:block; padding:13px 16px 16px 10px; min-height:54px; border-bottom:1px dashed #969696;}
#events li a{color:#666666; font-size:1.4em; line-height:1.5em;}
#events li h3{font-size:1.6em; line-height:1.4em; color:#E8771A; display:block;}
#events li a:hover{border-bottom:1px dashed #666666;}
#events li a:hover h3{border-bottom:0px dashed #ffffff;}
.date{display:block; position:relative; width:52px; height:54px; background:url(../gui/bg_date.gif) no-repeat 0px 3px; float:left; padding:3px 10px 0px 0px; overflow:hidden;}
.month{color:#FFFFFF; font-size:1.7em; font-weight:bold; font-variant:small-caps; text-transform:lowercase; text-align:center; display:block; width:50px; position:absolute; top:4px; left:0px;}
.day{color:#E8771A; font-size:2.4em; font-weight:bold; text-align:center; display:block; width:50px; position:absolute; top:26px; left:0px;}

#news_title{display:block; width:304px; height:86px; text-indent:-9999px; background:url(../gui/title_news.gif) no-repeat;}
#news{display:block; padding:4px 0px 20px 25px;}
#news li{display:block; padding:13px 16px 16px 10px; min-height:54px; border-bottom:1px dashed #969696;}
#news li a{color:#666666; font-size:1.4em; line-height:1.6em;}
#news li h3{font-size:1.6em; line-height:1.4em; color:#5BBBDD; display:block;}
#news li a:hover{border-bottom:1px dashed #666666;}
#news li a:hover h3{border-bottom:0px dashed #ffffff;}

#slideshow{width:586px; height:364px; position:absolute; top:24px; right:24px; z-index:10;}
#slideshow li{display:block; width:586px; height:364px; position:absolute; top:0px; left:0px; z-index:11; font-size:1.4em; font-weight:bold; line-height:1.46em; opacity:0.0;}
#slideshow li.active{z-index:13; opacity:1.0;}
#slideshow li.last-active{z-index:12;}
#slideshow li a{display:block; position:absolute; top:0px; left:0px; z-index:15; color:#FFFFFF; width:506px; height:55px; padding:309px 50px 0px 30px; background:url(../gui/bg_slideshow.gif) no-repeat bottom; z-index:12;}
.pic_frame{width:586px; height:364px; background:url(../gui/frame.gif) no-repeat; position:absolute; top:0px; right:0px; z-index:11;}

#poll{display:block; width:305px; min-height:316px; height:auto !important; height:316px; position:absolute; top:410px; left:374px; z-index:20; background:url(../gui/bg_poll.gif) repeat-y;}
#poll_top{display:block; width:305px; height:81px; position:absolute; top:0px; left:0px; background:url(../gui/bg_poll_top.gif) no-repeat;}
#poll_bottom{display:block; width:305px; height:100px; position:absolute; bottom:0px; left:0px; background:url(../gui/bg_poll_bottom.gif) no-repeat;}
#question{display:block; position:relative; width:240px; padding:88px 20px 20px 45px; font-size:1.4em;}
#question p{display:block; line-height:1.6em; padding-bottom:8px; color:#3986A8;}
#choices{display:block; line-height:2em; padding:0px 0px 10px 20px;}
#poll_vote{display:block; width:87px; height:33px; background:url(../gui/vote.gif) no-repeat; margin-top:10px;}
#poll_vote:hover, #poll_vote.over{background:url(../gui/vote.gif) no-repeat 0px -33px;}

#ask{display:block; width:248px; height:74px; text-indent:-9999px; background:url(../gui/btn_ask.gif) no-repeat; position:absolute; top:406px; right:30px; border-bottom:1px dashed #969696;}
#talk{display:block; width:248px; height:74px; text-indent:-9999px; background:url(../gui/btn_talk.gif) no-repeat; position:absolute; top:481px; right:30px; border-bottom:1px dashed #969696;}
#ask a, #talk a{display:block; width:248px; height:74px;}
#ask a:hover{background:url(../gui/btn_ask.gif) no-repeat 0px -74px;}
#talk a:hover{background:url(../gui/btn_talk.gif) no-repeat 0px -74px;}

#countdown{display:block; width:271px; height:124px; position:absolute; top:600px; right:24px; color:#E8771A; background:url(../gui/bg_countdown.gif) no-repeat bottom;}
#countdown h5{display:block; font-weight:bold; font-size:1.5em; position:absolute; top:0px; left:18px;}
#countdown #date{display:block; height:20px; font-size:1.4em; position:absolute; top:20px; left:18px; color:#FC9F0B;}
#countdown #days{display:block; width:64px; position:absolute; bottom:34px; left:21px; color:#FFFFFF; font-weight:bold; font-size:3.2em;}
#countdown #hours{display:block; width:64px; position:absolute; bottom:34px; left:100px; font-weight:bold; font-size:3.1em;}
#countdown #minutes{display:block; width:64px; position:absolute; bottom:34px; left:157px; font-weight:bold; font-size:3.1em;}
#countdown #seconds{display:block; width:64px; position:absolute; bottom:34px; left:215px; font-weight:bold; font-size:3.1em;}

#icons {text-align:center; display:block; width:271px; height:124px; position:absolute; top:725px; right:24px; color:#E8771A;}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* CONTENT PAGES */
#section_about h2{display:block; width:259px; height:68px; position:absolute; top:90px; left:5px; text-indent:-9999px; background:url(../gui/subtitle_about.gif) no-repeat;}
#section_news h2{display:block; width:259px; height:68px; position:absolute; top:90px; left:5px; text-indent:-9999px; background:url(../gui/subtitle_news.gif) no-repeat;}
#section_join h2{display:block; width:259px; height:68px; position:absolute; top:90px; left:5px; text-indent:-9999px; background:url(../gui/subtitle_join.gif) no-repeat;}
#section_events h2{display:block; width:259px; height:68px; position:absolute; top:90px; left:5px; text-indent:-9999px; background:url(../gui/subtitle_events.gif) no-repeat;}
#section_learn h2{display:block; width:259px; height:68px; position:absolute; top:90px; left:5px; text-indent:-9999px; background:url(../gui/subtitle_learn.gif) no-repeat;}
#section_awards h2{display:block; width:259px; height:68px; position:absolute; top:90px; left:5px; text-indent:-9999px; background:url(../gui/subtitle_awards.gif) no-repeat;}
#submenu{display:block; width:232px; height:124px; position:absolute; top:180px; left:28px; z-index:15; border-top:1px dashed #969696;}

#content{position:relative; width:600px; padding:50px 0px 40px 305px; font-size:1.4em; line-height:1.7em;}
#content p{padding:0px 0px 26px 0px;}
#content a{color:#E8771A;}
#content a:hover{border-bottom:1px dashed #E8771A;}

.subtitle{display:block; position:relative; font-weight:bold; color:#E8771A; font-size:1.3em; line-height:1.7em;}
.img_left{margin:4px 12px 0px 0px; padding:0px; display:block; float:left;}
.img_right{margin:4px 0px 0px 12px; padding:0px; display:block; float:right;}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}