a	{color: white;}
a.tag1 
	{color: #224c94}
	
h1	{font-family: arial, helvetica, sans-serif; 
	color: #224c94; 
	font-size: 150%;
	}
h1.second	{font-family: arial, helvetica, sans-serif; 
	color: #224c94; 
	font-size: 120%;}
	
h1.third {
	font-family: arial, helvetica, sans-serif; 
	color: #224c94; 
	font-size: 100%;
	padding: 5 5 5 5;}
		
h2 	{font-family: arial, helvetica, sans-serif; 
	color: #224c94; 
	font-size: 140%;
	}
h2.second{text-align: center;
	color: #224c94; 
	font-size: 140%;
	}

h3 	{font-family: arial, helvetica, sans-serif; 
	color: #224c94; 
	font-size: 130%;
	margin-left: .5em;
	}

h4	{font-family: arial, helvetica, sans-serif;
	color: #224c94;
	font-size: 130%; 
	border: solid;
	border-width: thin;	
	background-color:#98DAFA;
	margin: 15px;
	padding: 5px 2px 5px 2px;
	line-height: 1.2;
	text-align: center;}

h4.second	
	{text-align: center;
	font-family: arial, helvetica, sans-serif;
	color: #224c94;
	font-size: 140%; 
	border: solid;
	border-width: thin;	
	background-color: #98DAFA;
	margin: 2 2 2 2 ;
	padding: 2 2 2 2;
	}
h4.third	
	{text-align: center;
	font-family: arial, helvetica, sans-serif;
	color: #224c94;
	font-size: 110%; 
	border-style: solid;
	border-width: thin;	
	background-color: #98DAFA;
	margin-top: 0 px;
	padding: 0 px;
	}	
h5 	{font-family: arial, helvetica, sans-serif; 
	color: #224c94; font-size: 110%;
	margin: 0px 5px 0px 5px;
	padding: 5px 0px 5px 0px;
	}

h6 	{font-family:  helvetica, verdana, arial,  sans-serif; 
	color: #224c94;	

	font-size: 180%;
	text-decoration: none;
	text-align: left;
	padding: 0px 0px 0px 15px;
	border-spacing: 0px;
	margin: 10px 0px 0px 15px;
	}
blockquote {
    max-width: 620px;
    background: url(../imgs/rs-right.png) right repeat-y }
blockquote::before {
    display: block;
    line-height: 0;
    background: url(../imgs/rs-topright.png) top right no-repeat;
    content: url(../imgs/rs-topleft.png) }
blockquote::after {
    display: block;
    line-height: 0;
    background: url(../imgs/rs-bottomright.png) bottom right no-repeat;
    content: url(../imgs/rs-bottomleft.png) }
	

ol	{margin: 2px 9px 2px 9px;
	padding: 0px 0px 0px 0px;
	value: number 1;
	}
li	{line-height: 1.5}
p.standard	
	{font-size: 100%;
	text-align: left;
	margin: 0px 15px 0px 15px;
	}
p.white	
	{font-color: white;
	font-size: 100%;
	text-align: left;
	margin: 0px 15px 0px 15px;
	}
p.large	
	{font-size: 180%;
	text-align: left;
	margin: 0px 15px 0px 15px;
	}
p.small
	{font-size: 80%
	}

p.vsmall
	{font-size: 80%;
	padding: 0;
	line-height: 1.3;
	}

p.center
	{text-align:center;
	}
p.justify
{text-align: justify;
}
table.small
	{font-size: 80%;
	padding: 0px 0px 0px 20px;
	line-height: 20px;
	}

table.fixed
	{table-layout: fixed;
	text-align: left;
	}

table.auto
	{table-layout: auto;
	text-align: left;
	padding: 0px 0px 0px 20px
	}

ul.left li
	{font-size: 95%;
	margin: 0 0 .5em 0;
	line-height: 1;
	padding: 0 0 0 0;
	}

	
	
table.font th, table.font td
	{font-size: 90%;
	line-height: 1.2;
	}

	
body 
	{font-family: verdana, arial, helvetica, sans-serif; 
	color: #1F4D97;
	overflow: auto;	
	/*background-image: url(../imgs/background_image.gif);*/
	background-repeat: repeat;
	}

.rightimage
	{text-align: right;
    display: block;
    }

p.c1
	{font-size: 120%;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	}
p.c2
	{font-size: 140%;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	line-height: 1.5;
	}
	
p 	{padding: 0px 15px 0px 15px;
	font-size: 100%;
	}

#header
	{position: relative; 
	margin: 0 auto;
	height: 102px;	
	}

#container
	{position: relative;
	margin: 0 auto;
	width: 904px;
	height: 902px;
	border-style: solid;
	border-color: #1F4D97;
	border-width: 1px;
	}
#containergreen
	{position: relative;
	margin: 0 auto;
	width: 904px;
	height: 902px;
	border-style: solid;
	border-color: #1F4D97;
	border-width: 1px;
	background-color: #EAF2D3;
	}
#container2
	{position: relative; 
	width: 100%;
	margin: 0 auto;
	height: 800px;
	float: right;
	background-repeat: repeat;
	background-color: white;
	}	

#content
	{
	position: relative; 
	line-height: 125%;
	font-size: 12px;
	width: 83.8%;
	height: 100%;
	margin: 0 auto;
	float: right;
	background-repeat: repeat;
	}

#tabpane0
	{
	position: relative; 
	line-height: 125%;
	font-size: 14px;
	width: 84%;
	height: 100%;
	margin: 0 auto;
	float: right;
	background-repeat: repeat;
	}

#tabpane1
	{
	position: relative; 
	line-height: 125%;
	font-size: 14px;
	width: 84%;
	height: 100%;
	margin: 0 auto;
	float: right;
	background-repeat: repeat;
	}

#tabpane2
	{
	position: relative; 
	line-height: 125%;
	font-size: 14px;
	width: 84%;
	height: 100%;
	margin: 0 auto;
	float: right;
	background-repeat: repeat;
	}
	
#tabpane3
	{
	position: relative; 
	line-height: 125%;
	font-size: 14px;
	width: 84%;
	height: 100%;
	margin: 0 auto;
	float: right;
	background-repeat: repeat;
	}

#tabpane4
	{
	position: relative; 
	line-height: 125%;
	font-size: 14px;
	width: 84%;
	height: 100%;
	margin: 0 auto;
	float: right;
	background-repeat: repeat;
	}
#tabMenuDiv
		{background-color: #1F4D97;
		}

	
	
#menu-left
	{
	width: 16.2%;
	height: 100%;
	float: left;
	margin: 0 auto;
	background-color: #008fd4;
	color: white;
	font-size: 90%;
	line-height: 200%;
	font-weight: 700;
	}
div.indent
		{margin: 0em 1em 0em;}
div.columnsingle
	{
	float: left;
	width: 100%;
	height: 100%;
	min-height: 50%;
	margin: 0 auto; 
	overflow: auto;
	border-color: black;
	border-width: thin;
	border-top-style: solid;
	border-top-color: #1F4D97;
	font-size: 90%;
	}
	
div.bold
{font-weight: 600;
font-size: 110%
}
	
div.column1
	{
	float: left;
	width: 49%;
	
	height: 100%;
	min-height: 50%;
	margin: 0 auto;
	overflow: auto;
	font-size: 90%;
	background-color: white;
	border-width: thin;
	border-color: navy;
	}

div.column2
	{
	float: left;
	width: 49.9%;
	
	height: 100%;
	min-height: 74%;
	margin: 0 auto;
	overflow: auto;
	font-size: 90%;
	background-color: white;
	}

div.galcol1
	{
	float: left;
	width: 49%;
	height: 74%;
	min-height: 74%;
	margin: 0 auto;
	overflow: auto;
	font-size: 90%;
	background-color: white;
	}

div.galcol2
	{
 	float: left;
	width: 49.9%;
	height: 74%;
	min-height: 50%;
	margin: 0 auto;
	overflow: auto;
	font-size: 90%;
	background-color: white;
	}

div.background
	{
	background-repeat: repeat-y;
	background-position: left;
	background-attachment: fixed;
	background-color: yellow;
	}

#footer
	{
	width: 904px;
	height: 100px;
	padding: 10px 0px 0px 0px;
	background-color: #1F4D97;
	color: white;
	margin: 0 auto;
	font-family: verdana, arial, helvetica, sans-serif;
	border-style: solid;
	border-color: #1F4D97;
	border-width: 1px;
	}
	
.floatright
	{
	float: right; margin:10px;
	}

.floatleft
	{
	float: left; 
	margin: 10px;
	}

body
	{
	background-color: #b7e6f8;
	}

body.content 
	{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #1F4D97;
	font-size: 14px;
	}
img.displayed
	{display: block;
	margin-left: auto;
	margin-right: auto;
	}

.center
	{
	text-align: center;
	}

.valign
	{
	vertical-align: middle;
	}

.menu 
	{
	color: white; 
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
	

/*----------------------------------------------------------------------------------------------------------------------------/*	
	/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
height: 24%;
border-bottom: 1px solid #1F4D97;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer2{
position: relative;
height: 100%;
border-bottom: 1px solid #1F4D97;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px solid white;
margin: 1px 1px 1px 1px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid #1F4D97;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-image: url(imgs/content.gif);
color: #1F4D97;
padding: 5px;
left: -1000px;
border: 3px solid #1F4D97;
visibility: hidden;
color: #1F4D97;
text-decoration: none;
}

.roundcont {
	width: 250px;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(imgs/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(imgs/br.gif) no-repeat top right; 
}
img.position
	{top:50px;
	}

img.corner 
	{width: 15px;
   height: 15px;
   border: none;
   display: block !important;
   }

  .thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 300px; /*position where enlarged image should offset vertically */
left: 200px; /*position where enlarged image should offset horizontally */
z-index: 550;
}
/*----------------------------------------------------------------------------------------------------------------------------/*
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.feedbackform{
padding: 10px 10px 10px 100px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 650px; /*width of form rows*/
overflow: hidden;
padding: 0px 0;
font-size: 100%;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/

margin-right: 10px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 5px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 100px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}

.rollover{
position: relative;
height: 25%;
border-bottom: 1px solid #1F4D97;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail2 img{
border: 1px solid white;
margin: 1px 1px 1px 1px;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 0px solid #1F4D97;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-image: url(imgs/content.gif);
color: #1F4D97;
padding: 5px;
left: -1000px;
border: 3px solid #1F4D97;
visibility: hidden;
color: #1F4D97;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -400px; /*position where enlarged image should offset vertically */
left: -150px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/* css for tabbed pages */
body.tab { font-size: 80%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
ul#tabs li { display: inline; }
ul#tabs li a { color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; }
ul#tabs li a:hover { background-color: #f1f0ee; }
ul#tabs li a.selected { color: #000; background-color: #f1f0ee; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; }
div.tabContent.hide { display: none; }