/* CSS Document */
/* site wide colours 
    orange:     #FB8519 
    fawngrey:   #F0EEE2
*/

/* LAYOUT */
h1, h2, h3, h4, h5, h6{text-align:left; color:#333333;line-height:1.2em; margin:0;padding:0;}
a, a:link, a:active, a:visited{ text-decoration:none; color:#fb8519; font-weight:bold; }
a:hover{ text-decoration:underline; }
img{ border:0; display:block; }
form{ margin:0; padding:0; }

html{
	font:normal 0.8em arial, helvetica, sans-serif;
	text-align:justify;
	color:#666666;
	line-height:1.4em;
	margin:0px;
	padding:0px;
}
body{
	margin:0px;
	padding:0px;	
	background-color:#FAF9F5;
}
#main{
    float:left;
	border-bottom:1px solid #CCCCCC;
	width:100%;
	background:#FFFFFF url(../../images/page-bg.jpg) top repeat-x;
}
/* HEADER */
#header{
	height:136px;

}
#header .logo img{
	margin:0;
	float:left;
	width:auto;
}
#header .logo h1{
	display:none;
}
#header .login{
	float:right;
	width:520px;
	height:23px;
}
#header .login a{
	padding:0 6px 0 0;
	float:right;
	width:auto;
	display:block;
}
/* MENU */
#menu{
    float:right;
    width:500px;
    margin:40px 24px 0 0;
    width:auto;    
}
#menu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#menu li{
	float:left;
	width:auto;
	margin:0 10px 0 0;
	padding:0 5px 0 0;
}
#menu li:hover{
	background:url(../../images/menu-right.gif) top right no-repeat;
}
#menu .selected {
	background:url(../../images/menu-right.gif) top right no-repeat;
}
#menu li a{
	display:block;
	float:left;
	line-height:40px;
	height:40px;
	padding:0 12px 0 12px;
	margin:0 -6px 0 -6px;
	color:#FFFFFE;
	font-weight:bold;
	text-decoration:none;
}
#menu li a:hover{
	background:url(../../images/menu-left.gif) top left no-repeat;
	color:#CCCCCC;
}
#menu .selected a{
	background:url(../../images/menu-left.gif) top left no-repeat;
	color:#FFFFFE;
}
/* CONTENT */
#content{
	margin:18px auto 0 auto;
	width:980px;
	float:left;
	background:url(../../images/verticle-divide-left.jpg) top left no-repeat;
}
#content .inner{
    float:left;
    width:936px;
    min-height:370px;
    padding:4px 20px 0 24px;
    background:url(../../images/verticle-divide-right.jpg) top right no-repeat;
}
#content .button{
	background:url(../../images/button-right.gif) top right no-repeat;
	height:30px;
	line-height:30px;
	display:inline-block;
	padding:0 10px 0 0;
}
#content .button a{
	background:url(../../images/button-left.gif) top left no-repeat;
	height:30px;
	line-height:30px;
	display:inline-block;
	padding:0 0 0 10px;
	color:#666666;
}
#content .button a:hover{
	color:#333333;
}
#content .button img{
	vertical-align:middle;
}
#content legend{
    font-size:1.2em;
    color:#666;
    padding:0 0.5em 0.5em 0.5em;
 }
.content-area{
   float:left;
   width:666px;
   margin:0;
   padding:0 0 12px 0;
}
.content-area-wide{
   float:left;
   width:930px;
   margin:0;
   padding:0 0 12px 0;
 }
.right-col{
   float:right;
   width:246px;
   min-height:370px;
   margin:0;
   padding:0 0 12px 20px;
   background:url(../../images/verticle-divide-left.jpg) top left no-repeat;
   text-align:left;
   
}
#info-bar{
	margin:0 0 9px 0;
}
#info-bar img{
	float:left;
	width:auto;
	line-height:22px;
	margin:0 6px 0 0;
}
#info-bar p{
	float:left;
	width:auto;
	line-height:22px;
}
#info-bar p a{
	color:#FFFFFE;
}

