@charset "utf-8";

/*
	#
	#
		Global Rules:
			Use these as the new default in the body.
	#
	#
*/
BODY {
	font		: 13px Arial, Helvetica, sans-serif;
	line-height	: 20px;	
	/* Just so we center the design using [margin: 0 auto] on #container */
	text-align	: center;
}

A { 
	color			: #222;
	text-decoration	: none;
}

strong {
	font-weight: bold;
}


sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: top;
	position: relative;
	_position: static;
	font-size: .8em;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
#caption h2 sup,
#content h2 sup { 
	font-size: 12px; 
	top: -11px;
	*top: -13px;
}

/* Links in the body should be underlined */
#caption A,
#content A,
#breadcrumb A,
#footer A {
	text-decoration: underline;
}

/* Hover Rules for the A Tag */
A:hover {
	color: #0061b4!important;
}


/* 
	Container for the page which will allow us to center the design.
*/
#container {
	width		: 980px;
	margin		: 0 auto;
	text-align	: left;
}


/* 
	#
	#
		Header Styles
	#
	#
*/

#header {
	width	: 980px;
	height: 130px;
	position: relative;
}


/* 
	Main Image:
		Replace text with an image.
*/
#header H1 {
	width		: 187px;
	height		: 38px;
	display		: block;
	background	: url(../img/clearCapitalLogoTM.png) no-repeat;
	position	: absolute;
	top: 0;
	left: 20px;
	margin-top: 70px;
}

#header H1 A {
	display	: block;
	width	: 100%;
	height	: 100%;
}

#header H1 SPAN { 
	display	: none;
}


/* 
	Header Navigation		
*/

#header UL#nav {
	width: auto;
	height		: 50px;
	position: static;
	top			: 0px;
	background	: url(../img/orangeBar.png) repeat-x;
	margin-left: 260px;
	margin-right: 30px;
}

#header UL.secure_selected {
	background	: url(../img/grayBar.png) no-repeat top right!important;
}

#header UL#nav LI {
	display		: block;
	width		: 120px;
	height		: 55px;
	float		: left;
	border-top	: 5px solid #ffc220;
}
#header UL#nav LI A {
	font-size		: 14px;
	color			: #6a6b6e;
	padding			: 12px 0 0 1px;
	display			: block;
	width			: 100%;
	height			: 100%;
	line-height		: 15px;
}
/*
	Color the link and its top bar gray when selected. 
	You have to add the selected link by hand, no script or css magic does it for you.
*/
#header UL#nav LI.selected {
	border-top	: 5px solid #aaa;
}
#header UL#nav LI.selected A {
	color		: #aaa;
}
#header UL#nav LI.selected A:hover {
	color		: #aaa!important;
}



/* 
	Header Second level tabs Navigation		
*/
#header UL#secure_nav {
	margin-left: 260px;
	position	: absolute;
	top			: 100px;
}
#header UL#secure_nav LI {
	display		: block;
	width		: 119px;
	height		: 25px;
	float		: left;
	border-top	: 5px solid #ffc220;
	border-right: 1px solid #F1F1F1;
	background-color: #E3E3E3;
}
#header UL#secure_nav LI A, #header #secure_nav .noaccess {
	font-size		: 12px;
	color			: #6a6b6e;
	padding			: 2px 0 0 4px;
	display			: block;
}
/*
	Color the link and its top bar gray when selected. 
*/
#header UL#secure_nav LI.selected {
	border-top	: 5px solid #aaa;
	border-left	: 1px solid #ddd;
	border-right	: 1px solid #ddd;
	border-bottom	: 1px solid #F3F3F3;
	background-color: #F3F3F3;
}
#header UL#secure_nav LI.selected A {
	color		: #aaa;
}
#header UL#secure_nav LI.selected A:hover {
	color		: #aaa!important;
}
#header ul#nav li#secure_tab div#username_display {
	font-size: 10px;
	color: #AAA;
	position: absolute;
	top: 45px;
	left: 741px;
	line-height: 11px;
	width: 209px;
}
#header ul#nav li#secure_tab div#username_display strong {
	font-weight: 600;
	color: #AAA;
	font-size: 11px;
}

