* { padding: 0; margin: 0; border: 0; }body{    margin:0;    color:#232323;    padding: 0;    background: #faf5e1 url(images/bg.jpg) repeat-x scroll top;}/* links */a { color: #AF531C; text-decoration: none; }a:hover { color: #DF6014; text-decoration: none; }/* images */img { border: 0; border: none; }ol, ul {margin:5px 5px 0 25px;}/***********************      LAYOUT************************//* Header*/#header { width: 100%; height: 246px; margin: 0 auto; padding: 0; }#topheader{ width: 1004px; height: 246px; margin: 0 auto; font: bold 12px Tahoma; color: #dcd66e; padding: 0; background: url(images/header.jpg) no-repeat; }/* Top menus */#topmenu { float: left; width: 292px; height: 26px; margin: 0; padding: 0 0 0 682px; }.home { float: left; width: 43px; height: 26px; font: bold 10px Arial; color: #FFFFFF; background: url(images/top_menu_01.png) no-repeat; margin: 0; padding: 15px 0 0 67px; }.home:hover { color: #ed5400; background: url(images/top_menu1_01.png) no-repeat; text-decoration: none; }.about { float: left; width: 45px; height: 26px; font: bold 10px Arial; color: #FFFFFF; background: url(images/top_menu_02.png) no-repeat; margin: 0; padding: 15px 0 0 27px; }.about:hover { color: #ed5400; background: url(images/top_menu1_02.png) no-repeat; text-decoration: none; }.search { float: left; width: 84px; height: 26px; font: bold 10px Arial; color: #FFFFFF; background: url(images/top_menu_03.png) no-repeat; margin: 0; padding: 15px 0 0 25px; }.search:hover { color: #ed5400; background: url(images/top_menu1_03.png) no-repeat; text-decoration: none; }/*search box area*/#search_layout { float: left; width: 363px; height: 38px; margin: 0; padding: 10px 0 0 0; }.search_background { float: left; width: 363px; height: 38px; background: url(images/search.png) no-repeat; margin: 0 25px; padding: 0; }.searchname { float: left; height: 20px; font: bold 12px Arial; color: #9a2500; margin: 0; padding: 12px 8px 0 15px; }.searchbox { float: left; height: 21px; font: bold 12px Arial; color: #9a2500; margin: 0; padding: 5px 8px 0 0; }.searchtextbox { float: left; width: 240px; height: 18px; font: 14px Arial; color: #333333; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0; padding: 3px 0 0 3px; }.searchtextbox:hover { border: 1px solid #aa3107; text-decoration: none; }.go { float: left; width: 21px; height: 21px; background: url(images/go.png) no-repeat; margin: 0; padding: 0; text-align: center; vertical-align: middle; }.go:hover { background: url(images/go1.png) no-repeat; }/* Main Layout *****************************************************************/#container {  position:relative;        /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */    clear:both;    float:left;  width:100%;               /* width of whole page */    overflow:hidden;        /* This chops off any overhanging divs */}/* holy grail 3 column settings ************************************************//* center column ***************************************************************/.centerColumn {  float:left;  width:200%;  margin-left:-225px;   /* Width of right column */  position:relative;  right:100%;  background:transparent;       /* Centre column background colour */  padding-top: 20px;}/* left column *****************************************************************/.leftColumn {  float:left;  width:100%;  margin-left:-50%;  position:relative;  left:448px;           /* Left column width + right column width */  background:transparent;       /* Left column background colour */}/* news Wrapper ****************************************************************/.newsLayoutWrap {  float:left;    width:50%;    position:relative;    right:223px;            /* Width of left column */    padding-bottom:1em;     /* Centre column bottom padding. Leave it out if it's zero */}/* news ************************************************************************/.news {  margin:0 225px 0 223px;       /* Centre column side padding:                           Left padding = left column width + centre column left padding width                           Right padding = right column width + centre column right padding width */  position:relative;    left:200%;    overflow:hidden;}/* news2 for forums ************************************************************/.news2 {  margin:0 0 0 223px;       /* Centre column side padding:                           Left padding = left column width + centre column left padding width                           Right padding = right column width + centre column right padding width */  position:relative;    left:200%;    overflow:hidden;}#fbox_area { height: 200px; margin: 0 auto; padding: 0; }/* Corllete Lab Feature Box ****************************************************/div.fbox-cont { height: 200px; margin: 0 20px 10px 20px; background: #f4eed0; border: 1px solid #dad0b4; }#buts { height: 30px; margin: 5px auto; padding: 0 10px; z-index: 0; background: transparent; border: none; }div#promos div.scroller {/* modify width and height of scrolling section if necessary    */  width: 500px; /* --> edit */  text-align: left;  height: auto;  overflow: hidden;  margin: 0 auto;}div#promos div.scroller div.content {  width: 10000px;}div#promos div.scroller div.section {/* modify width and height of each section as needed (should match the size of the scroller window) */  width: 500px; /* --> edit */  height: auto;  overflow: hidden;  float: left;  margin: 0 20px;}h2.promo { font: 20px Arial, Tahoma, Verdana, Helvetica; color:#146384; margin: 0; padding: 0 10px 5px 10px; text-align: right; }p.promo { font: 12px Arial, Tahoma, Verdana, Helvetica; color: #386060; margin: 0; padding: 0 10px 10px 10px; text-align: justify; }/* end *************************************************************************/.newsPost { clear: both; margin: 20px 5px 10px 5px; padding: 0; background: transparent; }.newsPost a { color: #f8ce90; text-decoration: none; }.newsPost a:hover { color: #f60d08; text-decoration: underline; }.newsicon { float: left; margin: 0; padding: 5px 10px; }.news_header { height: 35px; font: bold 26px Arial; color: #3b3b3b; background: transparent; margin: 0; padding: 7px 0 0 10px; }.newsposted { height: 25px; font: 13px Arial, Tahoma, Verdana, Helvetica; color: #a1a1a1; margin: 0; padding: 3px 0 0 10px; text-align: left; }.newsposted a { color: #62889c; text-decoration: none; background: #eee; padding: 2px 3px; border-bottom: 1px solid #ccc; }.newsposted a:hover { color: #354f5c; text-decoration: none; background: #f5f9fb; padding: 2px 3px; border-bottom: 1px solid #aaa; }.newsBody { clear: both; font: 14px Arial, Tahoma, Verdana, Helvetica; color: #386060; padding: 3px 10px 5px 10px; }.newsBody img{ float: left; margin: 0 7px 7px 0; border: none; }.newsBody a { color: #62889c; text-decoration: none; background: #eee; padding: 3px; border-bottom: 1px solid #ccc; }.newsBody a:hover { color: #354f5c; text-decoration: none; background: #f5f9fb; padding: 3px; border-bottom: 1px solid #aaa; }.newsBottom { clear: both; margin: 0; padding: 20px 20px 0 20px; }.newsComments { float: left; width: 130px; height: 30px; background: url(images/comment_bg.gif) no-repeat left center; margin: 0; padding: 0; }.newsCommentsText { font: 13px Arial, Tahoma, Verdana, Helvetica; color: #aaa; margin: 0; padding: 3px; text-align: center; }.newsCommentsText a { color: #1166bd; text-decoration: none; }.newsCommentsText a:hover { color: #000; text-decoration: none; }.newsOptions { float: right; margin: -10px 10px 0 10px; padding: 10px; text-align: right; }.newsseparator { clear: both; float: left; height: 30px; background: url(images/newssep.png) no-repeat left bottom; margin: 0; padding: 0; }/* leftmenu ********************************************************************/.leftmenu {  float:left;  float:right;          /* This overrides the float:left above */  width:193px;          /* Width of left column content (left column width minus left and right padding) */  position:relative;  right:15px;           /* Width of the left-had side padding on the left column */}.leftmenu_box { width: 193px; margin: 0; padding: 0; }.left_menutop { width: 193px; height: 11px; background: url(images/left_01.png) no-repeat; margin: 0; padding: 0; }.left_menumiddle { width: 193px; background: url(images/left_02.png) repeat-y; margin: 0; padding: 0; }.left_menuheader { width: 167px; height: 31px; font: bold 12px Arial; color: #FFFFFF; background: url(images/leftheader.png) no-repeat; margin: 0 0 0 13px; padding: 9px 0 0 30px; }.left_menubody { font: 11px Arial; color: #7e7656; padding: 10px; }.left_menubody a { color: #433408; background: #f0f0f0; padding: 2px 3px; border-bottom: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; text-decoration: none; }.left_menubody a:hover { color: #ff0000; text-decoration: none; }.left_menubottom { width: 193px; height: 11px; background: url(images/left_03.png) no-repeat; margin: 0; padding: 0; }/* sitelinks */.sitelinks_box { width: 193px; margin: 0; padding: 0; }.sitelinks_top { width: 193px; height: 13px; background: url(images/sitelinks_top.jpg) no-repeat; margin: 0; padding: 0; }.sitelinks_middle { width: 193px; background: url(images/sitelinks_middle.jpg) repeat-y; margin: 0; padding: 0; }.sitelinks_bottom { width: 193px; height: 13px; background: url(images/sitelinks_bottom.jpg) no-repeat; margin: 0; padding: 0; }/* Login Menu */.login_box { width: 193px; margin: 0; padding: 0; }.login_top { width: 193px; height: 11px; background: url(images/login_top.png) no-repeat; margin: 0; padding: 0; }.login_bodyarea { width: 193px; background: url(images/login_middle.png) repeat-y; margin: 0; padding: 0; }.login_head { width: 167px; height: 31px; font: bold 12px Arial; color: #FFFFFF; background: url(images/login_header.png) no-repeat; margin: 0 0 0 13px; padding: 9px 0 0 30px; }.login_body { font: 11px Arial; color: #7e7656; padding: 7px; }.login_bottom { width: 193px; height: 11px; background: url(images/login_bottom.png) no-repeat; margin: 0; padding: 0; }/* right menu ******************************************************************/.rightmenu {  float:left;  float:right;          /* This overrides the float:left above */  width:195px;          /* Width of right column content (right column width minus left and right padding) */  margin-right:45px;    /* Width of right column right-hand padding + left column left and right padding */  position:relative;  left:50%;}.right_menutop { width: 195px; height: 10px; background: url(images/right_01.jpg) no-repeat; margin: 0; padding: 0; }.right_menumiddle { width: 195px; background: url(images/right_02.jpg) repeat-y; margin: 0; padding: 0; }.right_menuheader { width: 167px; height: 31px; font: bold 12px Arial; color: #FFFFFF; background: url(images/rightheader.png) no-repeat; margin: 0 0 0 14px; padding: 9px 0 0 30px; }.right_menubody { font: 11px Arial; color: #7e7656; padding: 10px; }.right_menubody a{ color: #AF531C; background: #f0f0f0; padding: 2px 3px; border-bottom: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; text-decoration: none; }.right_menubody a:hover { color: #000; text-decoration: none; }.right_menubottom { width: 195px; height: 10px; background: url(images/right_03.jpg) no-repeat; margin: 0; padding: 0; }/* bottom info */#body_bottom { float: left; width: 100%; height: 242px; font: bold 12px Arial; color: #dcd66e; background: url(images/body_bottom.jpg) repeat-x scroll; margin: 0 auto; padding: 0; }#footerbanner { width: 468px; height: 60px; margin: 50px auto; }.support_text { font: bold 12px Arial; color: #dcd66e; text-align: center; margin: 0 auto; padding: 5px; }/* body bottom menus *//* footer */#footer { float: left; width: 100%; height: 104px; font: bold 12px Tahoma; color: #dcd66e; background: url(images/footer_bg.jpg) repeat-x center top; margin: 0 auto; padding: 0; }.footerText { width: 100%; font: bold 11px Arial; color: #FFFFFF; margin: 0; padding: 15px 0 0 0px; text-align: center; }#footer a { font: bold 11px Arial; text-decoration: none; color: #f5430a; }#footer a:hover { font: bold 11px Arial; text-decoration: none; color: #FFFFFF; }/* center menu */.centerMenuBox { clear: both; margin: 10px 5px; padding: 0; background: url(images/newssep.png) no-repeat left bottom; }.centerMenuBox a { color: #AF531C; text-decoration: none; }.centerMenuBox a:hover { color: #617b90; text-decoration: underline; }.centerMenuHeader { font: bold 26px Arial; color: #3b3b3b; letter-spacing: -1px; padding: 10px 10px 10px 25px; }.centerMenuBody { font: 13px Arial; color: #757575; padding: 10px 15px 20px 15px; }/* New Forum Post Main */.nfpHeader_bg { height: 60px; background: url(images/nfpicon.png) no-repeat left top; margin: 0; padding: 5px 10px; }.nfpHeaderText { font: bold 26px Arial; color: #3b3b3b; background: transparent; margin: 0; padding: 7px 0 0 55px; }.nfpBody { font: 13px Arial; color: #3b3b3b; padding: 10px 15px 20px 15px; }/* other menu */.otherMenuBox { background: url(images/leftsidemenu_bg.png) no-repeat right bottom; margin: 0; padding: 0; }.otherMenuBox a { color: #094967; text-decoration: none; }.otherMenuBox a:hover { color: #fcdabe; text-decoration: none; }  .otherMenuHeader { font: 18px Arial; color: #4c6404; background: url(images/othermenuheader_bg.png) no-repeat left top; margin: 0px; padding: 20px 0 0 10px; }  .otherMenuContent { font: 11px Arial; color: #9ca27e; margin: 0; padding: 10px 5px 20px 5px; }/********************** core style ********************************//* tbox, chatbox, button */.tbox{ font: 11px Arial; color: #000; background: url(images/chat_bg.png) no-repeat left top; margin: 5px 0 0 5px; padding: 3px; border: 1px solid #dad0b4; }.tbox.chatbox { width: 94%; color: #000; border: 1px solid #dad0b4; padding: 2px; margin: 2px auto; background: url(images/chat_bg.png) no-repeat left top; }.button { font: bold 11px Arial; color: #3b3b3b; background: #faf5e1 url(images/forumheader.png) repeat-x left bottom; margin: 1px; padding: 2px; text-align: center; border: 1px solid #ccc; cursor:pointer; }.button a { color: #fff; }.button a:hover { color: #969696; }/* FORUMS */.border { border: 1px solid #3a3a2f; }.fborder { border: 3px double #dad0b4; background: transparent; }.forumheader{ background: #faf5e1 url(images/forumheader.png) repeat-x left bottom; font: bold 13px Arial; color: #386060; padding: 5px; border-bottom: 1px solid #aaa; }.forumheader2{ background: #faf5e1 url(images/forumheader.png) repeat-x left bottom; font: 11px Arial; color: #757575; padding: 4px; border-bottom: 1px solid #aaa; }.forumheader3{ background: #e8e8cf; font: 12px Arial; color: #757575; padding: 4px; border-bottom: 1px solid #aaa; }.forumheader3 a { color: #f64508; text-decoration: none; }.forumheader3 a:hover { color: #444a02; text-decoration: none; }.forumborder{ border: 1px solid #3a3a2f; }a.forumlink{ color: #617b90; text-decoration: underline; }.nforumcaption2 { background: #dfe5cb; font: bold 12px Arial; color:#3b3b3b; padding: 5px; border: 1px solid #aaa; }.caption { background: #transparent; font: bold 13px Arial; color:#fff; padding: 5px; border: 1px solid #aaa; }.fcaption { background: #faf5e1 url(images/forumheader.png) repeat-x left bottom; font: bold 13px Arial; color:#386060; padding: 5px; border-bottom: 1px solid #aaa; }.fcaption a { color: #757575; text-decoration: none; }.fcaption a:hover { color: #3b3b3b; text-decoration: none; }.finfobar{ background: #e8e8cf; font: 12px Arial; color: #757575; padding: 4px; border-bottom: 1px solid #aaa; }.nforumholder { }.nforumcaption { }.nforumthread { }.nforumreplycaption { }.nforumreply { }.nforumdisclaimer { }.nforumview1 { }.nforumview2 { }.nforumview3 { }.nforumview4 { }/* TEXTS */.indent{ font: italic 13px Arial; color: #386060; padding: 10px; margin: 5px; background: #f0f0e4; border: 2px dotted #d5d5c3; }.smalltext { font: 11px Arial; }.smallblacktext { font: 12px Arial; }.defaulttext { font: 14px Arial; }.mediumtext { font: 13px Arial; }blockquote { font: bold 13px Arial; margin: 10px 15px; padding: 10px 0 10px 28px; border: 1px solid #0065C6; background: #1E89DC; }.nextprev{ height: 30px; background: url(images/nextprev_bg.png) no-repeat center bottom; font: 12px Arial; color: #aaa; text-align: center; padding : 5px; margin: 20px auto; }.nextprev_link { color: #256d8f; padding: 3px; }.nextprev_current { color: #000; padding: 3px; }.searchhighlight { text-decoration: underline; color: #ff0000; font-weight: bold; }/* MISC */td { font: 13px Arial; color: #757575; padding: 0 5px; text-align:left; }form { margin: 2px 0px 0px 0px; }.spacer{ padding: 5px 0px 5px 0px; }hr { height: 4px; border-top: 2px solid #dfe5cb; border-bottom: 2px solid #aaa; text-align: left; }.helpbox { background: transparent; font: 9px Arial; color:#1a556b; border: 0px; margin: 0; padding: 0; }.bodytable { font: 12px Arial; color: #F2F9FF; padding: 8px; }.code-box { font: 12px Arial; color:#000; padding: 8px; }.code_highlight {  width: 95%;  margin: 5px 0;  padding: 10px;  text-align: left;  display: block;  overflow: auto;  font: 12px Arial;  /* white-space: pre; */  background: #f2f1ed;  border: 1px solid #ccc;}/* Navigation *//* Nav Menu Classes *//* MENU STYLES ****************************************************** */div.menuBar,div.menuBar a.menuButton, div.menuButton, div.menuButton_over,div.menu,div.menu a.menuItem {  font: bold 11px Arial;  text-align: left;}div.menuBar {  background: transparent;  padding: 0px;  text-align: left;}div.emenuBar {  text-align: left;}/* main level links */div.menuBar a.menuButton, div.menuButton, div.menuButton_over {  width: 143px;  height: 19px;    color: #c12f00;    text-decoration: none;    background: url(images/sitelink.png) no-repeat;    padding: 3px 0 0 17px;    margin: 0 0 0 15px;  display: block;  z-index: 100;  outline: 0;}/* main level links hover */div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {  width: 143px;  height: 19px;    color: #c12f00;    text-decoration: none;    background: url(images/sitelink_hover.jpg) no-repeat;    padding: 3px 0 0 17px;    margin: 0 0 0 15px;}/* main level links active */div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover,div.menuBar a.menuButtonActive:hover {  width: 143px;  height: 19px;    color: #c12f00;    text-decoration: none;    background: url(images/sitelink_hover.jpg) no-repeat;    padding: 3px 0 0 17px;    margin: 0 0 0 15px;}/* sublinks styles ************************* *//* sublink container */div.menu {  width: auto;  background: #f0ebd8; /* FCFDFF; submenu background */  left: 0px;  padding: 1px 1px 1px 1px;  position: absolute;  top: 0px;  visibility: hidden;  z-index: 101;  border-top: 1px solid #d7d3c3; border-right: 1px solid #d7d3c3;  text-align: right;  margin: -286px 0 0 143px;}/* sublinks main style */div.menu a.menuItem {  color: #da2a2a;  /* submenu items */  font-weight: bold;  background: transparent;  cursor: pointer;  display: block;  padding: 2px 10px;  text-decoration: none;  white-space: nowrap;}/* sublinks hover style */div.menu a.menuItem:hover, div.menu a.menuItemHighlight {  background: #f9f4e0; /* F0F6FF; submenu mouseover */  color: #386060;}div.menu a.menuItem span.menuItemBuffer {  padding: 0px 2px 0px 2px;  color: #ffffd3;}div.menu a.menuItem:hover span.menuItemBuffer {  padding: 0px 2px 0px 2px;  color: #000000;}div.menu a.menuItem span.menuItemText {        padding: 0px 0px 0px 3px;}div.menu a.menuItem span.menuItemArrow {  margin-right: -.75em;}div.menu div.menuItemSep {  border-top: 1px solid #a5a5a5;  border-bottom: 1px solid #ffffff;  margin: 4px 2px;}a.menuItem.header {  border-bottom: 1px solid #b3b3b3;} #social_text { text-align: left; } #social_icon { text-align: left; } #social { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; height: 26px; }