﻿  /* CSS layout */
html, body {
    height: 100%;
	background-position: center;
	background-color: #ECE7EB;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	background-position: center;
	background-image: url('../images/generic/page_bg.gif');
	background-repeat: repeat-y;

}

 
a, a :link {
	text-decoration : underline;
	color: #3E5A9B;
} 
a:hover { 
    text-decoration : none; 
} 
img { 
    border-width : 0; 
}

table {
	width: 100%;
}

hr {
	height: 1px;
	border-color: #C8DBFC;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

  /* Container */
  
#container, #containerWide, #containerFull {
	width : 771px;
	margin-left : auto;
	margin-right : auto;
	padding : 0px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -100px auto;	

} 

#container {
	background-image: url('../images/generic/container_bg.gif');
	background-repeat: repeat-y;
}

#containerWide {
	background-image: url('../images/generic/container_wide_bg.gif');
	background-repeat: repeat-y;
} 


  /* Header Content */
  
#header {
	width : 769px;
	height : 180px;
	background-color: #FFFFFF;
	background-image: url('../images/generic/header_bg.gif');
	background-repeat: no-repeat;
	position : relative;
	float : left;

} 


#logo {
	background-image: url('../images/generic/logo.jpg');
	background-repeat : no-repeat;
	width : 141px;
	height : 128px;
	margin-top : 11px;
	margin-left : 0px;
	position : absolute;
} 

#logo h1{ 
   display : none; 
} 

#flashMask {
	width : 191px;
	height : 57px;
	margin-top : 63px;
	margin-left : 577px;
	position : absolute;
} 

 
  /* Navigation  */

#navigation {
	position : absolute;
	width : 604px;
	height: 29px;
	padding-left : 165px;
	padding-top : 6px;
	padding-bottom : 0px;
	margin-top: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	background-image: url('../images/generic/menu_bg.gif');
	background-repeat: repeat-x;
	color: #FFFFFF;
}

#navigation ul {
	float: left;
	list-style-type: none;
	padding: 0px;
	margin:0px
}

#navigation li {
	float: left;
	display: inline;
	padding-left:4px;
	font-size : 80%;
}

#navigation a {
	color: #FFFFFF;
	text-decoration: none;
}

#navigation a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#navigation #current{
    font-weight: bold;
    color: #FFFFFF;
	
}

  /* Split Column Content */
  
#WideColumn {
	position : relative;
	float : left;
	width : 608px;
} 
  
#WideColumn img {
   max-width: 600px;
   width: expression(this.width > 600 ? 600: true);  
}

#FullColumn {
	position : relative;
	float : left;
	width : 768px;
} 
  
#FullColumn img {
   max-width: 760px;
   width: expression(this.width > 760 ? 760: true);  
}

 
  
#SplitColumns {
	float : left;
	width : 609px;
} 
  
#splitLeft, #splitRight { 
    position : relative; 
    font-size : 12px; 
} 

#splitLeft { 
    float : left; 
    width : 400px
} 

#splitLeft img {
   max-width: 370px;
   width: expression(this.width > 370 ? 370: true);  
}

  
#splitRight {
	float : right;
	width : 174px;
	padding-top: 15px;
	text-align: center;

} 

  /* Left Column Content */
  
#leftColumn {
	float : left;
	width: 160px;
	margin-top : 0px;
	position : relative;
} 

#leftColumn img {
   max-width: 150px;
   width: expression(this.width > 150 ? 150: true);  
}


  /* Left Navigation */
  
.lhNav, .lhNavSub {
	width: 140px;
	margin-top: 0px;
	margin: 0px;
	float : left;
	position : relative;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	clear: left;
	color: #FFFFFF;
}

.lhNav{
	background-image: url('../images/generic/lh_menu_bg.gif');
	background-repeat: repeat-x;

}


.lhNav h1, .lhNavSub h2 {
	margin: 0;
	color: #FFFFFF;

}
.lhNav h1 {
	font-family: Georgia,Times New Roman,Times,serif;
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #3E5A9B;
	background-image: url('../images/generic/menu_header_bg.gif');
	background-repeat: repeat-x;
}

.lhNavSub h2 {
	font-size: 12px;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #2B4689;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	background-image: url('../images/generic/submenu_header_bg.gif');
	background-repeat: repeat-x;

}

.lhNav ul, .lhNavSub ul {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	list-style: none inside;

}
	
.lhNav li, .lhNavSub li {
	float: left;
	display: block;
	letter-spacing: 0;
}

.lhNav li a, .lhNavSub li a {
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	padding-left: 10px;

}

.lhNav li a{
   font-weight:bold;
}

.lhNav li a:hover, .lhNavSub a:hover {
	background-color: #FFFFFF;
	color: #000000;
}

  /* Left Contact */


#lhContact{
	font-size: 11px;
	color: #FFFFFF;
	width: 140px;
	position : relative;
	float : left;
	padding-top: 0px;
	margin-left: 0px;
	text-align: center;
	clear: left;
	background-image: url('../images/generic/lh_menu_bg.gif');
	background-repeat: repeat-x;


} 

#lhContact h1 {
	font-family: Georgia,Times New Roman,Times,serif;
	font-size: 12px;
	margin: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #3E5A9B;
	background-image: url('../images/generic/menu_header_bg.gif');
	background-repeat: repeat-x;
}


#lhContact a{

	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
} 

#lhContact ul {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	list-style: none inside;

}
	
#lhContact li {
	float: left;
	display: block;
	letter-spacing: 0;
}

#lhContact li a {
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	padding-left: 10px;

}

