body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	font-size:12px;
}




a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

.divline{border:1px #CCCCCC solid}			

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#master{
	padding: 0px;
	width: 800px;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* Head page */
#headpage
{
	width:800px;
	height:80px;
	background-image:url(images/newblueheader.jpg);
}

#topBar
{
	background-color:#006FC0;
	height:5px;
	margin-bottom:5px;
	width:100%;
}

/*********With Top Header Advert images*******
#headpage .logo
{
	float:left;
	width:220px;
	height:55px;	
}

#headpage .TopAdvert {
	float:left;
	width:340px;
	height:55px;
	
}

#headpage .toplink {
	float:left;
	width:240px;
	height:55px;
	
}
.topMiniLink
{
	width:240px;
	font-size:10px;
	color:#000000;
	margin-bottom:2px;
	height:15px;
}
*********End With Top Header Advert images*******/

/*********Without Top Header Advert images*******/
#headpage .logo
{
	float:left;
	width:231px;
	height:55px;	
}

#headpage .toplink {
	float:left;
	width:568px;
	height:55px;
	
}
#headpage .toplink a{
color:#FFFFFF;
}
#headpage .toplink a:hover{
color:#FFFFFF;
text-decoration:underline;
}
.topMiniLink
{
	width:568px;
	font-size:10px;
	color:#000000;
	margin-bottom:2px;
	height:15px;
}
/*********End Without Top Header Advert images*******/

.topMiniLink a
{
	border-right-style:solid;
	border-right-width:1px;
	padding-right:5px;
	padding-left:5px;	
	color:#FFFFFF;
}

.searchBar
{
	display:block;
	padding-bottom:5px;
	padding-top:5px;
	}
.searchText {
	BORDER-RIGHT: #d2d2d2 1px solid; BORDER-TOP: #d2d2d2 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #d2d2d2 1px solid; COLOR: #747474; BORDER-BOTTOM: #d2d2d2 1px solid; FONT-FAMILY: arial, helvetica, sans serif
}
.searchbtn {
 FONT-FAMILY: arial, helvetica, sans serif;
 font-size:10px;
 color:#444444;
}
.txtsizer
{ color:000000;
}
.hrule
{
	border-color:#BCCCD6;
	border-style:solid;
	border-width:0.1em;
	margin-top:5px;
	margin-bottom:8px;
}
/*********END HEADER****************/


.hrule2 {padding-top:10px;
padding-bottom:0px;}
	
#content{
  	width: 800px;
	margin: 0;
	padding: 0;
	
}

/********************Left Navigation of the Content Page*************/
 #content .leftNav{
  	float:left;
	margin-right:1px;
	width:150px;
	padding: 0;
	}

#content .leftNav p
{
	padding-top:11px;	
}

#content .leftNav p a
{
	padding-top:11px;	
}


#pod
{
	width:inherit;
	border: 1px solid #DDE6F1;
	color:031A65;
	margin-bottom:15px;
	font-size:11px;
	background-color:#FFFFFF;
	z-index:1px;
	
}

#pod .title
{
background:url(images/pod_titlebg.jpg);
	border-bottom:solid;
	border-width:1px;
	border-bottom-color:#DDE6F1;
	color:#004276;
	padding-left:11px;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:4px;	
}

#pod .title2
{
	background-color:#ffffff;
	border-bottom:solid;
	border-width:1px;
	border-bottom-color:#DDE6F1;
	color:#004276;
	padding-top:4px;
	padding-bottom:4px;	
}

#pod a, #pod p
{
	display:block;
	padding-bottom:4px;
	padding-left:10px;
	padding-top:4px;
	font-size:11px;
	color:#000000;	
}


/*****************Vertical Accordion*************/

.accordion_list {	
	
	width:inherit;
	border: 1px solid #DDE6F1;
	color:031A65;
	/*background-color:#F2F2F2;*/
	background:#FFFFFF url(images/pod_titlebg.jpg) repeat-x;
	font-size:11px;
	margin-bottom:15px;	
	}
.accordion_head {
	padding: 2px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
	background-color:#FFFFFF;
    
   	
	}
.accordion_body {
	display:none;
	
}
.accordion_body a{
  display:block;
  color:#006699;
  padding: 4px 0;
  padding-left:10px;
  font-size:11px;
  text-decoration:none;
  width: auto;
  background: url(arrowbullet.png) no-repeat center left;
}
.accordion__body a:hover{
  color: #000000;
  text-decoration:underline;
  }
.accordion_title
{
	/*background-color:#ffffff;*/
	background:url(images/pod_titlebg.jpg) repeat-x;
	border-bottom:solid;
	border-width:1px;
	border-bottom-color:#DDE6F1;
	color:#004276;
	padding-left:11px;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:4px;	
}
/**************End Left Navigation****************/

#content .separator
{
	width:inherit;
	height:7px;
}


/***************Start Right Navigation*******/

#content .rightNav{
  	float:right;
	width: 630px;
	margin: 0;
	padding: 0;
	}
	
#content .rightNav .contentBanner
{
	vertical-align:middle;
	margin-bottom:5px; 
	margin-top:5px;
	z-index:1;
}

#content .rightNav .contentBanner2
{
	vertical-align:middle;
	margin-bottom:5px; 
	margin-top:5px;
	border:1px solid #D5E0E6;
	background-color:#FFFFFF;
}

