body {font: arial; color: #000000; margin: 0px; padding: 0px; background: #ffffff; text-align: center}

.red {color: #5e0016}
.blue {color: #003366}
.ltblue {color: #f0f4f7}
.gray {color: #6e6e6e}
.quotegray {color: #999999} 
.mdgray {color: #b9b6b6} 
.ltgray {color: #f5f5f5} 

.clearboth {clear:both;}
.space2 {clear:both; height:2px; width:2px}
.space5 {clear:both; height:5px; width:5px}
.space10 {clear:both; height:10px; width:10px}
.space15 {clear:both; height:15px; width:15px}
.space20 {clear:both; height:20px; width:20px}
.space30 {clear:both; height:30px; width:30px}
.space40 {clear:both; height:40px; width:40px}

.top10 {margin: 10px 0px 0px 0px}
.top20 {margin: 20px 0px 0px 0px}
.top30 {margin: 30px 0px 0px 0px}
.bot10 {margin: 0px 0px 10px 0px}
.bot20 {margin: 0px 0px 20px 0px}
.bot30 {margin: 0px 0px 30px 0px}
.top30bot10 {margin: 30px 0px 10px 0px}

.nospace {margin: 0px}

img {border:0px;}
td {vertical-align: top;}
a, a:hover {color: #003366; font-weight: bold}
a {text-decoration: none;}
a:hover {text-decoration: underline}


form {margin: 0px; padding: 0px;}
form label {display: block; width: 100px; float: left; margin: 8px 0px 0px 0px; text-align: left; padding: 0px; font: normal 11px/16px verdana}
form fieldset {border: 0px; margin: 0px; clear: both}
label.field {display: block; width: 150px; float: left; margin: 8px 5px 0px 0px; text-align: left; padding: 0px; font: normal 11px/16px verdana}
.fieldinput {width:150px; margin:4px 0px 0px 0px; font: 9px verdana; border: 1px solid #cccccc}
label.wide {display: block; width: 550px; float: left; margin-bottom: 10px; text-align: left; padding-left: 10px;}
input.check {width: 15px; display: block; float: left; margin-bottom: 5px; border: 0px}
input.radio {border: 0px}
input, select, textarea, .multi {width:auto; margin:4px 0px 0px 0px; font: 9px verdana; border: 1px solid #cccccc}
input, select, textarea, .multi {font-weight: normal; color: #999999; background: #ffffff; padding: 2px}
input, select, textarea, {height: 19px}
.multi {height: auto}
.bgo {background: #003366; font: bold 9px verdana; color: #ffffff; padding: 0px 2px 0px 2px; height: 20px}
textarea {overflow: auto;}


/* CONTAINERS */
#topbannercontainer, #contentcontainer, #footercontainer {margin: 0 auto}
#visit, #visitarabic, #logo, #quotecontainer, #footercontainer {padding: 0px; margin: 0px; vertical-align: top}

#mainnav, #banner, #visit, #quotecontainer, #quote, #author, #nav, .subnav, #col2  {display: none}

#topbannercontainer, #toolscontainer {width: 700px; height: 72px; padding: 0px; text-align: left}
#logo {height: 72px; text-align: left}


#contentcontainer {width: 700px; padding: 0px; border-top: 10px solid #ffffff; border-bottom: 10px solid #ffffff}

#footercontainer {width: 700px; clear:both; border-top: 1px solid #6e6e6e}
#footer {text-align: left; padding-top: 10px; font: normal 9px verdana; color: #6e6e6e}
#footer a {text-decoration: underline;  color: #6e6e6e; font-weight: normal}
#footer a:hover	{text-decoration: underline; color: #6e6e6e; font-weight: normal}



/* COLUMNS */
#col1, #colhome1 {float: left; text-align: left; margin: 0px}
#colhome3 {float: right; text-align: left; margin: 0px}

#col1 {padding: 0px; width: 700px}

#col1, #col1 p {font: 12px/18px arial}
#col1 p {margin: 0px 0px 20px 0px}
#col1 ul {margin-top: 0px; margin-bottom: 15px; margin-left: 0px; padding-left: 0px; padding-top: 0px; font: 12px/18px arial; list-style:none}
#col1 ul li {font: 12px/18px arial; padding: 0 0 0 15px; margin-bottom: 5px; background-image: url(/images/bullet.gif); background-repeat: no-repeat; background-position: 0 .2em}
#col1 ul li ul {margin-top: 10px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-top: 0px; font: 12px/18px arial; list-style:none}
#col1 ol {margin-top: 0px; margin-bottom: 15px; margin-left: 20px; padding-left: 0px; padding-top: 0px; font: 12px/18px arial}
#col1 ol li {font: 12px/18px arial; padding: 0; margin-bottom: 5px; background-image:none}

#colhomecontainer {width: 574px; margin: 0px; padding: 0px}
#colhome1, #colhome2, #colhome3 {width: 178px; padding: 0px; font: normal 10px/16px verdana}
#colhome2 {margin: 0px 20px 0px 20px; float: left; text-align: left;}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/* CONTENT */
h2, h3 {color: #000000; text-transform: capitalize}
h1, h4, h5 {color: #000000}
h1 {font: bold 30px/34px arial; margin: 0px 0px 20px 0px}
h2 {font: bold 20px/24px arial; margin: 10px 0px 20px 0px}
h3 {font: bold 16px/20px arial; margin: 10px 0px 20px 0px}
h4 {font: normal 18px/22px arial; margin: 0px;}
h5 {font: bold 18px/22px arial; margin: 0px 0px 10px 0px}
h6 {font: bold 13px/16px arial; margin: 0px 0px 10px 0px; color: #000000}

.pic {border: 5px solid #ffffff; margin: 0px 0px 10px 0px; padding: 0px}


#breadcrumb {font: bold 9px/13px verdana; margin: 0px 0px 30px 0px; padding: 0px}
.backtotop {font: normal 9px/13px verdana; margin: 30px 0px 0px 0px; padding: 0px}
#breadcrumb a, #breadcrumb a:hover, .backtotop a, .backtotop a:hover {color: #003366; font-weight: normal}
#breadcrumb a, .backtotop a  {text-decoration: none;}
#breadcrumb a:hover, .backtotop a:hover  {text-decoration: underline}

.date {font: normal 9px/13px verdana; font-style: italic}



.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.bottom {vertical-align:bottom !important;}
.middle {vertical-align:middle !important;}