/*override for chat only*/
#header ul#secure_nav li.chat { cursor: pointer; border: 0; border-top: 5px #fff solid; width: auto; background: #fff; text-align: right; background: url(../images/chat/chatIcon.png) no-repeat; margin-left: 18px; }
#header ul#secure_nav li.chat a { margin-left: 23px; color: #0061b4; }
#header ul#secure_nav li.chat a:hover { text-decoration: underline; }

/*
	desc_links are a list of links prepended with either an orange square (seperate area),or a grey square (current location).
*/
UL.desc_links {
	width		: 238px;
	position	: absolute;
	top			: 9px;
	right		: 0;
}
UL.desc_links LI {
	padding		: 0 0 0 16px;
	background	: url(../img/orangeBlock.png) no-repeat center left;
}
UL.desc_links LI.selected {
	color		: #aaa;
	background	: url(../img/greyBlock.png) no-repeat 0 8px;
}
UL.desc_links LI.selected A {
	color		: #aaa;
}
UL.desc_links LI.selected A:hover {
	color		: #aaa!important;
}
/* Tertiary links are the sub options for the navigation of the desc_links. */
UL.desc_links LI.selected UL LI A {
	color		: #222222;
}

UL.desc_links LI.selected UL LI A:hover {
	color		: #0061b4!important;
}

UL.desc_links LI.selected UL LI.selected A {
	color		: #aaa;
}
UL.desc_links LI.selected UL LI.selected A:hover {
	color		: #aaa!important;
}

/*
	#
	#
		Breadcrumb styles
			The breadcrumb displays your current location and how you got there. 
				Home > Car > Parking Lot > Office > Desk
	#
	#
*/
#breadcrumb {
	height		: 80px;
	border-top	: 1px solid #ddd;
	margin		: 63px 0 0 0;
	clear: both;
}
#breadcrumb UL {
	margin		: 6px 0 0 0;
}
#breadcrumb UL LI {
	display		: inline;
	float		: left;
	padding		: 0 10px 0 4px;
	background 	: url(../img/breadcrumbSep.png) no-repeat center right; 
	line-height	: 24px;
	height		: 26px;
	font-size	: 12px;
}
#breadcrumb UL LI.first {
	padding		: 0 10px 0 1px;
}
#breadcrumb UL LI.current {
	background	: #fff none;
	color		: #6b6b6b;
}
#breadcrumb UL LI.current A {
	color			: #6b6b6b;
	text-decoration : none;
}
#breadcrumb UL LI.current A:hover {
	color			: #6b6b6b!important;
}

#footer {
	
	margin		: 0 30px 0 260px;
}
#footer A {
	color		: #222;
	font-size	: 12px;
}
#footer UL#main_footer_nav{
	width		: 690px;
	overflow	: hidden;
	margin		: 8px 0 0 0;
}
#footer UL#sub_footer_nav LI,
#footer UL#main_footer_nav LI {
	color		: #7b7c7e;
	font-size	: 9px;
	display		: inline;
	border-left	: 1px solid #7b7c73;
	padding		: 0 4px 0 7px;
}
#footer UL#sub_footer_nav LI.first {
	border		: 0px none;
	font-size	: 11px;
	padding		: 0 4px 0 0;
}
#footer UL#main_footer_nav LI.first {
	border		: 0px none;
	font-size	: 12px;
	padding		: 0 4px 0 0;
}
#footer UL#sub_footer_nav {
	width		: 690px;
	margin		: 2px 0 100px 0;
}
#footer UL#sub_footer_nav LI.first {
	border		: 0px none;
}
#footer UL#sub_footer_nav LI {
	border-left: 1px solid #7b7c73;
}

.cfdebug {
	text-align:left;
}

ol.ordered_news_list li { 
	margin-left:30px;
	margin-bottom:8px;
	list-style-position:outside !important;
	list-style-type:decimal !important;
}

.uline { text-decoration:underline; }
.ital { font-style:italic; }