html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
h1 { color: #000000; font-size: 32px; font-weight: normal;}
h2 { color: #000000; font-size: 28px; font-weight: normal;}
h2 a { color: #000000 !important;}
h4 { color: #000000; font-size: 20px; font-weight: normal;}
h5 { color: #000000; font-size: 18px; font-weight: normal;}
a {color: #2173AF; text-decoration: none;}
a img {border: medium none;}
img.mid_align { border: 0 none; margin-right: 5px; vertical-align: middle;}
.clear {clear: both;}
.line {border-bottom: 1px solid #CCCCCC; width: 100%;}
body{ background: #ffffff url('/homeimages/bg_body.jpg') repeat-x top; font-size: 13px; font-family: Arial; padding: 0; margin: 0; color: #666666; line-height: 1.5;}
body.caption {background: #ffffff url('/homeimages/bg_body_caption.png') repeat-x top;}
#wrapper {margin: auto;}
#wrapper #header_wrapper { height: 350px; width: 100%;}
#wrapper #header_wrapper #top_bar { background: url("/homeimages/bg_menu.png") repeat-x scroll center top rgba(0, 0, 0, 0); height: 50px; width: 100%;}
#wrapper #header_wrapper #top_bar .wrapper { margin: auto; position: relative; width: 960px;}
#wrapper #header_wrapper #top_bar .wrapper #logo { float: left; margin: 18px 0 0 30px; width: 200px;}
#wrapper #header_wrapper #top_bar .wrapper #logo #logomain { position: absolute; top: -12px;}
#wrapper #header_wrapper #top_bar .wrapper #logo #logosub { position: absolute; top: 12px;}
#wrapper #header_wrapper #top_bar .wrapper #menu,
#wrapper #header_wrapper #top_bar .wrapper #menuright { display: block; float: left; list-style: none outside none; margin: 0 15px 0 23px;}
#wrapper #header_wrapper #top_bar .wrapper #menu li, 
#wrapper #header_wrapper #top_bar .wrapper #menuright li {display: block; float: left;}
#wrapper #header_wrapper #top_bar .wrapper #menu li a, 
#wrapper #header_wrapper #top_bar .wrapper #menuright li a { color: #E3E3E3; display: block; height: 35px; padding: 15px 20px 0; text-decoration: none; text-shadow: 0 1px #000000;}
#wrapper #header_wrapper #top_bar .wrapper #menuright { border-left: 1px dotted #0E98BB; margin-left: 40px; padding-left: 7px; position: absolute; right: 42px;}
#wrapper #header_wrapper #top_bar .wrapper #menuright li a { padding: 15px 10px 0;}
#wrapper #header_wrapper #top_bar .wrapper #content_slider { margin-top: 0 !important;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider { height: 300px;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .content { color: #E3E3E3; font-size: 16px; font-weight: normal; text-shadow: 0 1px #000000;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .imageslide {display:none;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .active_slide {display:block;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .content p,
#wrapper #header_wrapper #top_bar .wrapper .content_slider .content_full { display: block; font-size: 13px;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .content.left { margin-left: 30px; margin-top:50px; width: 370px;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .macbook { background: url("/homeimages/bg_macbook.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 295px; position: relative; top: -10px; width: 511px;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .macbook img { margin: 16px 0 0 78px;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .macbook.right { float: right;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .macbooknoimg.right {float: right;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .macbooknoimg { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 295px; position: relative; right: -78px !important; top: -26px; width: 511px;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider #content_slider h2 { text-shadow: 1px 1px 1px #000000;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .content h2,
#wrapper #header_wrapper #top_bar .wrapper .content_slider .content_full h2 { color: #FFFFFF; font-size: 32px; font-weight: normal; margin-bottom: -10px;}
#wrapper #header_wrapper #top_bar .wrapper .content_slider .content h2, 
#wrapper #header_wrapper #top_bar .wrapper .content_slider .content_full h2 { color: #FFFFFF; font-size: 32px; font-weight: normal; margin-bottom: -10px;}
#wrapper #header_wrapper #top_bar .wrapper #content_slider h2 {text-shadow: 1px 1px 1px #000000;}
#wrapper #header_wrapper #top_bar .wrapper .slide_nav { left: 47%; position: absolute; top: 420px;}
#wrapper #header_wrapper #top_bar .wrapper .slide_nav a { color: rgba(0, 0, 0, 0); float: left;}
#wrapper #header_wrapper #top_bar .wrapper .nivo-controlNav a, 
#wrapper #header_wrapper #top_bar .wrapper .slide_nav a { background: url("/homeimages/bullets.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; display: block; float: left; height: 12px; margin-right: 10px; text-indent: -9999px; width: 12px;}
#wrapper #header_wrapper #top_bar .wrapper .nivo-controlNav a.active, 
#wrapper #header_wrapper #top_bar .wrapper .slide_nav a.active { background-position: -12px 0; margin-right: 10px;}
#wrapper #content_wrapper { background: none repeat scroll 0 0 #FFFFFF; min-height: 50px;}
#wrapper #content_wrapper .inner { margin: auto; padding: 65px 0 0; width: 960px;}
#wrapper #content_wrapper a#quickregister {margin-top: -10px;}
#wrapper #content_wrapper #quickregform { margin-bottom: 20px; padding: 0 !important;}
#wrapper #content_wrapper .wrapper { margin: auto; position: relative; width: 960px;}
#wrapper #content_wrapper .three_column { background: none repeat scroll 0 0 #EBEBEB; border-radius: 10px; margin: auto; min-height: 50px; width: 100%;}
#wrapper #content_wrapper .three_column .wrapper { margin: auto; padding: 30px 0 30px 40px; width: 920px;}
#wrapper #content_wrapper .three_column .wrapper h2 { color: #000000; font-size: 24px; font-weight: normal;}
#wrapper #content_wrapper .three_column .wrapper .each { float: left; width: 33%;}
#wrapper #content_wrapper .three_column .wrapper .each h2 {text-shadow: 0.5px 1px 1px #666666;}
#wrapper #content_wrapper .three_column .wrapper .line { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #CCCCCC; margin: 15px 0; width: 85%;}
#wrapper #content_wrapper .three_column .wrapper p { width: 85%;}
#wrapper #content_wrapper .two_column { margin: 20px auto auto; width: 100%;}
#wrapper #content_wrapper .two_column .main { float: left; margin: 0 0 0 30px; width: 570px;}
#wrapper #content_wrapper .two_column .post_wrapper { margin: 0; width: 100%;}
#wrapper #content_wrapper .two_column .post_wrapper p { margin: 10px 0;}
#wrapper #content_wrapper .two_column .side_bar { background: url("/homeimages/bg_side_bar.png") no-repeat scroll left top rgba(0, 0, 0, 0); float: right; min-height: 466px; width: 287px;}
#wrapper #content_wrapper .two_column #donateholder { margin-bottom: 40px; margin-left:50px; text-align: center;}
#wrapper #content_wrapper .two_column #donateholder form { margin-top: 10px;}
#wrapper #content_wrapper .two_column #bsap_aplink, 
#wrapper #content_wrapper .two_column #bsap_aplink:hover { display: block; font-size: 10px; margin: 12px 15px 0; text-align: right;}
#wrapper #content_wrapper .two_column a#bsap_aplink { text-align: center !important;}
#wrapper #footer { background: none repeat scroll 0 0 #EBEBEB; margin-top: 30px; min-height: 200px; width: 100%;}
#wrapper #footer .wrapper { margin: auto; padding: 30px 0 30px 40px; width: 960px; position: relative;}
#wrapper #footer .wrapper div { float: left;}
#wrapper #footer .wrapper .about { float: left; margin: 0 60px 0 0; width: 300px;}
#wrapper #footer .wrapper .social_media { display: block; float: left;}
#wrapper #footer .wrapper .social_media li { display: block; float: left; margin-right: 10px;}
#wrapper #footer div#developerinfo { position: absolute !important; right: 100px; top: 108px; width: 500px;}


#menuright {border-left:1px dotted #0E98BB; padding-left:7px; margin-left:40px; position:absolute; right:42px;}
#menu, #menuright { float: left; display: block; list-style: none; margin: 0 15px 0 23px;}
#menu li, #menuright li { float: left; display: block;}
#menu li a, #menuright li a { display: block; color: #E3E3E3; padding: 15px 20px 0 20px; height: 35px; text-shadow: 0px 1px #000000; text-decoration: none;}
#menuright li a  {padding:15px 10px 0 10px;}
#menu li a.active, #menu li a.selected, #menu li a:active, #menu li a:hover,
#menuright li a.active, #menuright li a.selected, #menuright li a:active, #menuright li a:hover{ color: #FFF;}

ul#menuright li > ul.submenu {width:140px; display:none; z-index:9000; list-style-type: none; position: absolute; top: 50px; padding-top:0;  }
ul#menuright li > ul.submenu li {width:130px; border-bottom:1px solid #7F7F7F;  background: rgba(26, 77, 97, 0.9); padding-right: 10px;}
ul#menuright li > ul.submenu li.last {border-radius:0 0 5px 5px;}

ul#menuright li > ul.submenu li a {width:130px; padding-right:10px;}
ul#menuright li > ul.submenu li a:hover {background:none;}
ul#menuright li:hover > ul.submenu {border-top:1px solid #7F7F7F; display:block !important;}


.submenu { display: block; list-style: none outside none; margin: 0; padding-top: 3px;}
ul#menuright li > ul.submenu li { background: none repeat scroll 0 0 rgba(26, 77, 97, 0.9); border-bottom: 1px solid #7F7F7F; padding-right: 10px; width: 130px;}

.submenu { display: block; list-style: none; padding-top: 3px; margin: 0;}
.submenu li { display: block; width: 100%; margin: 0;}
.submenu li a { padding: 0; display: block; width: 130px; padding: 5px 0 0 20px; margin: 0 0 0 3px; text-align: left; color: #ffffff;}
.submenu li a:hover, .submenu li a:active { background: transparent url('/homeimages/bg_submenu_selected.png') repeat-x; color: #fff;}

/* Ads */
#yogads {text-align:center; position:relative; width:200px;}
#yogads img {margin-bottom:10px}
p.adby {text-align:center; padding-left:10px}
p.adby, p.adby a, p.adby a:visited, p.adby a:hover {color:#A1A1A1; font-size:9px; font-weight:normal; margin-top:8px; text-transform:uppercase;}
.yoggrttext, .yoggrttext a, .yoggrttext a:visited, .yoggrttext a:hover {color:#737373; font-size:11px; font-weight:normal; line-height:1.2em;}
.bsa_it_ad {margin-left:40px;}