#content .rightNav .contentadv
{
	margin-bottom:5px; 
	margin-top:10px;
	border:1px solid #D5E0E6;
	background-color:#F2F2F2;
}

.advimg {margin-right:5px;
padding-right:5px;
border-right:1px #000000 dashed;}

#content .rightNav .newsflash
{
	height:12px;
	padding:8px 12px 12px 60px;
	font-size:12px;
	color:#000000;
	margin-bottom:5px;
	background:url(images/newHeader.jpg) no-repeat;
	
}
#content .rightNav .newsflash a
{
	font-size:12px;
	color:#000000;
	text-decoration:none;
	
	
	
}

#content .rightNav .pagename
{
	vertical-align:middle;
	color:#08288d;
	padding-top:10px;
	padding-bottom:10px;
	font-size:16px;
	font-weight:bold;	
}

#content .rightNav .pagename2
{
	vertical-align:middle;
	color:#08288d;
	padding-top:2px;
	padding-bottom:2px;
	font-size:16px;
	font-weight:bold;	
}
#content .rightNav .breadCrumb
{
	/*height:38px;*/
	height:20px;
	vertical-align:middle;
	padding:6px 6px;
	color:#08288d;	
	background-color:#D9D9D9;
	margin-bottom:2px;	
}

.crumbLeft {float:left;
width:320px;
}

.crumbRight {float:right;
width:290px;
text-align:right;}

#content .rightNav .mainarea
{ font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
}
/*****************End right navigation************/

/* ~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { display: block; position: absolute; position: absolute; top: 0; left: 0; }

.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #666; text-decoration: none; }

.fontResizer a:hover { color: #000; text-decoration: none; }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 13px; }

.largeFont { font-size: 15px; }

.curFont { background: #EEEEF7; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS END~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/**********footer**************/
#footer
{
	width:100%;
	height:50px;
}

#footer .catch-phrase
{
	font-weight: bold;
	color: #031A65;
	float:right;
	width:150px;
	font-size:11px;
	text-align:right;
}

#footer .disclaimer
{
	color:#000000;
	font-size:10px;
}

#footer .links
{
	color: #031A65;
	font-size:10px;
}
.clearBoth
{
	clear:both;
}



#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}

/**************contact us ****************/

.adressdiv
{
	border-right-style:solid;
	border-right-width:1px;
	border-left-style:solid;
	border-left-width:1px;
	padding-right:5px;
	padding-left:5px;	
	color:#000000;
}


/***************accordion for Directors************/

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0;
color:#333333;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #06529e;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #333333;
}


/************Sprytabbed Panels*****************/

@charset "UTF-8";

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 631px; 
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	top: 1px;
	float: left;
	padding: 4px 6px 4px 6px;
	margin: 0px 1px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif
	background-color: #FFFFFF;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	background-color: #CCC;
}


.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}


.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsTab p {
	color: black;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #6b9ccc; FONT-FAMILY: arial, helvetica, sans serif;
	line-height:5px;
	text-decoration: none;
}


.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #FFFFFF;
	padding-left:5px;
	padding-right:5px;
}


.TabbedPanelsContent {
	padding: 4px;
}


.TabbedPanelsContentVisible {
}


.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}


.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}


.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}



/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

/* ######### CORE MENU BAR ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Arial, Helvetica, sans-serif;
list-style-type: none;
border-bottom: 1px solid gray;
background: #0C3297;
overflow: hidden;
width: 100%;
z-index:2;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 10px 6px 10px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background:#0C3297 url(images/menu_bg.jpg) repeat-x;
}

/*.mattblackmenu li a:visited{
color: #ffffff;
background:url(images/menu_bg.jpg) repeat-x;
}*/

.mattblackmenu li a:active, .mattblackmenu li a:hover{
background:url(images/menu_over.jpg) repeat-x;
color:#123082;
}

.mattblackmenu a.selected{
background:url(images/menu_over.jpg) repeat-x;
color:#123082;
}

/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: auto; /*width of menu (not including side paddings)*/
color: black;
background-color:#F5FAFF;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #0065C0;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/********************END CORE MENU BAR*******************/

/*****************PIN LOGIN BOX*******************************/
.loginbg{ background:url(images/login_BG.jpg) repeat-x;
color: #000000;
font-weight:bold;
padding-top:3px;
font-size:11px;
text-align:center;}

.pinbox{
margin-top:5px;
width:138px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:2px;
color: #000000;
}
.pinsubmit{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:2px;

}

/************START CONTENT SLIDER***********************/
.contentslide{
	border-bottom-width: 0px;
	padding: 0px;
	width: 630px;
	height: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 630px;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}
.contentslide img a{border:0px}
.pagination{
	width: 630px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
	text-align: right;
	margin-right:5px;
	/*background-color:#CCC; Left/ right border width of pagination DIV.*/
	background:url(images/login_BG.jpg) repeat-x;
	padding: 1px 0 1px 0;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: auto; /*IE5 width*/
w\idth: 245px; /*IE6 width*/
}

.pagination a{
	padding: 0 0px;
	text-decoration: none;
	color:#000000;
	font-weight:bold;
	/*color: #2e6ab1;
	background-color: #ccc;
	border: 1px solid #CCCCCC;*/
}

.pagination a:hover, .pagination a.selected{
	color: #FFFFFF;
	font-weight:bold;
	background:#0C3297 url(images/menu_bg.jpg) repeat-x;
}
/*******************END CONTENT SLIDER********************/


