/* - 
 IMPORTANT: 
Site copyrighted by Octos Creative Communication. It may not be partially or totally reproduced without written permition.
Last Modification: 10/10/2009 | By: Lilian Vasquez | Phone: 404-514-3084
<--- */
/* BODY
------------------------------------------------------------*/
html, body, blockquote, q, dt, dl, div, h1, h2, h3, h4, h5, h6, a, table, tr, td, ul, ol, li, img, form {padding:0;margin:0;border:0;}
img {vertical-align: middle;}
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color:#000000;background:#333333;}
.body{background:#FFF url(../Images/backnew.png) repeat-x;}
#twit{top:430px;right:0;position:fixed;}
.wrap {clear:both;}
.space {height:30px;}

/* TITLES
------------------------------------------------------------*/
h1{color:#FF6600; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}
h2{color:#FF9900; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px;margin-bottom:8px;}

/* HEADER
------------------------------------------------------------*/
#bo{background:url(../Images/header.png) left top no-repeat;position:relative;}
#top {margin: 0 auto;width:970px;height:330px;}
#exp{float:left;width:350px;color:#000000;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif;position:relative;top:15px;left:185px;}
#search{width:246px;height:45px;background:url(../Images/search.png) no-repeat;float:right;margin-right:10px;clear:both;padding:15px 20px 0 20px;}
#login{width:227px;height:160px;background:url(../Images/login.png) no-repeat;float:right;margin-right:10px;clear:both;padding:70px 30px 0 30px;color:#FFFFFF;font-size:14px;}
#login_p{width:227px;height:160px;background:url(../Images/login_p.png) no-repeat;float:right;margin-right:10px;clear:both;padding:70px 30px 0 30px;color:#FFFFFF;font-size:14px;}
#logo {width:376px;height:188px;text-indent:-10000px;overflow: hidden;background:url(../Images/octoslogo2.gif) no-repeat;position:relative;top:0;left:170px;}
#logo a{position:absolute;top:0;left:0;width:376px;height:188px;}
#logo a:hover{background: none;}

/* MENU
------------------------------------------------------------
#menu {float:right;padding:0;list-style:none;font-weight:bold;font-size:22px;color:#FFFFFF;}
#menu li {display:inline;padding: 0 30px 0 30px;}
#menu li a {color:#FFFFFF; border-bottom:none;text-decoration:none;}
#menu li a:active {color:#FFFFFF; border-bottom:none; text-decoration:none;}
#menu li a:hover {color:#FFFFFF; border-bottom:none; text-decoration: underline;}*/

/* MENU
------------------------------------------------------------*/
#menu {float:right;font-weight:bold;}
.menu, .menu ul {list-style-type:none;}
.menu li.top {display:block; float:left; position:relative;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu li.top a.top_link {display:block;float:left;color:#FFFFFF;text-align:center;text-decoration:none;}
.menu li.top a:hover.top_link {display:block;float:left;color:color:#FFFFFF;text-align:center;text-decoration:underline;}
.menu li.p {width:153px;}
.menu li a {width:168px; text-decoration:none;font-size:22px;}
.menu a:hover {visibility:visible;} /* IE6 */
.menu li:hover { position:relative; z-index:200;} /* IE7 */
.menu li a:hover {text-decoration:underline;}
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;text-decoration:underline;}
/* MENU ROLLOVER
------------------------------------------------------------*/
.menu :hover ul.sub {left:20px;top:26px;background:transparent url(../banners/opaque.png); padding:0;white-space:nowrap;width:300px;height:auto;text-decoration:none;}
.menu :hover ul.sub li {display:block;height:28px; position:relative;float:left;width:300px;border-bottom:dotted 1px #FFFFFF;text-decoration:none;}
.menu :hover ul.sub li a {display:block;font-size:12px; height:28px; width:298px; line-height:28px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #000000; border-width:0 0 0 3px; text-align:left;}
.menu :hover ul.sub li a:hover {background:#000000; color:#FFFFFF;text-decoration:none;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:300px; top:-1px; background: #FFFFFF; padding:3px 0; border:1px solid #888; white-space:nowrap; width:298px; z-index:200; height:auto; z-index:300;}

/* CONTENT
------------------------------------------------------------*/
#banner {width:926px;height:250px;margin-bottom:15px;border:3px solid #FF6600; padding:3px;}
#content {width:940px;padding:15px 15px 0 15px;background:#FFFFFF;margin:0 auto;}
#content a, #content a:link, #content a:active {color: #0066FF; text-decoration:underline;}
#content a:visited {color: #0066FF; border: none; text-decoration: none;}
#content a:hover {color: #FFF; border: none; text-decoration: none; background-color:#0066FF;}
#content h1 {padding: 0 0 2px 0;margin: 0 0 20px 0;font-size:28px;font-weight: bold;}
.col {float:left; width:282px;padding:15px;}
.col2 {float:left; width:594px;padding:15px;}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 }
 .pre{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}

/* FORM
------------------------------------------------------------*/
fieldset {border:1px solid #CCCCCC;padding:10px;width:262px}
.fieldset {width:95%;}
legend {font-weight:bold;color:#666666;}
label{width:85px;float: left;text-align:left;display: block;}
.special {visibility:hidden;display:none;}
.inpu{margin-bottom:5px;width:200px;background:url(../Images/input.png) no-repeat;border:none;height:20px;padding-left:10px;}
.inpu2{margin-bottom:5px;width:160px;border:1px solid #CCC; padding:8px;}
.inpu3{margin-bottom:5px;width:400px;border:1px solid #CCC; padding:8px;}
.su{margin:5px 0 0 140px;background:url(../Images/button.png) no-repeat;width:69px;height:33px;border:none;cursor:pointer;}
.su2{margin:-38px 0 0 207px;background:transparent;width:35px;height:40px;border:none;float:right;clear:both;cursor:pointer;}
.su3{margin:0 0 0 85px;border:solid 1px #666;background:#333;color:#FFF;padding:8px;cursor:pointer;}

/* FOOTER
------------------------------------------------------------*/
#f {background:#333333;}
#footer {background:#333333; color:#CCCCCC;width:970px;margin:0 auto;}
#footer a {color: #cccccc; border-bottom: none;text-decoration:underline;}
#footer a:active {color: #cccccc; border-bottom: none;text-decoration:underline;}
#footer a:hover {color: #FFFFFF; border: none; text-decoration: none; background-color:#0066FF;}

/* TOOGLE
------------------------------------------------------------*/
dl{margin-bottom:10px;}
dt {margin: 20px 0 25px 0;cursor: pointer;text-decoration:none;color:#0066FF;padding-left:20px;background:url(../Images/help.gif) left no-repeat;height:16px;}
dd {margin:15px 15px 0px;padding: 15px;line-height: 150%;border: solid 1px #CCC;}
.show {display: block;}
.hide {display: none;}