/*
Colors
darker blue  :  0099ff
tab blue     :  70a1eb
orange       :  f48d29
*/

body {
font-family:Arial, Helvetica, sans-serif; 
color:#333333; 
background-color:#fff;
color:#CCCCCC;
font-size:12px;
background-image:url(../images/body_back.gif);
background-repeat:repeat-x; }

/* housekeeping aka html tags */

img {
border:none;
}


.green {
color:#2AF639; }


.red {
color:#FF1313; }

hr {
border-top:1px #666666 dashed;
border-bottom:1px #666666 dashed;
}

h1 {
font-size:16px; 
}

h2 {
font-size:14px; 
}

.dashed {
border-bottom::1px #666666 dashed;
}

#container {
width:800px; 
margin:0 auto; 
padding:0; 
}

#header {
width:100%; 
height:80px;
color:#0099FF; 
background-image:url(/images/header_blue.png); 
}

#logininfo {
float:right;
padding-right:20px;
margin-top:-65px;
color:#000000;
}

#nav {
width:800px;
top:70px;
color:#666; 
}

/*- Menu Tabs --------------------------- */

#tabs {
float:right;
margin-top:-44px;
width:100%;
font-size:93%;
line-height:normal;
}
#tabs ul {
padding:10px 30px 0 50px;
list-style:none;
}
#tabs li {
display:inline;
margin:0;
padding:0;
}
#tabs a {
float:right;
background:url(../images/tableft.gif) no-repeat left top;
background-position:0% -42px;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
#tabs a span {
float:right;
display:block;
background:url(../images/tabright.gif) no-repeat right top;
background-position:100% -42px;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:#FFF;
}
#tabs a:hover {
background-position:0% 0px;
}
#tabs a:hover span {
background-position:100% 0px;
}

#tabs .act a {
background-position:0% -84px;
}
#tabs .act a span {
background-position:100% -84px;
color:#000;
}

#tabs .act a:hover{
background-position:0% -42px;
}
#tabs .act a:hover span {
background-position:100% -42px;
}


#right { 
float:right;
width:230px;
}

#right .darkgreentop {
width:230px;
height:25px;
margin-top:5px;
background-image:url(../images/left_top_dgreen.png);
background-repeat:no-repeat;
}

#right .darkgreenbottom {
float:left;
width:230px;
height:25px;
background-image:url(../images/left_bottom_dgreen.png);
background-repeat:no-repeat;
}

.darkgreenmenu{
margin:auto;
margin-left:-38px;
margin-top:0;
list-style-type: none;
width: 226px;
}

.darkgreenmenu li a{
background-image:url(../images/left_link_dgreen.png);
background-repeat:no-repeat;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
height:24px;
display: block;
width:226px;
text-decoration: none;
line-height:normal;
text-align:center;
}

.darkgreenmenu li a:hover{
background-image: url(../images/left_link_act_dgreen.png);
}

#right .lightgreentop {
width:230px;
height:25px;
margin-top:5px;
background-image:url(../images/left_top_lgreen.png);
background-repeat:no-repeat;
}

#right .lightgreenbottom {
float:left;
width:230px;
height:25px;
background-image:url(../images/left_bottom_lgreen.png);
background-repeat:no-repeat;
}

.lightgreenmenu{
margin:auto;
margin-left:-38px;
margin-top:0;
list-style-type: none;
width: 226px;
}

.lightgreenmenu li a{
background-image:url(../images/left_link_lgreen.png);
background-repeat:no-repeat;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
height:24px;
display: block;
width:226px;
text-decoration: none;
line-height:normal;
text-align:center;
}

.lightgreenmenu li a:hover{
background-image: url(../images/left_link_act_lgreen.png);
}

#right .bluetop {
width:230px;
height:25px;
margin-top:5px;
background-image:url(../images/left_top_blue.png);
background-repeat:no-repeat;
}

#right .bluebottom {
float:left;
width:230px;
height:25px;
background-image:url(../images/left_bottom_blue.png);
background-repeat:no-repeat;
}

.bluemenu{
margin:auto;
margin-left:-38px;
margin-top:0;
list-style-type: none;
width: 226px;
}

.bluemenu li a{
background-image:url(../images/left_link_blue.png);
background-repeat:no-repeat;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
height:24px;
display: block;
width:226px;
text-decoration: none;
line-height:normal;
text-align:center;
}

.bluemenu li a:hover{
background-image: url(../images/left_link_act_blue.png);
}

#right .greytop {
width:230px;
height:25px;
margin-top:5px;
background-image:url(../images/left_top_grey.png);
background-repeat:no-repeat;
}

#right .greybottom {
float:left;
width:230px;
height:25px;
background-image:url(../images/left_bottom_grey.png);
background-repeat:no-repeat;
}

.greymenu{
margin:auto;
margin-left:-40px;
margin-top:-1px;
list-style-type: none;
width: 226px;
}

.greymenu li a{
background-image:url(../images/left_link_grey.png);
background-repeat:no-repeat;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
height:24px;
display: block;
width:226px;
text-decoration: none;
line-height:normal;
text-align:center;
}

.greymenu li a:hover{
background-image: url(../images/left_link_act_grey.png);
}

#left {
float:left;
margin-top:0px;
margin-right:5px;
width:550px;
min-height:200px;
color:#333333;
}

.clear {
clear:both; 
}

.clearright {
clear:right; 
}

.clearleft {
clear:left; 
}

#footer {
height:40px;
margin:30 auto;
clear:both;
color:#333333; }

@charset "utf-8";

.green {
color:#2AF639;
}

a {
color:#2D2D2D; 
text-decoration:none; 
}

.red {
color:#FF1313;
}

.left {
float:left;
font-size:14px;
}

.right {
float:right;
}

.titletext {
font-size:15px; }

.grey {
background-color:#999999;
}

.commentbox {
background-color: #ececec;
margin:auto;
width: 540px;
padding: 10px;
}

a {
color:#0099FF;
}

a:hover {
color:#000000;
}

.commentfooter {
background: url(../images/arrow.png) 20px 0 no-repeat;
padding-left: 58px;
margin-bottom:-1px;
font-size: 100%;
color: #4A4A4A;
}

.commentright {
float:right;
}