﻿/* Standard Blue theme:                        */
* {
	padding:0;
	margin:0;
}

body {
    margin: 0;
    padding: 0;
    background: #fff url(images/bkg.gif) repeat-x top left;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    position: static;
    text-align: left;
    min-width:720px;
}

img {border: 0;}

a:link {
	color:#206A8C;
	text-decoration: none;
}

a:visited {
	color:#206A8C;
	text-decoration: none;
}
	
a:hover {
	text-decoration: none;
	color:#529EBF;
}

h1
{
    color: #000000;
    font-family: georgia, sans;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
}


#hintbox { position: absolute; top: 0; background: #89B5E6; width: 400px; padding: 3px; border: 1px solid black; font: normal 11px Verdana; line-height: 18px; z-index: 100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden;  }
#hintbox table 
{
	width: 100%;
	border-width: 2px;
	border-style: outset;
	border-color: black;
	border-collapse: collapse;
	background-color: #faf0e6;
}

#hintbox th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;	
}

#hintbox td
{
	border-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	text-align: right;
}

.hovermenu { background: #F1F6A4; width: 100px; padding: 3px; border: 1px solid black; font: normal 11px Verdana; line-height: 18px; z-index: 100; border-right: 3px solid black; border-bottom: 3px solid black; }
.hovermenu a:link {	color:#206A8C; text-decoration: none; }
.hovermenu a:visited { color:#206A8C; text-decoration: none; }
.hovermenu a:hover { text-decoration: underline; color:#529EBF; }

.openlink { color: #FFFFFF; width: 58px; padding: 3px; font: normal 10pt Verdana; }
.openlink a:link {	color:#FFFFFF; text-decoration: none; }
.openlink a:visited { color:#FFFFFF; text-decoration: none; }
.openlink a:hover { text-decoration: underline; color:#FFFFFF; }

.modalBackground 
{
	 background-color: Gray;
	 filter: alpha (opacity=70);
	 opacity: 0.7;
}
.topbar {    
    background: #fff url(images/banners/bkg_topmenu.jpg) repeat-x bottom left;
    height: 32px;
    width:1000px;
    margin:auto;
    overflow: hidden;
}

.topmenu {
	list-style-type:none;
	margin-left:15px;
	}

.topmenu ul{
	width:350px;
	text-align:left;
	float:left;
	margin-top: 10px;
	margin-left:20px;	
	}

.topmenu li {
	float:left;
	padding-right: 15px;
	padding-top: 10px;
	font-weight : bold;
	}

.topmenu a
{
    list-style-type:none;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #1778C2;
}
	
.topmenu a:link
{
	text-decoration: none;
	font-weight: bold;
    color: #1778C2;
}

.topmenu a:visited
{
	text-decoration: none;
	font-weight: bold;
    color: #1778C2;
}
	
.topmenu a:hover 
{
	font-size: 10pt;
	text-decoration: none;
	color: #000000
}

.modalPopup 
{
	width: 270px; 
	height: 210px; 
}

.topbanner
{
	padding: 0px;
	background: url(images/bkg_banner.jpg) repeat-x top left;
	text-align: left;
	width: 1000px;
	margin: auto;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 0px;
	border-bottom: 1px solid #333;
	height: 85px;
}

.bannerdivider  {
    color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
    border-top-style : dotted;
	border-top-width: medium;
	border-top-color: #04A0C6;
	}

.bannerdivider a {
    color: #6C7876;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;		
	}

.bannerdivider a:link
{
	color: #6C7876;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}

.bannerdivider a:visited
{
	color: #6C7876;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}
	
.bannerdivider a:hover 
{
	color: #009FD6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
}

.tab_area 
{
  background: #fff url(images/bkg_tab.jpg) repeat-x top left;
  padding: 0px;
  width: 1000px;
  margin: 10px auto;
  margin-top: 0px;
  margin-bottom: 0px;
  border: none;
  border-top: 0;  
  height: 24px;
  font-size: 12pt;
  font-weight: bold;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 2px solid #333;
}

.tab_wrapper
{
	float: left;
	padding: 5px 15px 5px 15px;
	height: 20px;
	border-right: 2px solid #853B4C;
	color: #FFFFFF;
	font-size: 12pt;
	vertical-align: middle;
}

.tab_wrapper a:link { color: #FFFFFF; padding: 5px 15px 5px 15px;}
.tab_wrapper a:hover { color: #FFCC00; padding: 5px 15px 5px 15px;}


.tab_wrapperactive
{
	background: #3A5695;
	float: left;
	padding: 5px 15px 5px 15px;
	height: 20px;
	border-right: 2px solid #853B4C;
	color: #FFFFFF;
	font-size: 12pt;
	vertical-align: middle;
}

.tab_wrapperactive a:link { color: #FFFFFF; padding: 5px 15px 5px 15px;}
.tab_wrapperactive a:hover { color: #FFCC00; padding: 5px 15px 5px 15px;}

.pagearea
{
	padding: 0px;
	background: #ffffff;
	text-align: left;
	width: 1000px;
	min-height: 550px;
	margin: auto;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 0px;
	border-bottom: 1px solid #333;
}

.TextHome1     { font-family: 'Kozuka Gothic Pro H'; font-size: 14pt; font-weight: bold; color: #333333; }
.TextHome2     { FONT-FAMILY: Arial, Tahoma, Verdana; font-size: 12pt; font-weight: normal; color: #565151; }
.TextHome3     { FONT-FAMILY: Arial, Tahoma, Verdana; font-size: 12pt; font-weight: bold; color: #565151; }
.TextHome3     a:visited { color: #565151; text-decoration: none; }
.TextHome3     a:link { color: #565151; text-decoration: none; }
.TextHome3     a:hover { color: #565151; text-decoration: underline; }

.TextHome4     { FONT-FAMILY: Arial, Tahoma, Verdana; font-size: 12pt; font-weight:lighter; color: #ffffff; }
.TextHome4     a:visited { color: #ffffff; text-decoration: none; }
.TextHome4     a:link { color: #ffffff; text-decoration: none; }
.TextHome4     a:hover { color: #ffffff; text-decoration: underline; }

.TextHome5     { FONT-FAMILY: Arial, Tahoma, Verdana; font-size: 10pt; font-weight: bold; color: #DF3F01; }
.TextHome6     { FONT-FAMILY: Arial, Tahoma, Verdana; font-size: 8pt; font-weight: normal; color: #000000; }

.TextSilver8   { COLOR: #827D7D;  FONT-FAMILY: Arial, Tahoma, Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: normal }
.TextProfile1  { color: #6C7876;  FONT-FAMILY: Arial, Tahoma, Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold }
.TextProfile1 a:visited { text-decoration: none; }

.TextProfile2  { color: #05A4CE;  FONT-FAMILY: Arial, Tahoma, Verdana; FONT-SIZE: 12pt; FONT-WEIGHT: bold }
.TextProfile2 a:visited { color: #05A4CE; FONT-WEIGHT: bold; text-decoration: none; }
.TextProfile2 a:link { color: #05A4CE; FONT-WEIGHT: bold; text-decoration: none; }
.TextProfile2 a:hover { color: #529EBF; FONT-WEIGHT: bold; text-decoration: none; }

.TextProfile3  { color: #000000;  FONT-FAMILY: Arial, Tahoma, Verdana; FONT-SIZE: 10pt; FONT-WEIGHT: bold }

.profilebox_area 
{
  background-color: #EBF2FA;
  padding: 0px;
  width: 680px;
  margin: 10px auto;
  margin-top: 0px;
  margin-bottom: 0px;
  border: none;
  border-top: 0;  
  font-size: 10pt;
  border: #CED6EF 3px solid;
}

.communityinfobox
{
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #0A529A;        
    text-align: left;
    border: #ABCCED 1px solid;
    margin-top: 11px;
    margin-left: 5px;    
    padding: 0px;
}

.communityinfobox a:link
{
	text-decoration: none;
    list-style-type: none;
    font-weight: bold;
    color: #0A529A;	
}

.communityinfobox a:visited
{
	text-decoration: none;
    list-style-type: none;
    font-weight: bold;
    color: #0A529A;	
}

.communityinfobox a:hover {
	text-decoration: underline; 
	font-weight: bold;
	color: #0A529A;
}

.communityinfobox a:active {
	text-decoration: underline; 
	font-weight: bold;
	color: #0A529A;
}

.communityinfoboxtitle
{
    margin: 0px;
    background: #EBF2FA;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #0E4276;
    padding-top: 4px;
    padding-bottom: 2px;
    text-align: left;
    padding-left: 4px;    
    border-bottom: #ABCCED 1px solid;
}

.communityinfoboxtitle a:link {
	text-decoration: none;
	color: #0E4276;
	}
.communityinfoboxtitle a:visited {
	text-decoration: none;
	color: #0E4276;
	}
.communityinfoboxtitle a:hover {
	text-decoration: underline;
	color: #0E4276;	
	}
	
.communityinfoboxtitle a:active {
	text-decoration: underline;
	color: #0E4276;
	}

.standardinfobox
{
	background-color: #ffffff;    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #0A529A;        
    text-align: left;
    border: #ABCCED 1px solid;
    margin-top: 11px;
    margin-left: 5px;    
    padding: 0px;
}

.standardinfobox a:link
{
	text-decoration: none;
    list-style-type: none;
    font-weight: bold;
    color: #0A529A;	
}

.standardinfobox a:visited
{
	text-decoration: none;
    list-style-type: none;
    font-weight: bold;
    color: #0A529A;	
}

.standardinfobox a:hover {
	text-decoration: underline; 
	font-weight: bold;
	color: #0A529A;
}

.standardinfobox a:active {
	text-decoration: underline; 
	font-weight: bold;
	color: #0A529A;
}

.standardinfoboxtitle
{
    margin: 0px;
    background: #fff url(images/bkg_ContentBox.jpg) repeat-x bottom left; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #ffffff;
    padding-top: 0px;
    padding-bottom: 2px;
    text-align: left;
    padding-left: 4px;    
    border-bottom: #ABCCED 1px solid;
}

.standardinfoboxtitle a:link {
	text-decoration: none;
	color: #0E4276;
	}
.standardinfoboxtitle a:visited {
	text-decoration: none;
	color: #0E4276;
	}
.standardinfoboxtitle a:hover {
	text-decoration: underline;
	color: #0E4276;	
	}
	
.standardinfoboxtitle a:active {
	text-decoration: underline;
	color: #0E4276;
	}

.standardinfoboxContent 
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	font-size: 10pt;
	overflow-y: scroll; 
	width: 100%;
	height: 100px;
	background-color:#ffffff;
	color: #0A529A;    
}

.contentinfobox
{
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #0A529A;        
    text-align: left;
    border: #3DBCDF 2px solid;
    padding: 0px;
    margin: 0px;
}

.contentinfobox a:link
{
	text-decoration: none;
    list-style-type: none;
    font-weight: bold;
    color: #0A529A;	
}

.contentinfobox a:visited
{
	text-decoration: none;
    list-style-type: none;
    font-weight: bold;
    color: #0A529A;	
}

.contentinfobox a:hover {
	text-decoration: underline; 
	font-weight: bold;
	color: #0A529A;
}

.contentinfobox a:active {
	text-decoration: underline; 
	font-weight: bold;
	color: #0A529A;
}

.contentinfoboxtitle
{    
    background: #fff url(images/banners/bkg_ContentBox.jpg) repeat-x bottom left; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    text-align: left;    
    border-bottom: #3DBCDF 1px solid;
    margin: 0px;
}

.contentinfoboxContent 
{
	font-size: 10pt;
	overflow-y: scroll; 
	width: 100%;
	height: 100px;
	border: none;	
	background-color:#ffffff;
	color: #0A529A;    
}

.standardinfobox a:link
{
	text-decoration: none;
    list-style-type: none;
    font-weight: bold;
    color: #0A529A;	
}

.standardinfobox a:visited
{
	text-decoration: none;
    list-style-type: none;
    font-weight: bold;
    color: #0A529A;	
}

.standardinfobox a:hover {
	text-decoration: underline; 
	font-weight: bold;
	color: #0A529A;
}

.standardinfobox a:active {
	text-decoration: underline; 
	font-weight: bold;
	color: #0A529A;
}

.GridEmpty {
    background: #E2E3D0;
    margin:auto;
    overflow: auto;
    font-weight: normal;
    font-size: 12pt;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;    
    padding: 3px;
}

.GridHeader {
    background: #fff url(images/banners/bkg_ContentBox30.jpg) repeat-x bottom left; 
    height: 30px;
    margin: 0px;
    overflow: hidden;
    font-weight: bold;
    font-size: 10pt;
    color: #000000;    
    font-family: Arial, Helvetica, sans-serif;    
    padding-left: 10px;
    padding-right: 10px;
    border: #000000 1px solid;
}

.GridEven {
    background: #F5F5F5;
    overflow: auto;
    font-weight: normal;
    font-size: 10pt;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;        
    border: #000000 1px solid;
}

.GridEven td {
    padding: 5px;    
    border: #000000 1px solid;
}

.GridEven a:link
{
  color: #206A8C;
  text-decoration: none;
}
	
.GridEven a:visited
{
 color:#206A8C;
  text-decoration: none;
}

.GridEven a:hover 
{
  color:#529EBF;
  text-decoration: underline;	
}

.GridOdd {
    background: #E2E3D0;
    overflow: auto;
    font-weight: normal;
    font-size: 10pt;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;            
}

.GridOdd td {
    padding: 5px;
    border: #000000 1px solid;        
}

.GridOdd a:link
{
  color:#206A8C;
  text-decoration: none;
}
	
.GridOdd a:visited
{
  color:#206A8C;
  text-decoration: none;
}

.GridOdd a:hover 
{
  color:#529EBF;
  text-decoration: underline;	
}

.SmallGridEmpty {
    background: #E2E3D0;
    margin:auto;
    overflow: auto;
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;    
    padding: 3px;
}

.SmallGridHeader {
    background: #fff url(images/banners/bkg_ContentBox30.jpg) repeat-x bottom left; 
    height: 30px;
    margin: 0px;
    overflow: hidden;
    font-weight: bold;
    font-size: 8pt;
    color: #000000;    
    font-family: Arial, Helvetica, sans-serif;    
    padding: 0px;
    border: #000000 1px solid;
}

.SmallGridEven {
    background: #F5F5F5;
    overflow: auto;
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;        
    border: #000000 1px solid;
    white-space: nowrap;
    padding: 0px;
}

.SmallGridEven td {
    padding: 0px;
    border: #000000 1px solid;
}

.SmallGridEven a:link
{
  color: #206A8C;
  text-decoration: none;
}
	
.SmallGridEven a:visited
{
 color:#206A8C;
  text-decoration: none;
}

.SmallGridEven a:hover 
{
  color:#529EBF;
  text-decoration: underline;	
}

.SmallGridOdd {
    background: #E2E3D0;
    overflow: auto;
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;            
    white-space: nowrap;
    padding: 0px;
}

.SmallGridOdd td 
{
	font-size: 8pt;
    padding: 0px;
    border: #000000 1px solid;        
    white-space: nowrap;
}

.SmallGridOdd a:link
{
  font-size: 8pt;
  color:#206A8C;
  text-decoration: none;
  white-space: nowrap;
}
	
.SmallGridOdd a:visited
{
  font-size: 8pt;
  color:#206A8C;
  text-decoration: none;
  white-space: nowrap;
}

.SmallGridOdd a:hover 
{
  font-size: 8pt;
  color:#529EBF;
  text-decoration: underline;	
  white-space: nowrap;
}

/* member pages section */		
.member_column1
{
float: left;
width: 160px;
margin: 0;
padding: 0;
}

.member_column2
{
margin-left: 0px;
border-top: none;
margin-right: 165px;
margin-top: 0px;
padding-right: 0px;
padding-top: 0;
}

.member_column3
{
width:165px;
margin-left: 0;
margin-right: 0px;
padding-right: 0px;
float: right;
}

.member_column2and3
{
margin-left: 160px;
width: 815px;
border-top: none;
margin-top: 0px;
padding-right: 0px;
padding-top: 0;
}

.membermenutitle
{
    color: #0A529A;
    margin-top: 5px;
    margin-left: 0px;
    padding-left: 6px;
    border-top: #C8D8EF 1px solid;
    font-weight: normal;
    width: 160px;
}

.membermenutitle a
{
    color: #000000;
}

.membermenutitle a:link
{
	text-decoration: none;
    color: #000000;
}

.membermenutitle a:visited
{
	text-decoration: none;
    color: #000000;
}

.membermenutitle a:hover {
	text-decoration: underline; 
	color: #000000;
}

.membermenutitle a:active {
	text-decoration: underline; 
	color: #000000;
}

.membermenu
{
    background: #ffffff;
    margin: 0px;
    overflow: hidden;    
    color: #1E3282;
    font-weight: bold;
    font-size: 10pt;    
    width: 160px;
}

.membermenu ul 
{
	list-style-type: none;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;    
    font-size: 8pt;	
}

.membermenu li
{	
	text-decoration: none;
    list-style-type: none;
    margin-top: 1px;
    margin-left: 16px;    
    color: #206A8C;
}

.membermenu a:link
{
	text-decoration: none;
    list-style-type: none;
    color: #206A8C;	
}

.membermenu a:visited
{
	text-decoration: none;
    list-style-type: none;
    color: #206A8C;	
}

.membermenu a:hover {
	text-decoration: underline; 
	color:#000000;
}

.GridHeaderSmall {
    background: #fff url(images/banners/bkg_ContentBox30.jpg) repeat-x bottom left; 
    height: 30px;
    margin: 0px;
    overflow: hidden;
    font-weight: bold;
    font-size: 8pt;
    color: #000000;    
    font-family: Arial, Helvetica, sans-serif;    
    padding-left: 10px;
    padding-right: 10px;
    border: #000000 1px solid;
}

.page_area 
{
  background: #FFFFFF;
  padding: 0px;
  text-align:left;
  width: 990px;
  margin: 5px auto;
  margin-top: 0px;
  border: 2px solid #333;
  border-top: 0;
  min-height: 2000px;
}

.bottom_area 
{
  padding: 0px;
  text-align:left;
  width: 990px;
  margin: 5px auto;
  margin-top: 0px;
  border-top: 0;
  min-height: 20px;
  padding-left: 50px;
}