/* ------------------------------------------------------------------------------------------- */
/*     Main Body and HTML styles...                                                            */
/* ------------------------------------------------------------------------------------------- */
html,body,td,th,p,li	{
	
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #ffffff;
	color: #444444;
	font-size: x-small;


}

img { vertical-align:baseline}

html,body { 
	text-align: center; 
	background-color: transparent; 
}

td,th,p,li { 
	text-align: left; 
}


html {
	
	background-color : #ffffff; border: 0 solid #000000; 
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #3d3d3d; 
	scrollbar-3dlight-color: #8c8c8d; 
	scrollbar-arrow-color: #3d3d3d; 
	scrollbar-track-color: #f5f5f5; 
	scrollbar-darkshadow-color: #bcbcbc;
	overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;	
}


body	{
	
	font-family: verdana, arial;
	font-size: x-small;
	font-weight: normal;
	color: #444444;
	background-color: #ffffff;
	text-align: center;

}




h1 	{
	color: #006f45;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 15px;
}

h2 {
	color: #454444;
	font-family: verdana, arial;
	font-size: medium;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
}

h3 		{
	color: #454444;
	font-family: verdana, arial;
	font-size: small;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}

h4 	{
	color: #454444;
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 20px;
}



form {
	margin: 0px;
	padding: 0px;
}

input {  width: 120px; border: 1px solid #BEBFBF; color: #3F3D3D;}
textarea {  width: 120px; border: 1px solid #BEBFBF; color: #3F3D3D;}
select {  width: 124px; border: 1px solid #BEBFBF; color: #3F3D3D;}
.checkbox { border: 0px solid #BEBFBF;}


/* ------------------------------------------------------------------------------------------- */
/*     Site Structure Styles - Used to control main work areas and structure of site           */
/* ------------------------------------------------------------------------------------------- */



#contentHolder {
	border: 1px solid #e0e0e0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 778px;
	padding: 0px;
	background-image:url(../images/leftBg.gif); 
	background-position:left; 
	background-repeat:repeat-y;
}

#content {
	float: left;
	width: 584px;
	border: 0px solid red;
	vertical-align: top;
	margin: 0px;
	text-align: left;
	padding-left:10px;
	padding-top:15px;
	padding-bottom:15px;
}

.mainWorkArea {
	padding:10px;
}

/* ---------------------------------*/
/*    Header                        */
/* -------------------------------- */

#header {

	margin: 0px;
	padding: 0px;
	width: 778px;
	background-color: #ffffff;
	border-bottom:1px solid #e0e0e0;
	height:92px;
}

.logo { padding-left: 10px; padding-top:27px;}


.headerImg { background-image: url(../images/header/headerImg.jpg); background-position:right; background-repeat:no-repeat; width: 778px; height:92px;}

/* ---------------------------------*/
/*    Left Bar                      */
/* -------------------------------- */

#leftBar {
	vertical-align: top;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 184px;
	border-top: 1px solid white;
}

