/***** Global Settings *****/
html, body {
border:0;
margin:0;
padding:0;
}
body {
font:12px arial, helvetica, sans-serif;
color:#666;
}
/***** Common Formatting *****/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
h1 {
padding:0;
font:22px arial, helvetica, sans-serif;
color:#666;
}
h2 {
padding:0 0 4px 0;
margin:0 6px 0 0 ;
font:14px arial, helvetica, sans-serif;
color:#3399CC;
font-weight:bold;
display:block;
border-bottom:1px solid #666;
}
h3 {
padding:0;
font:12px arial, helvetica, sans-serif;
color:#666;
font-weight:bold;
border-bottom:1px solid #666;
display:block;
padding:0 4px;
}
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
ul, ol {
padding:0 0 18px 40px;
}
blockquote {
margin:22px 40px;
padding:0;
}
small {
font-size:0.85em;
}
img {
border:0;
}
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
/***** Links *****/
a, a:visited {
text-decoration:none;
}
/***** Forms *****/
form div {
margin:0 0 8px 0;
clear:left;
}
label {
margin:11px 0 0 0;
display:block;
font-weight:bold;
}
form {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:22px 0 0 0 ;
}
form div.actions {
margin-left:6em;
padding-left: 1.5em;
}
/***** Tables *****/
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
table tr td {
padding:2px;
}
/***** Wrapper *****/
#wrap {
width:1008px;
margin: 0 auto;
background:url(../images/bkg_shadow.gif);
min-height:100%;
position:relative;
}
#flash_header{
width:889px;
position:absolute;
top:0;
left:63px;
z-index:3;
}
#contents{
padding:0px 0 0 70px;
}
#nav_col{ border:1px solid #8a8686; width:206px; padding:4px 4px;}
#latest_news{padding:10px 10px}
#latest_news a{font:10px Arial, Helvetica, sans-serif; color:#666; height:18px; margin:10px 0 0 0 }
#latest_news a:hover{text-decoration:underline; }
#content_col{
float:right;
width:636px;
padding:4px 4px;
position:relative;
margin:0 70px 0 0;
border:1px solid #8a8686;
margin-bottom:6px;
}
#port_content{
width:870px;
padding:0px 0px;
position:relative;
margin:0 0px 0 0;
border:1px solid #8a8686;
margin-bottom:6px;
}
#port_content h1{
padding:0;
font:18px arial, helvetica, sans-serif;
color:#fff;
}
#port_content h2{
padding:0;
font:14px arial, helvetica, sans-serif;
color:#fff;
border:none;
}
#port_bar {
width: 866px;
height:35px;
background-image:url(../images/portbar.gif);
background-repeat:repeat-x;
padding: 7px 0 0 5px;
position:relative;
margin: 0px;
}
#port_thumbs {
width: 862px;
height:137px;
position:relative;
margin:0px;
padding-left:5px;
}
#content_col_inner{ margin:21px 0 8px 21px;/* clear footer*/ }
#pcontent_col_inner{ margin:15px 0 8px 21px;
width: 400px;/* clear footer*/
}
#featured-area{
width:400px;
height:300px;
right:7px;
top:235px;
border:1px solid #8a8686;
position:absolute;
}
.featuredPic {
width:375px;
height:238px;
margin:20px 10px 10px 10px;
/*background-color:#0066FF;*/
}
#feat_nav{ float:left; padding:5px 10px 0 0 ; }
#feat_nav a { color:#666; text-decoration:none; font-weight:bold; text-align:center; vertical-align:bottom; margin-top:auto; height:9px; }
#feat_nav a:hover { color:#66ccff; text-decoration:none }
#feat_nav li {
font-size:10px;
padding-left:6px;
margin-left:6px;
display:inline;
list-style:none;
border-right: 1px solid #fff;
line-height:
}
#feat_nav li.last { border-right:0 none; }
#nav_solutions{
font:10px Arial, Helvetica, sans-serif;
font-weight:bold;
padding:0 0 20px 0;
list-style:none;
}
#nav_solutions li { height:22px; }
#nav_solutions li a{
display:block;
padding:4px 0 0 23px;
height:18px;
color:#666
}
#nav_solutions li a:hover, #nav_solutions li a.current{
background:url(../images/bkg_arrow.gif) no-repeat;
background-color:#3399cc;
color:#FFFFFF;
padding-left:43px
}
#action_col{
position:absolute;
top:81px;
right:7px;
width:144px;
}
#gray_box{
background:url(../images/bkg_gray_box.gif) no-repeat;
height:58px;
width:144px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
position:relative;
margin:0 0 10px 0;
}
.gray_box_link{
color:#fff;
display:block;
padding:10px 10px;
height:38px;
}
.float_submit{
position:absolute;
left: 74px;
top: 33px;
}
#gray_box_tall{
background:url(../images/bkg_gray_box_tall.gif) no-repeat;
background-color:#8a8686;
width:124px;
padding:10px 10px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
}
#gray_box_tall .inputfeild{ width:122px; }
.submitbutton { margin:10px 0 0 0; }
#content_text{
margin:12px 0 0 0;
width:400px;
}
#footer{
clear:both;
width:870px;
background-color:#525151;
height:33px;
text-align:center;
font:10px Arial, Helvetica, sans-serif;
color:#fff;
padding:7px 0 7px 0;
margin:7px 0 0 0 ;
}
#footer a{ color:#fff; margin:0 10px; }
/***** Global Classes *****/
.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
.wrap { width:960px;margin:0 auto; }
.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }
.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }
/****** FIX FIREFOX *******/
:-moz-any-link:focus {
outline: none;
}
:focus
{
-moz-outline-style: none;
}