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

/* Default link color */ 
body a:link {background-color: transparent;	color: #636363; font-weight:900; text-decoration: none;}
body a:visited{ background-color: transparent; color: #636363; font-weight:900; text-decoration: none;}
body a:hover{ background-color: transparent; color: #c80000; font-weight:900; text-decoration: none;}
body a:active{ background-color: transparent; color: #c80000; font-weight:900; text-decoration: none;}
/* --- */ 

/* Footer link color */ 
#footer a:link {background-color: transparent;	color: #000000;	text-decoration: none;}
#footer a:visited{ background-color: transparent; color: #000000; text-decoration: none;}
#footer a:hover{ background-color: transparent; color: #636363; text-decoration: none;}
#footer a:active{ background-color: transparent; color: #636363; text-decoration: none; }
/* --- */ 

/* Header link color */ 
#header a:link {background-color: transparent;	color: #c80000;	text-decoration: none;}
#header a:visited{ background-color: transparent; color: #c80000; text-decoration: none;}
#header a:hover{ background-color: transparent; color: #636363; text-decoration: none;}
#header a:active{ background-color: transparent; color: #636363; text-decoration: none; }
/* --- */ 

body{
font: 11px Verdana, Arial, Helvetica, sans-serif;
/* Page background color */ 
background-color:#777777;
/* Page default font color */ 
color: #636363;
/* --- */ 
margin: 0;
text-align: center;
line-height: 1.3em;
}

/* Left Post Title */
h1{
font: 900 21px Verdana, Arial, Helvetica, sans-serif;
color: #636363;
padding: 0;
margin: 0;
}

/* Right Post Title*/
h2{
font: 900 14px Verdana, Arial, Helvetica, sans-serif;
color: #636363;
margin: 0;
}

/* Right Sub-Title */ 
h4{
font: 900 10px Verdana, Arial, Helvetica, sans-serif;
color: #636363;
margin: 0;
}

/* Image classes for spacing */ 
.img_left{
margin: 0 10px 0 0;
}
.img_right{
margin: 0 0 0 10px;
}
/* --- */ 

#wrapper-bg{
background-image:url(../images/wrapper-bg.gif);
background-position:center;
background-repeat:repeat-y;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 0;
width: 98%;
}

#wrapper{
background-color: #FFFFFF;
width: 96%;
padding: 20px;
float: left;
}

#header{
width: 98%;
height: 105px;
float: left;
}

#header #toplogo{
text-align: left;
width: 33%;
height: 55px;
margin: 0 0px 0 0;
float: left;
}

#header #header_right{
font: 900 10px Verdana, Arial, Helvetica, sans-serif;
background: transparent;
color: #c80000;
text-align: right;
width: 96%;
height: 10px;
padding: 1px;
float: left;
}


#navigation{
/* Login bar - text size */ 
font: 10px Verdana, Arial, Helvetica, sans-serif;
/* --- */ 
background-image:url(../images/grey-nav.gif);
background-position:top;
background-repeat:repeat-x;
text-align: right;
width: 100%;
height: 45px;
float: left;
}

#navigation_main{
width: 100%;
height: 35px;
/* Login bar text color */ 
color: #fff;
/* --- */ 
/* Top Bar gradients, must change all in order to be browser compliant */ 
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#940202));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #cc0000, #940202);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc0000, endColorstr=#940202);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc0000, endColorstr=#940202)";
/* --- */ 
float: left;
}

/* Login box attributes  */
/*
.form_text{
font: 10px Verdana, Arial, Helvetica, sans-serif;
background-color: #E8E8E8;
width: 100px;
height: 10px;
margin: 0 10px 0 0;
padding: 8px 10px 8px 0px;
}
*/


.form_label{
padding: 0px 0px 8px 0px;
}

/* Login submit attributes */ 
.form_submit{
font: 900 10px Verdana, Arial, Helvetica, sans-serif;
width: 45px;
height: 19px;
margin: 3px 40px 3px 0px;
padding: 0 0 3px 0;
}
/* --- */ 

#navigation_under{
background-image:url(../images/under-nav.gif);
background-position:top;
background-repeat:repeat-x;
width: 98%;
height: 20px;
float: left;
}

#content{
text-align: left;
width: 98%;
margin: 0;
float: left;
}

#content_twothird{
width: 65%;
text-align: left;
padding: 10px 0 10px 0;
float: left;
}

#content_onethird{
width: 85%;
text-align: left;
padding: 10px 0 10px 0;
float: left;
}

#div_twothird{
width: 65%;
float: left;
}

#div_onethird{
width: 33%;
float: left;
}

.twothird{
width: 65%;
float: left;
}

.onethird{
width: 65%;
float: left;
}

/* Category attributes for 2/3 width box */ 
#category_twothird{
font: 900 12px Verdana, Arial, Helvetica, sans-serif;
color: #868686;
background-image:url(../images/category_nolength.gif);
background-repeat:repeat;
background-position:center;
width: 80%;
height: 15px;
padding: 5px 10px 5px 10px;
float: left;
}

/* Category attributes for 1/3 width box */ 
#category_onethird{
font: 900 12px Verdana, Arial, Helvetica, sans-serif;
color: #868686;
background-image:url(../images/category_nolength.gif);
background-repeat:repeat;
background-position:center;
width: 100%;
height: 15px;
padding: 5px 10px 5px 10px;
float: left;
}

/* Footer size, text color and other attributes */ 
#footer{
font: 10px Verdana, Arial, Helvetica, sans-serif;
background: transparent;
color: #000000;
text-align: center;
width: 94%;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
float: left;
}

#bottom-links{
width: 70%;
height: 26px;
margin: 15px 0 0 0;
float: left;
}

#designby{
width: 23%;
height: 53px;
float: left;
}