/* CSS Document */

body{
background-color:#1B5376;
margin:5px;
}

#wrapper{
margin:0 auto;
width:984px;
}

.filler{
/*background:url(../images/layout/layout_filler.png) repeat-x;*/
background-image:url(../images/layout/layout_filler.png);
font-size:8px;
}

#banner{
background-image:url(../images/layout/banner_background.png);
background-repeat:repeat-x;
border-width:0 1px 1px 1px;
border-color:#FFFFFF;
border-style:solid;
background-color:#000000;
width:946px;
margin-left:18px;
}

#layout-content{
background-image:url(../images/layout/layout_content.png);
background-repeat:repeat-y;
margin:0px;
width:984px;
}

#left-column{
float:left;
display:inline;
margin:0 9px 0 18px;
width:230px;
}

#middle-column {
float:left;
width:505px;
}

#right-column {
float:right;
display:inline;
margin-right:19px;
width:202px;
}

.clear{
clear:both;
}

#search-bar{
float:left;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:2px 20px;
width:400px;
}

#search-bar form{
display:inline;
}

#search-bar form input{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

#search-bar form select{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.search-button{
color:#990033;
background-image:url(../images/layout/category_box_background.jpg);
background-repeat:x;
padding:1px 8px;
border:1px solid #CCCCCC;
}

#quick-launch-bar{
float:right; 
padding:6px 25px;
width:480px;
text-align:right;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
vertical-align:top;
}

#quick-launch-bar a img{
border:0px;
float:right;
padding:0 3px;
}

.category-box{
border:1px solid #81AAC0;
background-image:url(../images/layout/category_box_background.jpg);
background-repeat:x;
padding:3px 5px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.category-box-top{
background-color:#E7E7E7;
font-size:5px;
margin:1px 2px 0 2px;
}

.category-box-bottom{
background-color:#E7E7E7;
font-size:5px;
margin:1px 2px;
}

.category-link-grey{
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#0080C4;
background-color:#F8F8F8;
border-right:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
margin:1px 2px 0 2px;
padding:2px;
}

.category-link-grey img{
float:left;
padding:0 7px 0 2px;
}


.category-link-grey a{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}

.category-link-grey a:hover{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#0080C4;
text-decoration:none;
}

.category-link-white{
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#0080C4;
background-color:#FFFF;
border-right:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
margin:1px 2px 0 2px;
padding:2px;
}

.category-link-white img{
float:left;
padding:0 7px 0 2px;
}

.category-link-white a{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}

.category-link-white a:hover{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#0080C4;
text-decoration:none;
}

/**********Tutorial Result***********/

.tut-box{
border-bottom:1px solid #CCCCCC;
background-image:url(../images/layout/tut_box_background.jpg);
background-repeat:repeat-x;
margin:0 0 5px 0;
padding:0;
}

.tut-box .imageclmn{
float:left;
width:52px;
padding:10px 5px 0 15px;
}

.tut-box .tut-description{
float:left;
padding:10px 10px 0 10px;
width:412px;
}

.tut-box .tut-description .a-title{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#0080C4;
}

.tut-box .tut-description .a-title:hover{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#63AD00;
}

.normal-text{
padding:10px; 
color:#0080C4; 
font-weight:bold;
}

.tut-box .tut-description p{
font:normal 12px Arial, Helvetica, sans-serif;
color:#4D4D4D;
margin:5px 0 5px 0;
}

.tut-box .tut-description .date{
font:normal 11px Arial, Helvetica, sans-serif;
color:#666666;
margin:0 0 3px 0;
}

.tut-box .tut-description .date a{
font:normal 11px Arial, Helvetica, sans-serif;
color:#0080C4;
margin:0 0 3px 0;
text-decoration:none;
}

.tut-box .tut-description .date a:hover{
font:normal 11px Arial, Helvetica, sans-serif;
color:#63AD00;
margin:0 0 3px 0;
text-decoration:none;
}

.tut-box .tut-description .tut-user-bar{
padding:0;
margin:0 0 5px 0;
}


.tut-box .tut-description .tut-user-bar a{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#0080C4;
text-decoration:none;
vertical-align:middle;
}

.tut-box .tut-description .tut-user-bar a:hover{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#63AD00;
text-decoration:none;
vertical-align:middle;
}

.tut-box .tut-description .tut-user-bar img{
vertical-align:middle;
}


/********Registration Form***********/
#register{
text-align:center;
padding-left:15px;
}

#register p{
font:normal 12px Arial, Helvetica, sans-serif;
color:#4D4D4D;
}

#register label{
float:left; 
width:180px; 
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#0080C4;
text-align:right;
margin:8px 5px 0 0;
}

#register em{
color:#FF0000;
}

