/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	/*line-height: 1.166;*/
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #bfb88f;
	/*height: 100%;*/
	position: absolute;
	font-size: medium;	
}

a:link, a:visited{
	color: #33FFFF;
	text-decoration: underline;
}

/*a:visted {
	color: #b44F0F;
	text-decoration: none;
}*/


a:hover {
	text-decoration: underline overline;
	color: #317a75;
}

/* 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: 110%;
 color: #006699;
}

h3{
 font-size: 105%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
	list-style-type: square;
	color: #FFFFFF;
}
li {
	padding: 2px 15px 0px;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


/*label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
*/
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper{
	background-color: #bfb88f;
	height: 850px;
	position: relative;
	/*margin: 0px;
	padding: 0px;*/
}
#container{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	
	/*clear: both;*/
	text-align: left;
}
#masthead{
	margin: 0;
	width: 756px;
	height: 60px;
	position: relative;
}
#masthead p {
	text-align: left;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	padding: 10px 0px 0px 0px;
	font-size: 300%;
}

#privacy {
	/*float: left;*/
	width: 750px;
	height: 670px;
	overflow: hidden;
	top: 50px;
	border: ridge 2px #ff0000;
	background-color: #BFB88F;
}
#privacy p {
	font-size: 85%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px;
}

#motto {
	/*float: left;*/
	width: 756px;
	
}

#motto a:link {
	color: #33FFFF;
	text-decoration: underline;
}

#motto a:visited {
	color: #33FFFF;
	text-decoration: underline;
}

#motto p {
	font-size: 85%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px;
}

/*#motto h3{
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	padding: 2px 25px;
}*/

#motto1 {
	/*float: left;*/
	width: 756px;
	
}
#motto1 p {
	font-size: 85%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px;
}

#motto1 h3{
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	padding: 2px 25px;
}

#overlay {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	/*clear: both;*/
	text-align: center;
	background-image: url(/images/backgrnd_body.jpg);
	height: 850px;
	background-repeat: no-repeat;
	margin-top: 0px;
	padding: 0px;	
}

/***********************************************/
/*Component Divs                               */
/***********************************************/



/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 80%;
	color: #FFCC00;
	text-align: center;
	line-height: 110%;
	position: relative;
	width: 760px;
	float: left;
}

#siteInfo a:link, a:visited{
	color:#FFFFFF;
	text-decoration: none;
}
#siteInfo a:hover {
	text-decoration: none;
	color: #FFFF00;
	background-color: #CC9900;
}

#siteInfo p {
	padding: 5px;
}

/************* #navInfo styles ***************/

#overlay h1 {
	color: #FFCC00;
}


#navInfo{
	clear: both;
	font-size: 75%;
	color: #FFCC00;
	text-align: center;
	position: relative;
	width: 756px;
	float: left;
	height: auto;
	border: ridge 2px  #ff0000;
	background-color: #008849;
	margin: 2px 0px 5px 0px;
}
#navInfo a:link, a:visited{
	color:#FFFFFF;
	text-decoration: none;
	/*padding: 2px;*/
	font-weight: bold;
}

#navInfo a:hover {
	text-decoration: none;
	color: #FFFF00;
}

#navInfo p {
	padding: 2px;
}

#navInfo a span {display: none;
}

#navInfo span p {
	display: block;
	position: absolute;
	top:15px;
	left:15px;
	padding: 0px 15px;
	margin: 0px;
	z-index: 200;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	width: 200px;
}



#navInfo a:hover span {
	display: block;
	position: absolute;
	top: 232px;
	left:0px;
	width: 756px;
	padding: 0px;
	margin: 0px;
	z-index: 100;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	
}

#navInfo a:hover {
	border: none;		/* allows text hover to show in ie/win */
}

#logo {
	width: 50px;
	height: 60px;
	float: left;
	margin: 5px 10px 5px 5px;
}

/************* #pictures styles ***************/

#pictures {
	width: 756px;
	height: 291px;
	border-top: ridge 2px #fff;
	border-bottom: ridge 2px #fff;
	position: relative;
}

#lt, #rt {
	float: left;
	height: 291px;
	width: 185px;
}

#ct {
	float: left;
	height: 291px;
	width: 380px;
	border-right: ridge 2px #fff;
	border-left: ridge 2px #fff;
}



#lt span, #lt a span {display: none;
}

#lt a:link, a:visited{
	color:#FFFFFF;
	text-decoration: none;
}


#lt a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left:187px;
	width: 380px;
	z-index: 100;
	text-align: left;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}



/*#pictures a span p {
	display: none;
}*/


#lt span p {
	display: block;
	position: absolute;
	top:220px;
	left:10px;
	margin: 0px;
	z-index: 200;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	width: 200px;
}

#rt span, #rt a span {display: none;
}

#rt a:link, a:visited{
	color:#FFFFFF;
	text-decoration: none;
}


#rt a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left:187px;
	width: 380px;
	z-index: 100;
	text-align: left;
	text-decoration: none;
}



/*#pictures a span p {
	display: none;
}*/


#rt span p {
	display: block;
	position: absolute;
	top:220px;
	left:10px;
	margin: 0px;
	z-index: 200;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	width: 200px;
}

/***********************************************/


/*#pictures a span {display: none;
}

#pictures a:link, a:visited{
	color:#FFFFFF;
	text-decoration: none;
}


#pictures a:hover span {
	display: block;
	position: absolute;
	top: 300px;
	left:189px;
	width: 505px;
	z-index: 100;
	text-align: left;
	text-decoration: none;
}

#pictures span {
	display: none;
}
#pictures table {
	width: 750px;
	border: ridge 2px #ffffff;
	height: 300px;
}*/

/*#pictures a span p {
	display: none;
}*/


/*#pictures span p {
	display: block;
	position: absolute;
	top:10px;
	left:10px;
	margin: 0px;
	z-index: 200;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 25px;
	font-style: italic;
	font-weight: bold;
	width: 200px;
}
*/



/*********** .relatedLinks styles ***********/


.style1 {
	color: #006633;
}
.2 {
	color: #006633;
	font-style: italic;
}
.img_lt {
	float: left;
}
.img_rt {
	float: right;
}


.style4 {color: #FFCC00; font-size: 110%; }

.style5 {
	font-size: 150%;
	color: #FFCC00;
}
#motto h1 {
	font-size: 150%;
	color: #FFCC00;
	padding: 5px 10px;
}
/*#masthead span {
	font-size: 500%;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
}*/
#right {
	float: left;
	width: 395px;
	margin-top: auto;
}
#right img {
	float: left;
	padding-top: 4px;
	padding-right: 2px;
}
#left {
	width: 350px;
	float: left;
}
#motto1 img {
	margin-right: 1px;
	border: ridge 1px #fff;
}
#motto img {
	margin-right: 10px;
}
#logopic {
	position: absolute;
	left: 400px;
	top: 200px;
}
#form {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background: #BFB88F;
}
#form p {
	padding-left: 15px;
}