@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
body{ background:url(../images/bg-image.jpg) repeat-x #063d60; font:12px Arial, Helvetica, sans-serif; color:#696969;}
img{ border:0px;}
ul, li{ margin:0px; padding:0px}
li{ list-style:none}
h3{ font-size:14px; color:#000;}
p {margin:0; padding:0;}
a {color:blue}
input, textarea {font-size:11px}
.height6{ height:6px;}
.height12{ height:12px;}
.float-left{ float:left}
.float-right{ float:right}
.clear{ clear:both}
.center{margin-left:auto; margin-right:auto; text-align:center;}
.orange18{ font-size:18px; color:#fe9500;}
.orange11{ font-size:11px; color:#ee5901;}
.italic{ color:#063d60; font-size:11px; font-style:italic; line-height:18px;}
.linktext a{ text-decoration:underline; color:#ef6412; font-style:inherit; font-size:12px}
.linktext a:hover{ text-decoration:none; color:#ef6412; font-style:inherit}
.margintop15{ margin:15px 0 0 0;}

#content{ width:980px; margin:0px auto;}
#contentbg{background:url(../images/background-middle.png) repeat-y top center; width:980px;}
.contentarea{ padding:0 30px 0 30px;}

#left-column{ float:left; width:685px; margin:0 5px 0 0;}
#right-column{ width:226px; float:right}

#navigation{}
#navigationleft{ background:url(../images/navigation-left.jpg) no-repeat; width:22px; height:34px; float:left}
#navigationright{ background:url(../images/navigation-right.jpg) no-repeat; width:13px; height:34px; float:left}
#navigationbg-home{ background:url(../images/navigation-bg.jpg) repeat-x; width:650px; height:34px; float:left}
#navigationbg-home ul{ margin:0 0 0 150px;}
#navigationbg-home ul li{ float:left; margin:0 10px 0 0; line-height:34px; height:34px; padding:0 5px 0 5px;}
#navigationbg-home ul li a{ color:#fff; text-decoration:none; padding:0 5px 0 5px; display:block}
.selectC{ color:#000; text-decoration:none; background:url(../images/hover-bg.jpg) repeat-x; height:34px; width:auto; display:block; padding:0 5px 0 5px;}
.select{ color:#000 !important; text-decoration:none; background:url(../images/hover-bg.jpg) repeat-x; height:34px; width:auto; display:block; padding:0 5px 0 5px;}
/*hack with jquery to work in all browsers*/
.selectB{ color:black !important; text-decoration:none; background:url(../images/hover-bg.jpg) repeat-x; height:34px; width:auto; display:block; padding:0 5px 0 5px;}
.selectB a{color:black !important;
}
/*end hack*/
.footer-top{ background:url(../images/footer-top.gif) no-repeat; height:16px; width:920px;}
.footer-bg{ background:url(../images/footer-bg.gif) repeat-y; width:890px; padding:0 15px 0 15px;}
.footer-bg ul li{ float:left; padding:0 5px 0 0;}
.footer-bg ul li a{ text-decoration:none; color:blue;}
.footer-bg ul li a:hover{ text-decoration:underline; color:blue;}
ul.footerlink{}
ul.footerlink li{ background:url(../images/blue-arrow.gif) no-repeat left 4px; padding:0 0 0 15px; color:#7a7a7a; font-size:11px; float:left; margin:0 80px 0 0;}
.bottom-border{ border:1px solid #7a7a7a; margin:10px 0 10px 0;}

.left-content{ width:224px; float:left; margin:0 9px 0 0;}
.right-content{ width:450px; float:left;}

.white-bg{ background:url(../images/bg-white.gif) repeat-y; width:450px;}
.white-bg-content{ margin:0 0 0 3px; float:left; width:220px;}
.white-bg ul li{ background:url(../images/color-bullet.gif) left 5px no-repeat; padding:0 0 0 15px; color:#063d60; font-size:14px; margin:0 0 15px 20px; text-decoration:underline}

/*------------Inner Navigation CSS ---------------*/

#nav-inner{}
#nav-inner-left{ background:url(../images/navigation-left.jpg) no-repeat; width:22px; height:34px; float:left}
#nav-inner-right{ background:url(../images/navigation-right.jpg) no-repeat; width:13px; height:34px; float:left}
#nav-inner-bg{ background:url(../images/navigation-bg.jpg) repeat-x; width:885px; height:34px; float:left}
#nav-inner-bg ul{ margin:0 0 0 150px;}
#nav-inner-bg ul li{ float:left; margin:0 10px 0 0; line-height:34px; height:34px; padding:0 5px 0 5px;}
#nav-inner-bg ul li a{ color:#fff; text-decoration:none; padding:0 5px 0 5px; display:block;}
/*#nav-inner-bg ul li a:hover{ color:#000; text-decoration:none; background:url(../images/hover-bg.jpg) repeat-x; height:34px; width:auto; display:block; padding:0 5px 0 5px;}*/
.select{ color:#000 !important; text-decoration:none; background:url(../images/hover-bg.jpg) repeat-x; height:34px; width:auto; display:block; padding:0 5px 0 5px;}

#nav-inner-bg .icon-pad{ padding:8px 20px 0 80px; width:21px; height:16px; float:left;}
/*#nav-inner-bg .icon-pad a:hover{ padding:5px 5px 0 0; background:none;}*/
/*------------Inner Navigation CSS ---------------*/

/*------------Inner Page CSS ---------------*/

.content-inner { background:url(../images/bg-content-inner.gif) repeat-x top left; margin:15px 0 0 0; padding:15px 0; overflow:hidden; font-size:13px !important}
.content-inner h2{ margin:0; padding:0 0 8px 0; font-size:20px; font-weight:normal;}
.title-brd {border-bottom:dashed #bfbfbf 1px; margin-bottom:10px !important}
.content-inner p{ margin:0; padding:10px 12px 0 12px; line-height:20px;}
.content-inner ul{ margin:30px; padding:0;}
.content-inner li{ margin:0; padding:5px 0 5px 20px; list-style-type:none; background:url(../images/bullet-orange-circle.gif) no-repeat left 10px;}
.content-inner h4{ margin:0; padding:0 0 5px 0; font-size:16px; font-weight:normal;}
.image-brd {background:#f8f8f8; border:#eee 1px solid; margin:0 15px 0 0;}

.seo{text-align:center; font-size:10px; line-height:16px !important;}
.quotebox{font-style:italic; border:black 1px solid; height:250px; }
.quotebox img{float:right; margin-right:5px; margin-left:5px; margin-bottom:100px}
.tutorialPaddingLeft {padding-left:30px;}
.tutorialPaddingRight {padding-left:37px;}
/*------------Inner Page CSS ---------------*/