#info-bar .right{
	float:right;
	width:auto;
	line-height:22px;
}
#info-bar .red{
	background:#CC3333 url(../../images/user-red.gif) bottom no-repeat;
	padding:2px 8px 2px 8px;
	color:#FFFFFE;
	line-height:22px;
	height:24px;
}
#info-bar .blue{
	background:#0066CC url(../../images/user-blue.gif) bottom no-repeat;
	padding:2px 8px 2px 8px;
	color:#FFFFFE;
	line-height:22px;
	height:24px;
}
/* APPLICATION TABS */
/* tier 1 */
#app-tabs{
	width:960px;
	height:79px;
	background:url(../../images/app-tab-bg.gif) top center no-repeat;
}
#app-tabs .tabs ul{
	list-style:none;
	margin:0 20px 0 20px;
	padding:2px 0;
}
#app-tabs .tabs li{
	float:left;
	width:auto;
	margin:0 10px 0 0;
	padding:0 5px 0 0;
	background:url(../../images/app-tab-right.gif) center right no-repeat;
}
#app-tabs .tabs li:hover{
	background:url(../../images/app-tab-right.gif) top left no-repeat;
	background-position:top right;
}
#app-tabs .tabs .selected {
	background:url(../../images/app-tab-right.gif) top right no-repeat;
	background-position:bottom right;
}
#app-tabs .tabs .selected:hover {
	background:url(../../images/app-tab-right.gif) top right no-repeat;
	background-position:bottom right;
}
#app-tabs .tabs li a{
	background:url(../../images/app-tab-left.gif) center left no-repeat;
	background-position:27px;
	display:block;
	line-height:31px;
	height:31px;
	padding:0 15px 0;
	margin:0 -5px 0;
	color:#666;
}
#app-tabs .tabs .selected a{
	background:url(../../images/app-tab-left.gif) top left no-repeat;
	background-position:bottom left;
	color:#333333;
}
#app-tabs .tabs .selected a:hover{
	background:url(../../images/app-tab-left.gif) top left no-repeat;
	background-position:bottom left;
	color:#333333;
}
#app-tabs .tabs li a:hover{
	background:url(../../images/app-tab-left.gif) top left no-repeat;
	background-position:top left;
}
#app-tabs .tabs img{
	vertical-align:middle;
}
/* tier 2 */
#app-tabs .sub ul{
	list-style:none;
	margin:0 20px 0 10px;
	padding:0;
}
#app-tabs .sub li{
	float:left;	
	width:auto;
	margin:10px 0 0 0;
}
#app-tabs .sub li a{
	color:#666666;
	padding:0 10px 0 10px;
	border-left:1px solid #FAF8ED;
	border-right:1px solid #C0BAA5;
}
#app-tabs .sub li a:hover{
	color:#333333;
}
#app-tabs .sub .selected a{
	color:#333333;
}
#app-tabs .sub .selected{
	background:url(../../images/app-sub-tab-selected.gif) center bottom no-repeat;
	background-position:bottom center;
	padding:0 0 20px 0;
	display:block;
}
/* DATA */
#data{
	width:940px;
	margin:0 auto 20px auto;
}
#data .button{
	background:url(../../images/button-right.gif) top right no-repeat;
	height:30px;
	line-height:30px;
	display:inline-block;
	padding:0 10px 0 0;
}
#data .button a{
	background:url(../../images/button-left.gif) top left no-repeat;
	height:30px;
	line-height:30px;
	display:inline-block;
	padding:0 0 0 10px;
	color:#666666;
}
#data .button a:hover{
	color:#333333;
}
#data .button img{
	vertical-align:middle;
}
#data .summary{ 
	text-align:right;
}
#data .header{
	background:#EDF5FE;
	margin:8px 0;
	padding:0 10px 0 10px;
	height:34px;
	line-height:34px;
}
#data .header img{
	vertical-align:middle;
}
/* Data table */
.data-holder{
	width:900px;
	margin:0 auto; 
}
.data-content{
	margin:0 0 0 20px;
	font-size:0.9em;
}

/* FOOTER */
#footer {
	color:#3B3B3B;
	border-top:2px solid #FFFFFF;
	background:url(../../images/footer-bg.jpg) top repeat-x;
	min-height:50px;
	padding:6px 0 0 0;
	font-size:0.9em;
	float:left;
	width:100%;
}
#footer .container{
    width:980px;
	margin:0 auto;
}
#footer a{
	color:#333333;
}
.foot-nav-links{
    width:980px;
    margin:6px auto 0 auto;
}
/* GENERAL */
.container {
	width:980px;
	margin:0 auto;
}
.left{
	float:left;
	width:auto;
}
.right{
	float:right;
	width:auto;
}
.clear{clear:both;}

hr{
    border: 0;
    color: #CCCCCC;
    background-color: #CCCCCE;
    height: 1px;
    width: 100%;
    text-align: left;
    margin:0 0 16px 0;
}

.error{
	line-height:16px;
	background:url(../../images/error.png) left no-repeat;
	padding:1px 0 0 16px;
	color:Red;
	font-size:.8em;
}
.required{
	color:Red;
}

.smalltext{
	font-size:.8em;
	margin:0;
	padding:0;
}
/* HOLDING HOME */
.holding .left{
    float:left;
    width:480px;
    margin:0 20px 0 0;
}
.holding .right{
    float:right;
    width:327px;
}
.holding .right-promo{
    float:right;
    width:327px;
    height:305px;
    display:block;
    background:url(../../images/promo-back.jpg) top left no-repeat;
}
.holding .right .inner{
    padding:10px 20px 10px 20px!important;
    margin:0 0 10px 0;
    height:285px;
    width:auto;
    float:left;   
}
#content .holding .right .inner h2{
    font-size:2.1em;
    margin:0;
    padding:0;
}
#content .holding .right .inner p{
    padding:0 0 0.2em 0;
    margin:0;
}

/* TEXT FORMATTING */

#content h1{
    font-size:2.2em;
    padding:4px 0 0 0;
}
#content h2{
    font-size:1.8em;
    padding:0 0 0.2em 0;
    margin:0 0 0.2em 0;
    border-bottom:1px solid #CCC;
    width:100%;
}
#content h3{
    font-size:1.4em;
	padding:0 0 0.2em 0;
}
#content h4{
    font-size:1.4em;
    padding:0 0 0.2em 0;
	color:#FB8519;
}
#content h5{
    font-size:1.3em;
	padding:0 0 0.2em 0;
}
#content h6{
    font-size:1.2em;
    font-style:italic;
	padding:0 0 0.2em 0;
}
#content p{
    padding:0 0 0.6em 0;
    margin:1em 0 0.2em 0;
}
#content p a{
    font-weight:bold;
}
#content ol, #content ul{
    margin:0.5em 0.4em 0 0;
    padding:0 0 0.5em 1em;
}
#content li{
    margin:0.5em 0 0.4em 0.5em;
    padding:0 0 0 1em;
}