body {
	margin: 0px;
	text-align: center;
	padding: 0;
	border: none;
	background: #FFFFFF url(images/bg_main.jpg) repeat-x;
}

div.globe {
	background: url(images/bg_globe.jpg) no-repeat 0px 0px;
}

div.noglobe {
	background: #FFFFFF;
}

div, p, tr, th, td, a, textarea, input, select, radio, h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #202020;
	font-style: normal;
	font-weight: normal;
}

th 
{
	font-family: Arial, Helvetica, sans-serif;
}

h1, h1.home {
	font-size: 18px;
	font-weight: normal;
	color: #CA5121;
	text-align: center;
	padding: 14px 0px 0px 0px;
	margin: 0px;
	line-height: 18px;
}

h1 sup {font-size: 16px;}

h1.home 
{
	color: #0a79c0;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-align: center;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration:none;
}

li {
	margin-bottom: 12px;
}

img {border-style:none; border-collapse:collapse;}

a, input.btnformat 
{
    font-weight:bold;
	color: #2d7ab0;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

hr 
{
    border: 1px solid #000000;
}

hr.divSection
{
    border: 1px solid #808080;
    margin: 6px 0px 6px 0px;
}

hr.gryvert
{
	width: 1px;
    border-color: #808080;    
	border-right: 1px solid;
	border-left: 1px solid;

}

.formFld {
	background-color: #FFFFFF;
	border: 1px solid #808080;
}

td.gryvert
{
	vertical-align: top;
	text-align: center;
}

input.btnformat 
{
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #2080a0;
	font-weight: bold;
	padding: 1px 7px 1px 7px;
}

input.disabled 
{
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #c0c0c0;
	font-weight: bold;
	padding: 1px 7px 1px 7px;
}

.gryvertline
{
    border-color: #808080;    
	border-left: 1px solid;
	border-right: 0px solid;
}

.contentborder 
{
	border-top: 1px solid #3984c4;
	border-right: 1px solid #3984c4;
	border-left: 1px solid #3984c4;
	border-bottom-color: #3984c4;
	background: #fff;
	padding-right: 0px;
	padding-left: 0px;
}


div#contentborder_iframe 
{
	border: none;
	padding-right: 18px;
	padding-left: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.black {
    color: #000000;
}

.bluetext, .bluebold
{
    color: #02446E;
}

.greentext, .greenbold
{
    color: #008000;
}

.bluebold, .greenbold {
	font-weight: bold;
}

.disabled, a.disabled, a.disabled:hover
 {color: #c0c0c0; text-decoration: none; font-weight:bold;}

td.topnav_bg{background: #1e62af url(images/bg_topnav.png) repeat-x;}

td.navborder
{
	border-top: 1px solid;
	border-color: #B4C8D1;
	width: 170px;
}

.tagline
{
	color: #0a79c0;
	margin: 12px;
	font: italic bold 24px Calibri, Arial, sans-serif;
}

.lspace 
{ 
    line-height: 6px;
}

td.pageheader
{
    background-color: #9ABFE2;
    border: 1px solid #9ABFE2;
	color: #000000;
	font-weight: bolder;
	text-align: center;
	font-size: 14px;
	padding: 3px 3px 3px 3px;
}

td.pagesubheader
{
	background-color: #B3B4DD;
    border: 1px solid #B3B4DD;
	color: #000000;
	font-weight: bolder;
	text-align: center;
	font-size: 14px;
	padding: 3px 3px 3px 3px;
}



td.sectionheader
{
	background-color: #D3D4E7;
	border: 1px solid #FFFFFF;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 2px 2px 2px 2px;
}

td.dataheader
{
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 2px 2px 2px 12px;
}

td.submenu, td.portalmenu
{
    background: #FFFFFF url(images/bg_submenu.png) repeat-x;
    color: #000000;
	font-weight: normal;
	text-align: center;
	padding: 12px 3px 6px 3px;
}

td.submenu
{
	border-bottom: 1px solid #3984c4;
}

td.portalmenu
{
	border-bottom: 1px solid #CE6762;
}

td.iframemenu
{
    color: #000000;
	font-weight: normal;
	text-align: center;
	padding: 12px 3px 6px 3px;
	border-bottom: 1px solid #3984c4;
}

td.portalheader 
{
    background: #CE6762 url(images/bg_portal_top.png) repeat-x;
    font-size: 18px;
    color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	padding: 6px 3px 6px 3px;
}

td.infoheader
{
	border: 1px solid #3984c4;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background: #3984c4 url(images/bg_side_hd.png) repeat-x;
	font-size: 12px;
	padding: 3px;
}

td.info, td.search_links_left {
	background-color: #FFFFFF;
	border: 1px solid #3984c4;
	color: #000000;
	margin: 0px;
	padding: 6px 8px;
}

td.info{text-align: center;}

td.search_links_left {text-align: left; margin: 0px; padding: 6px 8px;
}
td.search_links_left a {
	font-size: 12px;
	display: block;
	width: 134px;
	padding-top: 3px;
	padding-left: 11px;
	background: url(images/arrow_link.gif) no-repeat 0px 0px;
	padding-bottom: 4px;
}

td.search_links_left a:hover {
	font-size: 12px;
	display: block;
	width: 134px;
	padding-top: 3px;
	padding-left: 11px;
	background: url(images/arrow_link.gif) no-repeat 0px -44px;
	padding-bottom: 4px;
}
td.bg_foot {
	background: url(images/bg_foot.png) repeat-x 0px 0px;
}
table.side_column_table {
	margin-bottom: 16px;
}

td.borderblk 
{
    border: 1px solid #000000;
}

th.content {
	padding: 2px; border: #CCCCCC 1px solid;
	font-weight: bold;
	text-align:center;
}

td.content {
	padding: 2px; border: #CCCCCC 1px solid; vertical-align: top;
}

img.connlogo 
{
	vertical-align:middle;
	float:none;
}

img.googleimg 
{
    vertical-align:middle;
}

img.portallogo 
{
	vertical-align:top;
	height: 90px;
	width: 90px;
	float:right;
	margin: 0px 6px 0px 6px;
}

img.icon 
{
	padding: 0px 6px 0px 6px;
}

/* grid definitions */
/* if a page has more than one grid, copy the div#grid tag style
	to the page and rename it */
div#grid td, th {border: 1px solid #000000; padding: 1px 3px 1px 3px;}

table.grdData, tr.grdData, th.grdData, td.grdData
{
	COLOR: #000000;
	border: solid 1px #000000;
}

table.grdData 
{
	border-collapse: collapse;
}

tr.grdHeader, th.grdHeader, .grdHeader	, tr.grdFooter, td.grdFooter, .grdFooter {
	background-color: #EFEFEF;
	text-align: center;
	border: 1px solid #000000;
	font-weight: bold;
}

tr.grdItem, td.grdItem, tr.grdAltItem, td.grdAltItem, .grdItem, .grdAltItem {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
}

tr.grdItem, .grdItem 
{
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

tr.grdAltItem, .grdAltItem 
{
    background-color: #EFEFEF;
    border: 1px solid #000000;
}

tr.grdFooter, .grdFooter {
	font-size: 10px;
	COLOR: #000000;
}

p.toplink {
	text-align: right;
}

ol.uppercase 
{
	list-style-type:upper-alpha;
	
}

ul.levelone
{
	list-style-type:disc;
}

ul.leveltwo
{
	list-style-type:circle;
	padding-left: 14px;
}
 
div#loginheader table, div#loginheader tr
{
   padding: 3px 6px 3px 6px;
   background-color: #FFFFFF;
   border: solid 1px #808080;
   height: auto;
}

.imgheader
{
    padding: 12px;
}

p.sitemapText {	
	margin-left: 18px;
	line-height: 20px;
}

.required 
{
    color: #FF0000;
}

.txtBold 
{
    font-weight:bold;
}

.txtULine
{
    text-decoration: underline;
}

.txtReq {font-size: 14px; font-weight:bold; color:#FF0000; vertical-align:text-top;} 
.txtNotSpecified {color:#C00000; vertical-align:text-top;}

/* to format forms */
td.frmText{padding: 1px 4px 1px 4px; vertical-align:top;}
td.frmLabel{text-align:right;}
td.frmEntry{text-align:left;vertical-align:top;}
td.lblScreenInst{padding: 12px 0px 12px 0px; text-align:left;}
td.frmLabelTop, td.frmHelp {text-align:right; padding: 1px 1px 1px 1px; vertical-align:top;}
td.frmHelp {text-align:center;}


/* for intakeapp */
.frmExp {color: #808080;font-style:italic;}

/* errors message format; the margin is set the white becase of a .Net issue */
.errorText 
{
    font-size: 12px; 
    font-weight: normal; 
    color: #FF0000;
    margin: 1px;
}

/* errors message format for .Net validation; the margin is set the white becase of a .Net issue */
.validText 
{
    font-size: 12px; 
    font-weight: normal; 
    color: #FF0000;
    margin: 1px;
}

.userfeedback 
{
    color: #008000;
    font-weight:bold;
}

.errortext 
{
    color: #FF0020;
}

/* the following are for the logo on the portal pages */
div.logorollover {
    background:#FFFFFF;
    padding: 0;
    margin: 3px;
    border: 2px solid #FFFFFF;
}

div.logorollover a {
	display:block;
    margin:0;
    width:100%;
    padding: 2px;
    font-weight:bold;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    text-decoration:none;

}

div.logorollover a:hover {background:#2080a0;color:#2080a0;}

div#content 
{
	text-align:left;
	padding-right: 18px;
	padding-left: 18px;
	padding-bottom: 18px;
}

div#content table
    { 
    margin-left: auto;
    margin-right: auto;
    }

div#portal_table table {margin-left: auto; margin-right: auto; border-spacing: 0px;}
div#portal_table td, th {padding: 3px 5px 3px 5px; }

div#portal_table td.bordervert
    {
	border-left: 1px solid #202020;
    }
 div#portal_table td.bordertop
    {
    border-top: 1px solid #202020;
	border-left: 1px solid #202020;
    }
div#portal_table td.borderall, div#portal_table th.borderall
    {
    border-top: 1px solid #202020;
    border-left: 1px solid #202020;
    border-right: 1px solid #202020;
    }
div#portal_table td.borderbottom
    {
    border-bottom: 1px solid #202020;
    border-left: 1px solid #202020;
	border-right: 1px solid #202020;
}
/* the following are for the intakeApp */

/* for intakeapp left navigation */
td.navheader
{
    background-color: #9ABFE2;
    border: 1px solid #9ABFE2;
	color: #000000;
	font-weight: bolder;
	text-align: center;
}

td.nav, td.navSelected {
	background-color: #FFFFFF;
	border: 1px solid #0066cc;
	color: #0066cc;
	font-weight: normal;
	text-align: center;
}

td.navSelected {
	color: #FF0000;
}

.iframeMap
{
	width: 100%; 
	height: 700px;
	border: none;
}