#register input{
float:left; 
width:150px; 
text-align:left;
margin:5px 15px;
border:1px solid #CCCCCC;
}

#register #submit{
float:left; 
width:auto; 
background-image:url(../images/layout/category_box_background.jpg);
background-repeat:x;
padding:2px 8px;
font:bold 13px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
margin:5px 55px 15px 220px;
border:1px solid #CCCCCC;
}

/**************LOGIN**************/
#login{
float:right; 
padding:10px 20px;
font:normal 10px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:right;
}

#login a{
font:normal 10px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#logged{
float:right; 
padding:5px 10px;
margin:0px 10px;
font:normal 11px Arial, Helvetica, sans-serif;
color:#FFFFFF;
border:1px solid #fff; 
background-color:#323232;
}

#logged a{
font:bold 11px Arial, Helvetica, sans-serif;
color:#fff;
}

#page-links {
padding-bottom:10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#787878;
}

#page-links a {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0 3px 0 3px;
color:#0080C4;
}

#page-links a:hover {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0 3px 0 3px;
color:#63Ad00;
}

.content{
margin:5px 15px;
}

.content p{
font:normal 12px Arial, Helvetica, sans-serif;
color:#333333;
margin:5px 0;
}

.content p a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#0080C4;
}

.content p a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#63Ad00;
}

.content h2{
font:bold 14px Verdana, Arial, Helvetica, sans-serif; 
color:#0080C4; 
margin:0px;
}

.content h4{
margin:0px; 
font:bold 12px Verdana, Arial, Helvetica, sans-serif; 
color:#0080C4;
}

.news-blog{
margin:15px;
font:normal 13px 'Lucida Grande', Verdana, Arial, Sans-Serif;
border-bottom:1px solid #ccc
}

.news-blog p{
color:#333333;
margin:10px 0;
}

.news-blog p a{
color:#0080C4;
}

.news-blog p a:hover{
color:#63Ad00;
}

.blog-category{
font:bold 15px Verdana, Arial, Helvetica, sans-serif; 
color:#000;
text-align:center;
}

.news-blog h2{
font:bold 18px Verdana, Arial, Helvetica, sans-serif; 
color:#0080C4;
margin:0px;
}

.news-blog h2 a{
font:bold 18px Verdana, Arial, Helvetica, sans-serif; 
color:#0080C4;
text-decoration:none; 
margin:0px;
}

.news-blog h2 a:hover{
font:bold 18px Verdana, Arial, Helvetica, sans-serif; 
color:#666; 
text-decoration:none;
margin:0px;
}

.news-blog h4{
margin:0px; 
font:bold 12px Verdana, Arial, Helvetica, sans-serif; 
color:#0080C4;
}

.news-blog h5{
font:normal 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#666666; 
margin:0px;
}

.news-blog div a{
margin:0px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif; 
color:#0080C4;
}

.news-blog div{
margin:0px;
font:normal 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.news-blog-user-bar{
padding:0;
margin:0 0 5px 0;
}


.news-blog-user-bar a{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#0080C4;
text-decoration:none;
vertical-align:middle;
}

.news-blog-user-bar a:hover{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#63AD00;
text-decoration:none;
vertical-align:middle;
}

.news-blog-user-bar img{
vertical-align:middle;
}

.news{
margin:5px 15px;
padding:5px 10px;
}

.news li{
background-color:#F3F3F3;
list-style:none;
padding:10px 10px;
border-top:1px solid #ccc;
}

.news li.white {
background-color:#fff;
}

.news li p{
font:normal 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#333333;
margin:5px 0;
}

.news li p a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#0080C4;
}

.news li p a:hover{
font:normal 12px Arial, Helvetica, sans-serif;
color:#63Ad00;
}

.news li h2{
font:bold 14px Verdana, Arial, Helvetica, sans-serif; 
color:#0080C4; 
margin:0px;
}

.news li h4{
margin:0px; 
font:bold 12px Verdana, Arial, Helvetica, sans-serif; 
color:#0080C4;
}

.news li h5{
font:normal 10px Arial, Helvetica, sans-serif; 
color:#666666; 
margin:0px;
}

#contact-form{
}	
#contact-form label{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#0080C4;
display:block;
margin:10px 0 0 0;
}	
#contact-form input{
display:block;
}

#login-form{
padding:0 150px;
}	
#login-form label{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#0080C4;
display:block;
margin:10px 0 0 0;
}	
#login-form input{
display:block;
}

.affiliates-left{
float:left;
width:49%;
text-align:center;
}

.affiliates-left a{
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#0080C4;
}

.affiliates-left a:hover{
color:#63Ad00;
}

.blurb{
margin:15px;
font:normal 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#333333;
}

.blurb a{
color:#0080C4;
}

.blurb a:hover{
color:#63Ad00;
}