/** Global **/
/************/
body{ margin: 0; background-color:#f0f0f0; color:#000000; font:11px Helvetica, Arial, sans-serif; }

a{ text-decoration:underline; color:#000000; }
a:hover{ text-decoration:underline; color: #CC0000; }

#layout{ width:800px; background-color:#FFFFFF; padding-bottom:10px; margin-bottom:5px}
.clearer{ clear:both;}

#content{ float:left; width:760px; padding:0 20px 0 20px; text-align:left; }

.button{ font-size:16px; font-weight:bold; }
.seperator10px{ clear:both; height:10px;}
.required{ color:#CC0000; }
.rowEven{ background-color:#F6F6F6}
.rowOdd{ background-color:#FAFAFA}

/** Header **/
/************/
#header{ float:left; color:#FFFFFF; margin-bottom:10px; font-size:11px; padding-bottom:2px; border-bottom:2px #CC0000 solid; }
#header .logos{ float:left; width:790px; margin-bottom:20px; margin-top:20px;}
#header .logos .left{ float:left; margin-left:20px; }
#header .logos .right{ float:right; margin-right:20px; }
#header .active{ color:#FF0000; background:white; padding:0 1px 0 1px; }
#header a{ color:#FFFFFF; text-decoration:none}
#header .navigation .notActiveNav:hover{ color:#FFFFFF; background:url(../images/triangle.gif) center bottom no-repeat; padding-bottom:4px }
#header .navigation .notActiveNav a{ color:#FFFFFF; text-decoration:none}
#header .navigation .notActiveNav a:hover{ color:#FFFFFF; text-decoration:none}
#header .navigation .activeNav{ background:url(../images/triangle.gif) center bottom no-repeat; padding-bottom:4px }
#header .navigation .activeNav:hover{ color:#FFFFFF; background:url(../images/triangle.gif) center bottom no-repeat; padding-bottom:4px }
#header .navigation .activeNav a{ color:#FFFFFF; text-decoration:none}
#header .navigation .activeNav a:hover{ color:#FFFFFF; text-decoration:none}
#header .navigation{ float:left; width:790px; background-color:#CC0000; height:20px; padding:5px 5px 0px 5px; margin:2px 0 2px 0; }
#header .navigation .left{ float:left; margin-left:10px; }
#header .navigation .left ul { margin:0; padding: 0; list-style-type: none; }
#header .navigation .left ul li{ display: inline; margin: 0 40px 0 0; padding: 0; list-style-type: none; }
#header .navigation .right{ float:right; }
#header .navigation .right ul{ margin:0; padding: 0; list-style-type: none; }
#header .navigation .right ul li{ display: inline; margin: 0 4px 0 0; padding: 0; list-style-type: none; }

/** Index **/
/***********/
#index h1 { margin:0 0 5px 0; color:#CC0000; font-size:24px}
#index .colL{ float:left; width:370px; text-align:justify; }
#index .colR{ float:right; width:370px; text-align:justify; }

/** Fleet **/
/***********/
#fleet h1 { margin:0 0 5px 0; color:#CC0000; font-size:24px}
#fleet .colL{ float:left; width:320px; }
#fleet .colL ul{ margin:0; padding: 0; list-style-type: none; }
#fleet .colL ul li{ margin: 0 4px 0 0; padding: 0 0 0 8px; list-style-type: none; }
#fleetOverview .item{ float:left; margin-bottom:3px; width:100%; padding-left:10px;}
#fleetOverview .item:hover{ background:url(../images/triangleRight.gif) left no-repeat;}
#fleetOverview .header{ float:left; margin-bottom:3px; width:100%; padding-left:10px;}
#fleetOverview .name{ float:left; width:110px}
#fleetOverview .info{ float:left; width:105px; text-align:right}
#fleet .colR{ float:right; width:320px;  }
#fleetSpecs .item{ float:left; margin-bottom:3px; width:100%; border-bottom:1px #DDDDDD solid; padding-bottom:3px; }
#fleetSpecs .item .left{ float:left;}
#fleetSpecs .item .right{ float:right;}

/** Contact **/
/*************/
#contact h1 { margin:0 0 5px 0; color:#CC0000; font-size:24px}
#contact h3 { margin:5px 0 2px 0; color:#CC0000; }
#contact .colL{ float:left; width:370px; }
#contact .colR{ float:right; width:370px;}
#contact .colR .required{ color:#CC0000; }
#contactForm .item{ float:left; margin-bottom:3px; width:100%; border-bottom:1px #DDDDDD solid; padding-bottom:3px; }
#contactForm .item .left{ float:left; width:100px; }
#contactForm .item .right{ float:right; width:200px; }
#contactForm .item .right input{ width:200px; }

/** Login **/
/*************/
#login .colL{ float:left; width:500px; }
#login .colL .required{ color:#FF0000; }
#login .colL .bigTitle{ font-size:16px; font-weight:bold; border-bottom:2px solid #FF0000; margin-bottom:5px; }
#login .colL .block{ margin-bottom:15px; width:100%;}
#login .colL .block td{  padding:2px 0 2px 0; }
#login .colL .block .smallTitle{ font-size:14px; font-weight:bold; margin-bottom:5px }
#login .colL .block .subTitle{ width:120px; font-weight:bold; }
#login .colR{ float:right; width:250px;}
#login .colR p{ margin:0 0 15px 0;}
#login .colR .bigTitle{ font-size:16px; font-weight:bold; border-bottom:2px solid #FF0000; margin-bottom:5px; }
#login .colR .smallTitle{ font-size:14px; font-weight:bold; margin-top:10px; }

/** Profile **/
/*************/
#profile { float:left; width:100% }
#profile .info { background-color:#ffefef; padding:2px; font-style:italic; }
#profile .left { float:left; }
#profile .right { float:right;}
#profile .required{ color:#FF0000; }
#profile .bigTitle{ float:left; font-size:16px; font-weight:bold; border-bottom:2px solid #FF0000; margin-bottom:5px; }
#profile .bigTitle .left { float:left; }
#profile .bigTitle .right { float:right; background:#00CC00; padding:0 3px 0 3px; font-size:12px; }
#profile .block{ width:100%;}
#profile .block td{  padding:2px 0 2px 0; }
#profile .block .smallTitle{ font-size:14px; font-weight:bold; margin-bottom:5px; }
#profile .block .subTitle{ width:120px; font-weight:bold; vertical-align:top; }

/** Forgot password **/
/*************************/
#forgotPassword h1{ font-size:16px; font-weight:bold; border-bottom:2px solid #FF0000; margin:0 0 5px 0; }

/** Footer **/
/************/
#footer{ width:790px; background-color:#CC0000; height:20px; padding:5px 5px 0px 5px; text-align:center; color:#FFFFFF; margin:20px 0 20px 0; }
#footer a{ color:#FFFFFF; text-decoration:none;}
#footer a:hover{ color:#FF0000; text-decoration:inherit; }
#footer{ float:left; }
#footer ul{ margin:0; padding: 0; list-style-type: none; }
#footer ul li{ display: inline; margin: 0 4px 0 0; padding: 0; list-style-type: none; }

/** Errors & messages **/
/***********************/
.formError{ float:left; clear:left; border:solid #dbdbdb 1px; padding:2px 5px 2px 25px; background:url(../images/error.png) 2px 2px no-repeat; background-color:#F9F9F9; margin:3px 0 3px 0; color:#555555; }
.succesMessage { background:#F9F9F9; border:1px solid #EEEEEE; padding:5px;}