body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;height: 100%;}

body a {text-decoration:none;color:#C23238;}
body a:visited {text-decoration:none;color:#C23238;}
body a:hover {color: #3287A4;}

html>body {height: auto;}
#clearall {clear: both;height: 1px;}
#wrapper {width: 100%;clear: both;vertical-align:top;}
#wrapcenter {width: 100%;clear: both;text-align: center;align:center;}
#header {width: 100%;height: 67px;background: url(images/background-header.jpg) repeat-x;}
#header h1 {display: inline;color: #fff;font-weight: bold;font-size: 30px;margin: 14px 10px 0 0;padding: 0;float: right;}
#header08 {width: 100%;height: 65px;background: url(images/backhead08.jpg) no-repeat;}
#header08 h1 {display: inline;color: #000000;font-weight: bold;font-size: 30px;margin: 14px 10px 0 0;padding: 0;float: right;}

#header08 h2 {display: inline;text-align:right;color: #000000;font-weight: heavy;font-size: 26px;margin: 0px 10px 0 0;padding: 0;float: right;}
#header08 .p8 {display: inline;text-align:right;color: #000000;font-weight: normal;font-size: 80%;padding: 0;float: right;}
#logo {width:220px;margin: 1px 0px 0px 1px;float:left;display: inline;text-align: center;}
#logo img {border: none;}
#hacker {float:right;margin: 5px 8px 0 0}

.cswmButton {}
#cswmMenuButtonFAQs {}


#webmenu {clear:both;width: 100%;font-weight: bold;font-size: 75%;background-color:#272727;margin: 0px;padding: 5px 0px;text-align: center;}
#webmenu a {text-decoration:none;color:#3287A4;}
#webmenu a:visited {text-decoration:none;color:#3287A4;}
#webmenu a:hover {color: #C23238;}
#middlesection {clear: none;width: 100%;}
#leftsection {display: block;clear: none;width: 200px;background: #272727;color: #fff;float: left;}
#topnav {background: #272727;width: 200px;font-weight: bold;font-size: 14px;float: left;display: inline;height: 220px;}
#topnav ul {list-style: none;margin: 10px 0 0 20px;padding: 0;}
#topnav li {background: url(images/rarrow.jpg) 0 1px no-repeat;padding: 0 0 0 16px;}
#topnav p {text-align: center;color: #C23238;line-height: 95%;margin: 10px 20px 10px 0px;}
#topnav a {color:#3287A4;text-decoration:none;}
#topnav a:visited {color:#3287A4;text-decoration:none;}
#topnav a:hover {color:#C23238;text-decoration: none;}

/* this one for the internal website with the left-side menu */
#toppromo {display: block;float: left;clear: none;background: #000 url(images/background-topsection2.jpg) bottom right no-repeat;height: 220px;color: #ffffff;}
#toppromo h1 {margin: 20px 0 20px 20px;padding: 0;display: block;font-size: 24px;}
#toppromo p {margin: 0 0 0 20px;padding: 0;display: block;color: #FFFFFF;font-size: 14px;font-weight: normal;}
#toppromo a {text-decoration:none;color:#3287A4;}
#toppromo a:visited {text-decoration:none;color:#3287A4;}
#toppromo a:hover {color: #C23238;}

/* this one for the external website without the left-side menu */
#toppromoext {display: block;float: left;width: 100%;clear: both;background: #000 url(images/background-topsection2.jpg) bottom right no-repeat;height: 220px;color: #ffffff;}
#toppromoext h1 {margin: 20px 0 20px 20px;padding: 0;display: block;font-size: 24px;}
#toppromoext p {margin: 0 0 0 20px;padding: 0;display: block;color: #FFFFFF;font-size: 14px;font-weight: normal;}
#toppromoext a {text-decoration:none;color:#3287A4;}
#toppromoext a:visited {text-decoration:none;color:#3287A4;}
#toppromoext a:hover {color: #C23238;}

#content-footers {width: 100%;clear: both;background: url(images/background-content-header.jpg) repeat-x;text-align: center;height: 31px;margin: 10px 0 0 0;}
#content-footers p {color: #222222;font-weight: normal;margin: 2px 2px;padding: 0;display: block;font-size: 10px;float: center;}
#content-footers a {display:inline;text-decoration:none;color:#fff;margin: 0;padding: 0;font-weight: bold;}
#content-footers a:visited {display:inline;text-decoration:none;color:#fff;margin: 0;padding: 0;font-weight: bold;}
#content-footers .menu {display:inline;text-decoration:none;color:#fff;margin: 0;padding: 0;font-weight: bold;}
#content-footers a:hover {color: #000000;}

#category-header {width: 200px;background: url(images/background-category-header.jpg) repeat-x;height: 31px;float: left;}
#category-header h5 {color: #fff;font-weight: bold;margin: 5px 9px;padding: 0;float: left;display: inline;font-size: 16px;}


#rightsection {background: #fff;color: #fff;float: left;width:74%;}
#content-header {background: url(images/background-content-header.jpg) repeat-x;width: 100%;clear: both;float: left;display: block;height: 31px;}
#content-header h2 {color: #fff;font-weight: bold;margin: 5px 9px;padding: 0;font-size: 16px;}
#content-body {float: none;display: inline;margin: 18px;white-space:normal;color: #000000;text-align: center;}
#content-body h1 {display: block;text-align: center;font-size: 2.0em;margin: 10px 3px;color: #000000;}
#content-body h2 {display: block;text-align: center;font-size: 1.8em;margin: 10px 3px;color: #000000;}
#content-body h3 {display: block;clear:both;text-align: center;font-size: 1.5em;margin: 6px 3px;color: #3287A4;}
#content-body h4 {display: block;text-align: center;font-weight:normal;font-size: 1em;margin: 6px 3px;color: #000000;}
#content-body h5 {display: block;text-align: center;font-weight:bold;font-size: 1.1em;margin: 2px;color: #3287A4;}
#content-body p {display: block;text-align: center;color: #000000;}
#content-body .question {display: block;text-align:left;font-size: 0.9em;color: #000080;font-weight:bold;margin: 3px 20px;}
#content-body .answer {display: block;text-align:left;font-size: 0.9em;color: #000000;font-weight:normal;margin: 0 20px 15px 20px;}
#content-body .form {display: block;text-align:left;font-size: 0.9em;color: #000000;font-weight:normal;margin: 3px;}
#content-body .alignright {text-align:right;}
#content-body .alignleft {text-align:left;}
#content-body .aligncenter {text-align:center;}
#content-body .small80 {font-size: 80%;}
#content-body .small70 {font-size: 70%;}
#content-body .small50 {font-size: 50%;}
#content-body .redbold {color:#C23238;font-size: 110%;font-weight:bold;}
#content-body table {BORDER:1;cellpadding:3;cellspacing:0;align:center;width:95%;border-color:#FFAAAA;}
#content-body .table_50 {BORDER:1;cellpadding:3;cellspacing:0;align:center;width:50%;border-color:#FFAAAA;}
#content-body .table_adj {BORDER:1;cellpadding:5;cellspacing:0;align:center;width:auto;border-color:#FFAAAA;}
#content-body tr {vertical-align:top;}
#content-body th {border-color:#FFFFFF;font-size: 0.9em;padding:2px;}
#content-body .table_head_left {text-align:left;border-color:#FFFFFF;color:#EEEEEE;padding:2px;}
#content-body .table_head_right {text-align:right;border-color:#FFFFFF;color:#EEEEEE;padding:2px;}
#content-body .table_head_center {text-align:center;border-color:#FFFFFF;color:#EEEEEE;padding:2px;}
#content-body .thl {text-align:left;border-color:#FFFFFF;color:#EEEEEE;padding:4px;font-size: 0.8em;background: url(images/background-header.jpg) repeat-x;}
#content-body .thr {text-align:right;border-color:#FFFFFF;color:#EEEEEE;padding:4px;font-size: 0.8em;background: url(images/background-header.jpg) repeat-x;}
#content-body .thc {text-align:center;border-color:#FFFFFF;color:#EEEEEE;padding:4px;font-size: 0.8em;background: url(images/background-header.jpg) repeat-x;}
#content-body .tdl {text-align:left;font-size: 0.8em;padding:4px;}
#content-body .tdl a img {float:right;}
#content-body .tdr {text-align:right;font-size: 0.8em;padding:4px;}
#content-body .tdc {text-align:center;font-size: 0.8em;padding:4px;}
#content-body .tdl25 {text-align:left;font-size: 0.8em;height:25px;}
#content-body .tdr25 {text-align:right;font-size: 0.8em;height:25px;}
#content-body td {font-size: 0.9em;padding:2px;}
#content-body .bluebg {color:#FFFFFF;background:#3287A4;text-align:center;font-size: 90%;}
#content-body fieldset {clear:both;text-align:center;font-weight:bold;border: 3px ridge #3287A4;margin:10px;padding:10px;}

#content-body fieldset p { text-align: left; font-weight: normal ; color: #000000; }
#content-body fieldset li { text-align: left; font-weight: normal ; color: #000000; font-size: 80%;margin: 0px 25px; }
#content-body fieldset ul { list-style-position:outside;list-style-type:disc;margin: 0px 10px; }
#content-body fieldset h3 {text-align:center;font-weight:bold;color:#FFFFFF;background:#3287A4;margin:3px;font-size: 0.9em;}
#content-body fieldset h5 { text-align: left; font-weight: normal ; font-size: 80%; color: #000000; }
#content-body legend {text-align:left;font-size: 1.2em;font-weight:bold;color: #3287A4;background-color:#FFFFFF;}
#content-body hr {border:none;height: 1px;color: #3287A4;background-color:#3287A4;}

form {clear:none;}
form p label {clear:left;float:left;text-align: right;font-size: 0.9em;font-weight:normal;color: #000000;width:150px;margin: 1px 3px;}
form p label .label75 {clear:left;float:left;text-align: right;font-size: 0.9em;font-weight:normal;color: #000000;width:75px;margin: 1px 3px;}
.fieldset2 {float:left;width:300px;text-align:center;vertical-align:top;font-weight:bold;border: 3px ridge #3287A4;margin:10px;padding:10px;}
.SubmitButtonRed {color:#C23238; font:bold 9pt Arial,Helvetica,sans-serif; background-color:#EEEEEE;border:2px solid #000000;}
.SubmitButtonBlue {color:#3287A4; font:bold 9pt Arial,Helvetica,sans-serif; background-color:#EEEEEE;border:2px solid #000000;}

.bod {display:block;float: left;text-align: center;margin: 5px;font-size: 0.7em;width:200px;height:220px;}
.bod a {text-decoration:none;color:#C23238;}
.bod a:visited {text-decoration:none;color:#C23238;}
.bod a:hover {color: #3287A4;}
.bod img {border-color:#C23238;}

#searchbox {display: block;float: left;text-align: left;margin: 1px 5px;font-size: 75%;font-weight: bold;width: 180px;color:#FFFF00;}
#searchbox a {text-decoration:none;color:#FFFF00;}
#searchbox a:visited {text-decoration:none;color:#FFFF00;}
#searchbox a:hover, A:hover {color: #3287A4;}
.bodL {display:block;float: left;text-align: left;margin: 5px;font-size: 75%;font-weight: bold;width:180px;}
.bodL a {text-decoration:none;color:#3287A4;}
.bodL a:visited {text-decoration:none;color:#3287A4;}
.bodL a:hover {color: #C23238;}
.bodL img {border-color:#C23238;}
.bodL h3 {margin: 0px;}

.bodR {display:block;float: left;text-align: left;margin: 5px;font-size: 100%;font-weight: bold;width:180px;}
.bodR a {text-decoration:none;color:#C23238;}
.bodR a:visited {text-decoration:none;color:#C23238;}
.bodR a:hover {color: #3287A4;}
.bodR img {border-color:#C23238;}
.bodR h3 {margin: 0px;}

.divWrap {clear: both;width: 100%;}
.divOpen {display:block;float: left;text-align: center;margin: 5px;font-size: 0.8em;}
#Block {clear:none;display:block;float: left;text-align: center;margin: 5px;font-size: 0.9em;}
#Block label {clear:left;float:left;text-align:right;font-size: 0.9em;font-weight:normal;color: #000000;width:150px;margin: 1px 3px;}


/* hack for IE5.5
* html #content-body {margin-left:-20px;margin-top: 0px;background: #fff;padding: 18px 0 0 0;}*/
#menu {width: 200px;background: #272727;background-image:url(images/cleardot.gif);backfround-repeat: repeat-y;float: left;height:100%;}

/*************************************************/
.menu {background: #272727;z-index:1000;font-size: 12px;font-weight: bold;float: left;margin: 18px 0 18px 18px;	width: 160px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {list-style: none;margin: 0 !important;margin: 18px 0;padding: 0;width: 160px;}
/* hack for IE5.5 */
* html .menu ul {margin: 0;padding: 0;margin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {position:relative;background: url(images/rarrow.jpg) 0 1px no-repeat;padding: 0 0 0 15px;margin: 0;}

/* get rid of the table */
.menu table {position:absolute;border-collapse:collapse;top:0;left:0;z-index:100;font-size:12px;}



/* style the links */
.menu a, .menu a:visited {display:block;text-decoration:none;color:#fff;margin: 0;padding: 0;width:150px;width:139px;}
.menu a:hover {color: #3287A4;}
/* hack for IE5.5
* html .menu a, * html .menu a:visited {width:150px;width:139px;margin: 0;padding: 0;}*/
/* style the link hover */
* html .menu a:hover {color:#3287A4;background:transparent;}

.menu:hover > a {color:#3287A4;background:#transparent;margin: 0;padding: 0;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;top:0;left:130px;margin: 5px;padding: 0;background: #272727;z-index: 10000;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;margin: 0;padding: 0;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;margin: 0;padding: 0;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;margin: 0;padding: 0;}
/*************************************************/