.search { background-color:#6d6d6d;}
.search td{ background-color:#6d6d6d; color:#FFFFFF; font-weight:bold; padding:5px}

.welcome{ background-color:#e0e0e0; border-bottom: 1px solid #ffffff; font-size:11px; font-weight:bold; color:#454444; padding:8px}
.welcomelink { color:#454444; font-size:10px; font-weight:normal; margin-top:10px}
.welcomelink a:link{ color:#454444; font-size:10px; font-weight:normal; text-decoration:underline}
.welcomelink a:visited{ color:#454444; font-size:10px; font-weight:normal; text-decoration:underline}
.welcomelink a:hover{ color:#454444; font-size:10px; font-weight:normal; text-decoration:underline}
.welcomelink a:active{ color:#454444; font-size:10px; font-weight:normal; text-decoration:underline}

.portfolio { background-color:#e0e0e0; border-bottom: 1px solid #ffffff; padding:8px}
.portfolio a:link {font-size:11px; font-weight:bold; color:#454444; text-decoration: none;}
.portfolio a:visited {font-size:11px; font-weight:bold; color:#454444; text-decoration: none;}
.portfolio a:hover {font-size:11px; font-weight:bold; color:#006f45; text-decoration: underline;}
.portfolio a:active {font-size:11px; font-weight:bold; color:#006f45; text-decoration: underline;}


/* ---------------------------------*/
/*    Footer                        */
/* -------------------------------- */

#footer {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 758px;
	background-color:#ffffff;
	border-top:1px solid #e0e0e0;
	height:14px;
	font-size:10px; 
	color:#a4a4a4;
	padding:10px;
}

.footer {font-size:10px; color:#a4a4a4; float:right}
.footer img { vertical-align:middle}
.footer a:link {font-size:10px; color:#a4a4a4; text-decoration:none}
.footer a:visited {font-size:10px; color:#a4a4a4; text-decoration:none}
.footer a:hover {font-size:10px; color:#a4a4a4; text-decoration:underline}
.footer a:active {font-size:10px; color:#a4a4a4; text-decoration:none}


/* ---------------------------------*/
/*    Popup Windows                 */
/* -------------------------------- */

#popupTab {
	margin: 2px;
	padding: 0px;
	position: relative;
	top: 1px;
	z-index: 101;
	float:left;
}


#popupTab img {
	float:left;
}

.popupTabContent {
	position:relative; 
	top:-2px;
	border: 1px solid #0098c1;
	float:left;
	padding: 20px;
	margin:2px;	
	background-color: #bfe1f3;
	border-top:0px;
	z-Index: 105;
}


/* ------------------------------------------------------------------------------------------- */
/*    Link Styles																	           */
/* ------------------------------------------------------------------------------------------- */

a:link	{
	
	text-decoration: none;
	color: #444444;
}

a:active	{
	text-decoration: none;
	color: #444444;
}

a:visited	{
	text-decoration: none;
	color: #444444;
}

a:hover		{
	text-decoration: underline;
	color:#006f45
}




/* ------------------------------------------------------------------------------------------- */
/*    Miscellaneous -  Cursor styles, font weight etc..										   */
/* ------------------------------------------------------------------------------------------- */


.titleHelp {
	cursor: help;
}

bold	{
	font-weight: bold;
}

italic	{
	font-style: italic;
}

.underline { 
	text-decoration:underline
}
.red {color: #CC0000}



/* ------------------------------------------------------------------------------------------- */
/*    Alignment Styles -  Left align, floatRight etc										   */
/* ------------------------------------------------------------------------------------------- */


.clear {
    clear:both;
  }
  

.alignLeft {
	text-align:left
}

.alignCenter {
	text-align:center
}

.alignRight {
	text-align:right
}

.floatLeft {
	float: left;
}

.floatRight {
	float:right
}

.hidden {
	display:none;
}


/* ------------------------------------------------------------------------------------------- */
/*    TAB Styles -  Used via Tabs function													   */
/* ------------------------------------------------------------------------------------------- */

.mainTabs {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	top: 1px;
		z-index: 101;
}

.mainTabs h2 {
	margin: 0px;
	font-size: xx-small;
	float: left;
	padding: 4px;
	text-align: center;
	margin-right: 2px;
	width: 140px;
	border: solid 1px #0089D0;
	color: #000000;
	font-weight: bold;
}

.mainTabs h2 a {
	display: block;
	padding: 4px;
	font-size: xx-small;
	color: #000000;
	text-decoration: none;
}

.mainTabs h2 a:hover {
	color: #000000;
	background-color: #DDF2F9;
	font-size: xx-small;
}

.mainTabs h2 a:visited {
	color: #000000;
	font-size: xx-small;
	text-decoration: none;
}

.mainTabs h2.selNav {
	background-color: #94AE71;
	border-bottom: 1px solid #DDF2F9;
	background-color: #DDF2F9;
	font-size: xx-small;
}

.mainTabs h2.accessDenied {
	background-color: #E7E7E7;
	background-color: #7B7C7D;
	font-size: xx-small;
}

#mainTabArea {
	font-size: xx-small;
	border: solid 1px #0089D0;
	background-color: #DDF2F9;
	padding: 5px;
	text-align:left;
	width: 610px ;
}

#mainTabAreaHeader {
	font-size: xx-small;
	border: solid 1px #0099CC;
	background-color: #F8FEF9;
	padding: 5px;
	text-align:left;
	margin-bottom: 5px;
}

#mainTabAreaHeader h2 {
	font-size: small;
}



/* ------------------------------------------------------------------------------------------- */
/*   general													   */
/* ------------------------------------------------------------------------------------------- */


.nowrap {white-space:nowrap;}

/* ------------------------------------------------------------------------------------------- */
/*    Homepage													   */
/* ------------------------------------------------------------------------------------------- */

.title { margin-bottom: 15px;}

.logonBg { 
background-image:url(../images/homepage/logonImage.jpg); background-position:left; background-repeat:no-repeat;
width:569px;
height:205px;
border-top: 19px solid #c5c5c5;
border-bottom: 15px solid #c5c5c5;
}

.logonArea { background-image:url(../images/homepage/loginBg.gif); background-position:left; background-repeat:no-repeat; width:204px; height:158px; margin-top:20px; margin-left:334px; padding:3px;}

.logonArea table { margin-top:15px; margin-left:10px; border:0px solid red; width:150px}
.logonArea td { background-color:transparent; font-size:10px; color:#FFFFFF; font-weight:bold; padding:3px}
.logonArea td input{ width: 100px; font-size:10px; color:#444444;}
.logonArea td a:link{ font-size:9px; color:#FFFFFF; font-weight:normal; text-decoration:underline}
.logonArea td a:visited{ font-size:9px; color:#FFFFFF; font-weight:normal; text-decoration:underline}
.logonArea td a:hover{ font-size:9px; color:#FFFFFF; font-weight:normal; text-decoration:underline}
.logonArea td a:active{ font-size:9px; color:#FFFFFF; font-weight:normal; text-decoration:underline}

/* ------------------------------------------------------------------------------------------- */
/*   page Numbers													   */
/* ------------------------------------------------------------------------------------------- */

.pageNumbers {float: right; margin-right:10px; vertical-align:middle}

.pageNumbers ul {  padding:0; 
  margin:0; 
  list-style-type:none;
  white-space:nowrap;
}
.pageNumbers li{ color: #444444; list-style:none; list-style-type: none; font-size: 10px; background-color:#ffffff; margin: 0px; padding: 0px;  float:left; margin-right: 3px; border:1px solid #e0e0e0; font-weight:bold; } 


.pageNumbers li a{ color: #a1a1a1; list-style:none; list-style-type: none; font-size: 10px; background-color:#bababa; margin: 0px; padding: 0px; display:block;}

.pageNumbers li a:link{color: #a1a1a1; background-color:#ffffff; border: 3px solid #ffffff; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; text-decoration:none;}
.pageNumbers li a:visited{color: #a1a1a1; background-color:#ffffff; border: 3px solid #ffffff; border-left: 5px solid #ffffff; border-right: 5px solid #ffffff; text-decoration:none;}
.pageNumbers li a:hover{color: #FFFFFF; background-color:#6d6d6d; border: 3px solid #6d6d6d; border-left: 5px solid #6d6d6d; border-right: 5px solid #6d6d6d; text-decoration:none;}
.pageNumbers li a:active{color: #FFFFFF; background-color:#6d6d6d; border: 3px solid #6d6d6d; border-left: 5px solid #6d6d6d; border-right: 5px solid #6d6d6d; text-decoration:none;} 

/* ------------------------------------------------------------------------------------------- */
/*   Sitepage													   */
/* ------------------------------------------------------------------------------------------- */

.numberedList { background-image:url(../images/greenDotted.gif); background-position:top; background-repeat:repeat-x; border:0px solid red; padding-top:1px; margin-top:10px; margin-right:10px}

.numberedList ol{ margin-left:25px; margin-top:5px;}
html>body .numberedList ol{ margin-left:-15px;}

.numberedList li{ background-image:url(../images/greyDotted.gif); background-position:bottom; background-repeat:repeat-x; padding:5px; font-weight:bold; margin:0px;}

.numberedList li a:link{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#444444}
.numberedList li a:visited{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#444444}
.numberedList li a:hover{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#006f45}
.numberedList li a:active{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#444444}


.key table{ border:1px solid #e0e0e0}
.key td{ padding:3px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#444444;  text-align:center}
.key td img{ vertical-align:middle; margin:3px}


.numberedListOptions { border:0px solid red; padding-top:1px; margin:10px 10px 0px 0px; }

/*.numberedListOptions { background-image:url(../images/greenDotted.gif); background-position:top; background-repeat:repeat-x; border:0px solid red; padding-top:1px; margin-top:10px; margin-right:10px}
*/
.numberedListOptions ol{ margin-left:25px; margin-top:5px;}
html>body .numberedListOptions ol{ margin-left:-15px;}

.numberedListOptions li{ background-image:url(../images/greyDotted.gif); background-position:bottom; background-repeat:repeat-x; padding:5px 5px 8px 5px; font-weight:bold; margin:0px; vertical-align:top; }

.numberedTableOptions table { width:100%}
.numberedTableDivide {background-image:url(../images/greyDotted.gif); background-position:bottom; background-repeat:repeat-x; height:1px}
.numberedTableOptions td { padding-bottom:3px; background-color:transaprent}


.optionsArea { float:right; width:215px; ;}
.optionsName {width:320px; border: 0px solid red; margin-top:10px; margin-bottom:0px; font-weight:normal}
html>body .optionsName { margin-bottom:5px; margin-top:5px;}
.optionsRight {border: 1px solid #e0e0e0; padding:1px; float:right; margin-right:2px; padding-left:2px }
.optionsRight a:link{ font-size:9px; font-weight:normal; text-decoration:none}
.optionsRight a:visited{ font-size:9px; font-weight:normal; text-decoration:none}
.optionsRight a:hover{ font-size:9px; font-weight:normal; text-decoration:none}
.optionsRight a:active{ font-size:9px; font-weight:normal; text-decoration:none}
.optionsRight img { padding:3px; vertical-align:middle; border:0px }

.crumbtrail { color:#006f45; font-size:10px; margin-bottom:15px}
.crumbtrail a:link{ color:#006f45; font-size:10px}
.crumbtrail a:visited{ color:#006f45; font-size:10px}
.crumbtrail a:hover{ color:#006f45; font-size:10px; text-decoration:underline}
.crumbtrail a:active{ color:#006f45; font-size:10px; font-weight:bold; text-decoration:underline}

.pdfIcon { float:right; width:16px; border:0px; padding:0px}

.marginBottom { margin-bottom:10px;}
.marginTop { margin-top:10px;}


.contactForm { margin-left:60px;}
.contactForm input { border:1px solid #006f45}
.contactForm textarea { border:1px solid #006f45}

.dottedLine { background-image:url(../images/greenDotted.gif); background-position:top; background-repeat:repeat-x; border:0px solid red; padding-top:1px; margin-top:0px; margin-right:10px; margin-bottom:10px}

/* ------------------------------------------------------------------------------------------- */
/*   search list													   */
/* ------------------------------------------------------------------------------------------- */

.searchList { background-image:url(../images/greenDotted.gif); background-position:top; background-repeat:repeat-x; border:0px solid red; padding-top:1px; margin-top:10px; margin-right:10px}

.searchList ul{ margin-left:25px; margin-top:5px;}
html>body .searchList ul{ margin-left:-15px;}

.searchList li{ background-image:url(../images/greyDotted.gif); background-position:bottom; background-repeat:repeat-x; padding:5px 0px 5px 5px;  font-weight:normal; margin:0px;}

.searchList li a:link{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#444444}
.searchList li a:visited{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#444444}
.searchList li a:hover{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#006f45}
.searchList li a:active{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#444444}

.siteSearchHeader { background-color:#E5EFEC; padding:5px; margin-right:2px; margin-bottom:10px;}
.siteSearchHeaderText { color:#000000;width:300px;float:left;}
.siteSearchHeaderLink { color:#000000;width:55px;float:right;}
.siteSearchHeaderLink li a:link{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#444444}
.siteSearchHeaderLink li a:visited{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#444444}
.siteSearchHeaderLink li a:hover{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#006f45}
.siteSearchHeaderLink li a:active{ font-size:10px; text-transform:capitalize; font-weight:normal; color:#444444}

/* ------------------------------------------------------------------------------------------- */
/*    HELP Styles                                           								   */
/* ------------------------------------------------------------------------------------------- */

.popupHelpBox
{
    background-color:#ffffff;
    text-align:left;
    width:250px;
    border:1px solid #006F45;
    z-index:106;
}

.popupHelpBox .header
{
    background-color: #E5EFEC;
    border-bottom:1px solid #006F45;
    padding:5px;   
    color:#006F45;
    font-size:16px;  
}

.popupHelpBox .helpContent
{
    margin:0px;
    background-color:#ffffff;
    padding:10px;
    
}

.popupHelpBox .helpContentBlue
{
    margin:0px;
    background-color: #F0F7FD;
    padding:10px;
    
}