﻿body
{
	background-color: #ffffff;
	/*font-family: Tahoma;*/
}
a:link {
	color: #034EA2;
}
a:visited {
	color: #396EAA;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.CF_Logo_COM
{
	color: #00008b;
	font-size: 22pt;
	font-weight: bold;
	font-family: 'Book Antiqua';
	vertical-align: top;
}

.CF_Logo_FOUR
{
	color: #b0c4de;
	font-size: 22pt;
	font-weight: bold;
	font-family: 'Book Antiqua';
	vertical-align: top;
}

.CF_Logo_CopyRight
{
	color: #b0c4de;
	font: book antiqua;
	font-size: 10pt;
	font-weight: bold;
	vertical-align: top;
}

.CF_SmallLogo_COM
{
	color: #00008b;
	font-size: 12pt;
	font-weight: bold;
	font-family: 'Book Antiqua';
	vertical-align: top;
}

.CF_SmallLogo_FOUR
{
	color: #b0c4de;
	font-size: 12pt;
	font-weight: bold;
	font-family: 'Book Antiqua';
	vertical-align: top;
}

.CF_SmallLogo_CopyRight
{
	color: #b0c4de;
	font: book antiqua;
	font-size: 4pt;
	font-weight: bold;
	vertical-align: top;
}

/*begin creating the tabs */
.menu {
	margin-left: 28px;
	background: url(../images/tab_bg.gif) repeat-x;
	font-size: 10px;
	font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
	color: #FFFFFF;
	height: 24px;
	background: url(../images/tab_dim.gif) no-repeat;
	width: 100px;
	text-align: center;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background: url(../images/tab.gif) no-repeat #919191;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
	text-decoration: underline;
}

/* make drop down menu container style */
.menuPopup {
	background: url(../images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
	color: #ffffff;
}

/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
}

/* define the main layout divs */
#body
{
	margin-left: 28px;
}

#header 
{
	background: #FFFFFF url(../images/lady-on-the-phone.jpg) no-repeat right top;
	height:	115px;
	margin-left: 28px;
}
#title
{
	float: left;
	top: 0px;	
}
#login
{
	float: right;
	bottom: 0px;
}
#navtop 
{

}
#navbottom
{
	margin-left: 28px;
	background-color: #b0c4de;
}
#maintop
{
	padding: 5px 5px 5px 5px;
	font-size: 20pt;
	color: #034EA2;
	background-color: #EDEEF7;
	border-left: solid 1px #034EA2;
	border-top: solid 1px #034EA2;
	border-right: solid 1px #034EA2;
	text-align: center;
}

#mainrpttop
{
	padding: 5px 5px 5px 5px;
	font-size: 20pt;
	color: #034EA2;
	background-color: #EDEEF7;
	width: 862px;
	border-left: solid 1px #034EA2;
	border-top: solid 1px #034EA2;
	border-right: solid 1px #034EA2;
	text-align: center;
}

#maincontent 
{
	padding: 5px 5px 5px 5px;
	width: 632px;
	background-color: #EDEEF7;
	color: #034EA2;
	border-left: solid 1px #034EA2;
	border-bottom: solid 1px #034EA2;
	border-right: solid 1px #034EA2;
	text-align: left;
	font-size: 0.8em;
	/*background: #edeef7; /*url(../images/bg_content.gif) repeat-y left top;
	border-left: solid 2px #034ea2;
	border-right: solid 2px #034ea2;*/
}
#mainrptcontent 
{
	padding: 5px 5px 5px 5px;
	width: 862px;
	background-color: #EDEEF7;
	color: #034EA2;
	border-left: solid 1px #034EA2;
	border-bottom: solid 1px #034EA2;
	border-right: solid 1px #034EA2;
	text-align: left;
	/*font-size: 0.8em;
	background: #edeef7; /*url(../images/bg_content.gif) repeat-y left top;
	border-left: solid 2px #034ea2;
	border-right: solid 2px #034ea2;*/
}

#leftcolumn
{
	width: 250px;
	color: #034EA2;
}

#rightcolumn
{

}
#copyright 
{
	margin-left: 28px;
	font-size: 10pt;
	color: #034EA2;
}
#smalllogoright 
{
	float: right;
}


#breadcrumb
{
	margin-left: 28px;
	background-color: #b0c4de;
}
#wrap
{
	
}
.spacer
{
	height: 20px;
}
/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility). I've also hidden the table in the admin_create_projects.html page */
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}

img {
	border: none;
}

.MainText
{
	color: #034EA2;
	height: 16px;
	background-color: #EDEEF7;
}

.ContentHeader
{
	padding: 5px 5px 5px 5px;
	font-size: 20pt;
	color: #034EA2;
	background-color: #EDEEF7;
}

.RedItalic
{
	padding: 5px 5px 5px 5px;
	width: 632px;
	background-color: #EDEEF7;
	color: Red;
	font-size: 9pt;
	font-style: italic;
	border-left: solid 1px #034EA2;
	border-bottom: solid 1px #034EA2;
	border-right: solid 1px #034EA2;
	text-align: left;	
}

.RedRptItalic
{
	padding: 5px 5px 5px 5px;
	width: 862px;
	background-color: #EDEEF7;
	color: Red;
	font-size: 9pt;
	font-style: italic;
	border-left: solid 1px #034EA2;
	border-bottom: solid 1px #034EA2;
	border-right: solid 1px #034EA2;
	text-align: left;	
}

.RedItalicNoBorder
{
	padding: 5px 5px 5px 5px;
	width: 632px;
	background-color: #EDEEF7;
	color: Red;
	font-size: 10pt;
	font-style: italic;
	text-align: left;	
}

.GridRow
{
	padding: 5px 5px 5px 5px;
}

.maincontent 
{
	padding: 5px 5px 5px 5px;
	width: 632px;
	background-color: #EDEEF7;
	color: #034EA2;
	border-left: solid 1px #034EA2;
	border-bottom: solid 1px #034EA2;
	border-right: solid 1px #034EA2;
	text-align: left;
	/*background: #edeef7; /*url(../images/bg_content.gif) repeat-y left top;
	border-left: solid 2px #034ea2;
	border-right: solid 2px #034ea2;*/
}

.maintop
{
	padding: 5px 5px 5px 5px;
	width: 632px;
	font-size: 20pt;
	color: #034EA2;
	background-color: #EDEEF7;
	border-left: solid 1px #034EA2;
	border-top: solid 1px #034EA2;
	border-right: solid 1px #034EA2;
	text-align: center;
}

.mainrpttop
{
	padding: 5px 5px 5px 5px;
	font-size: 20pt;
	color: #034EA2;
	background-color: #EDEEF7;
	width: 862px;
	border-left: solid 1px #034EA2;
	border-top: solid 1px #034EA2;
	border-right: solid 1px #034EA2;
	text-align: center;
}

.mainrptcontent 
{
	padding: 5px 5px 5px 5px;
	width: 862px;
	background-color: #EDEEF7;
	color: #034EA2;
	border-left: solid 1px #034EA2;
	border-bottom: solid 1px #034EA2;
	border-right: solid 1px #034EA2;
	text-align: left;
	/*font-size: 0.8em;
	background: #edeef7; /*url(../images/bg_content.gif) repeat-y left top;
	border-left: solid 2px #034ea2;
	border-right: solid 2px #034ea2;*/
}

/* tabel */
.table {
	background-color: #edeef7;
	border: 1px solid #034ea2;
}

.table td, th {
	border: 1px solid #034ea2;
	padding: 2px;
	/*font-size: 11px;*/
}

.table th {
	background-color: #034ea2;
	color: #edeef7;
}