#lhContact li a{
   	font-family: Arial, Helvetica, sans-serif;
   	font-weight:bold;
   font-size: 12px;
}

#lhContact li a:hover {
	background-color: #FFFFFF;
	color: #000000;
}

  /* Right Column Content */
  
#rightContent{

}  

#rightContent a, #splitRight a{
    font-weight:bold

} 
  
#rightContent h1, #splitRight h1{
	font-size: 14px;
	color: #3E5A9B;
	font-family: Georgia, "Times New Roman", Times, serif;
} 
#rightContent h2, #splitRight h2{
	font-size: 12px;
	color: #7691C0;
	font-family: Georgia, "Times New Roman", Times, serif;
} 

#rightContent h3, #splitRight h3{

	font-size: 12px;
	border: 1px #C8DBFC solid;
	padding: 10px;
	margin-top : 0;
	margin-bottom : 0;
	font-weight: normal;
	color: #333333;
	background-color: #F2F1F6;
} 

#rightContent h4, #splitRight h4{
	font-size: 12px;
	border: 1px #CCCCCC solid;
	padding: 10px;
	margin-top : 0;
	margin-bottom : 0;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFFF;
} 

#rightContent h5, #splitRight h5{
	font-size: 12px;
	border: 1px #92B5F7 solid;
	padding: 10px;
	margin-top : 0;
	margin-bottom : 0;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFFF;
} 


.rightQuoteText {
	margin-top: 45px;
	font-size: 12pt;
	font-weight: bold;
	color: #666666;
}



#scroller{
	border-color: #92B5F7;
	border-style: solid;
	border-width: 1px;
}

.tickerstyle{
	width: 150px;
	height: 120px;
	border: 1px #C0C0C0 solid;
	background: #FFFFFF;
	padding: 8px;
	overflow: hidden;
}

.messagediv{
     display: none;
     background:#FFFFFF
}

#rightContent img {
   max-width: 170px;
   width: expression(this.width > 170 ? 170: true);  
}


  /* Main Column Content */

  
#mainContent {
	padding-left : 7px;
	padding-right: 0px;
	font-size : 13px;
	padding-bottom : 10px;
	padding-top: 15px;
	color: #333333;
} 

#mainContent a{

	font-weight: bold;
}

#mainContent h1 {

	margin-top : 10px;
	margin-bottom : 10px;
	font-size: 16px;
	color: #2B4689;
	font-weight: bolder;
}  

#mainContent h1 a {
	text-decoration: none;
	color: #2B4689;
}


#mainContent h2 {

	margin-top : 10px;
	margin-bottom : 10px;
	font-size: 13px;
	color: #2B4689;
	border-top-style: solid;
	border-top-color: #C8DBFC;
	border-top-width: 1px;
	padding-top: 8px;
}

#mainContent h2 a {
	text-decoration: none;
	color: #3E5A9B;
}



#mainContent h3 {
	border-top: 1px #3E5A9B solid;
	border-bottom: 1px #3E5A9B solid;
	padding: 5px 0 5px 8px;
	margin-top : 0;
	margin-bottom : 0;
	font-size: 14px;
	color: #333333;
	background-color: #F2F1F6;
}

h4 {
	border: 1px #C8DBFC solid;
	padding: 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	background-color: #F2F1F6;
} 



#mainContent h5 {
	border: 1px #C8DBFC solid;
	padding: 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	background-color: #FFFF
}


#mainContent h6 {
	margin-top : 0;
	margin-bottom : 0;
	font-size: small;
	color: #5A7DB1;
}

#mainContent ul {
	list-style: square;
	border-left: 15px;
	margin-top: 1px;
} 
#mainContent li {

}
.imageRightAlign {
	padding: 0 0 0 10px;
	float: right;
}

.imageLeftAlign {
	padding: 0 10px 0 0;
	float: left;
}


  /* Footer Content */
  
#footer, .push { 
    height: 100px; 
} 

.clear{
	clear: both;
}  
  
  
#footer {
	background-position: top;
	clear: both;
	width : 771px;
	margin-left : auto;
	margin-right : auto;
	padding-top : 25px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
	text-align: center;
	font-size : 70%;
	color : #8B8B8B;
	background-image: url('../images/generic/footer_bg.gif');
	background-repeat: no-repeat;
}
#footer a {
	color : #8B8B8B;
	text-decoration: none;
} 
#footer a:hover {

	text-decoration: underline;
} 

  /* Odd Text Styles */
  

.centre {
	text-align: center;
}
 
.LargerText {
	font-size: 14pt;
}

.LargeText {
	font-size: 12pt;
}

.extraSmallText {
	font-size: xx-small;
}

.block {
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 7px;
	padding-right : 7px;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
}

.indentText {
	margin-left: 40px;
}


.emailUnderline{
	text-decoration: underline;
	font-size: 13px;
}

.bookmarkStyle {
	font-weight: normal;
	color: #000000;
}




 
  /* Other Content for possible forms */
  
.formText, .formField { 
margin-top : 20px; 
} 
.formText { 
padding : 0 0 0 10px; 
float : left; 
position : relative; 
width : 160px; 
} 
.formField { 
float : left; 
position : relative; 
} 
fieldset { 
padding : 10px 10px 10px 10px; 
border : 1px solid #cccccc; 
} 
legend { 
color : #29647a; 
font-size : 150%; 
} 
input { 

font-size : small; 
} 
textarea { 
border : 1px solid #999999; 
font-size : small; 
font-family : Arial, Helvetica, sans-serif; 
} 







