﻿body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #335099;
	/*text-align: center;
	min-width: 600px;
	min-width: 750px;
	margin: 0 0 0 0;*/
	/*color: #303030;*/
}
form
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
		
}


li
{
	margin: 0 0px 0px 5px;
	padding: 0 0 0 0;
	line-height: 0.10em;
}

div#wrapper
{
	width: 745px;
	height: 599px;
	/*text-align: left;*/
	border: solid 1px black;
	background-color: white;
	margin: 5px 0 0 50px;
}
div#wrapper2
{
	width: 747px;
	height: 650px;
	margin: 5px 0 0 50px;
	padding: 0 0 0 0;
	text-align:left;
	border: none;
}

div#TopNav
{
	/*background-color:#335099;*/
	position: relative;
	width: 745px;
	height: 15px;
	font-weight: 700;
	color: White;
	text-align: right;
	margin: 5px 0 1px 0;
	padding: 0 0 0 0;
}

div#TopNav div.menu
{
	position: relative;
	border-left: solid 1px white;
	padding: 0 8px 0 8px;
	float: right;
}

div#TopNav div.menu a:hover
{
	color: #cc3399;
}

div#TopNav div.menu a:visted
{
	color: White;
	text-decoration: none;
}

div#TopNav div.menu a
{
	color: White;
	text-decoration: none;
}

div#Logo
{
	position: absolute;
	top: 21px;
	left: 0;
	width: 222px;
	height: 128px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: Gray;
}

div#TopBanner
{
	position: absolute;
	top: 21px;
	left: 222px;
	width: 523px;
	height: 128px;
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#LeftSide
{
	width: 222px;
	height: 405px;
	height: 485px; /*485*/
	clear: both;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(../images/NavBG.png);
	}

div#CCDiv
{
	/*display: inline;*/
	margin: 0 0 0 20px;
	padding: 7px 0 0 7px; 
	height: 110px; 
	width: 175px;
	/*background-image:url(../images/cc/CCOutline.png);*/
	border: none 1px yellow;
}
form.ccoptin	/*Constant Contact*/
{
	/*display: inline;*/
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	/*height: 80px;
	width: 150px;*/
}
div#LeftMenu
{
	width: 80%;
	
	padding: 15px 5px 5px 15px;
	border: none 1px black;
	font-size: 14px;
	color: #661199;
	line-height: 20px;
}

div#LeftMenu a:hover
{
	color: #cc3399;
	text-decoration: underline;
}

/*div#LeftMenu a:visited
{
	color: #661199;
	text-decoration: none;
}*/

div#LeftMenu a
{
	color: #661199;
	text-decoration: none;
}

div #RightSide
{
	background-color: white;
	width: 523px;
	height: 404px;
	height: 485px;
	float: left;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none 1px green;
	overflow: auto;
}
div #BannerRight
{
	background-image: url(../images/BannerBackground.jpg);
	width: 100%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div #BannerRight2
{	
	width: 100%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div #Footer
{
	background-image: url(../images/FooterBG.png);
	background-color: #335099;
	width: 745px;
	height: 67;
	float: left;
	margin:  0 0 20px 0;
	padding: 0 0 0 0;
}

div.leftCol
{
	width: 90px;
	float: left;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 15px 0px;
	border: none 1px blue;
}

div.leftCol2
{
	float: left;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 15px 0px;
	border: none 1px blue;
}
div.leftCol3
{
	float: left;
	padding: 0px 5px 0px 5px;
	border: none 1px blue;
}

div.rightReq
{
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px  15px 0px;
	border: solid 1px red;
}

div.rightCol
{
	float:left;
	padding: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	border: none 1px red;
}

div.rightColA
{
	float:left;
	width: 240px;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 5px;
	border: none 1px red;
}

div.rightColB
{
	float: left;
	vertical-align: bottom;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 15px 0px;
	border: none 1px blue;
}

div.clearer
{
	clear: left;
	line-height: 0;
	height: 0;
}

.prop
{
	/* this is used to expand the    */
	/* footer area to we see the     */
	/* rounded corners               */
	height: 67px;
	float: right;
	width: 1px;
}

.vprop
{
	/* this is used to push the text */
	/* to the right in footer so it  */
	/* is centered under the large   */
	/* column on the right           */
	border: none 1px white;
	float: left;
	height: 50px;
	width: 220px;
}

img.banner
{
	float: left;
	margin: 0 0px 0 0px;
	padding: 0px 0px 0 0px;
	border: none 1px black;
}

img.bio
{
	float: left;
	margin: 0 10px 0px 0;
	padding: 0 0 0 0;
	border: none 1px black;
}

p.right
{
	padding: 0 10px 0 10px;
	margin: 20px 10px 10px 10px;
	color: #333355;
	font-size: 14px;
	border: none 1px black;
}

p.normal
{
	padding: 0 0 0 10;
	margin: -10px 10px 0px 10px;
	color: #333355;
	font-size: 13px;
	border: none 1px black;
}
p.normal2
{
	padding: 0 0 0 10;
	margin: 10px 10px 0px 10px;
	color: #333355;
	font-size: 13px;
	border: none 1px black;
}

p.footer
{
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
	color: White;
	font-size: 14px;
	text-align: center;
}

span.bold
{
	font-weight: 700;
}

span.i
{
	font-style: italic;
}

H1
{
	color: #cc3399;
	font-size: 18px;
	font-weight: 700;
	padding: 10px 0 0px 5px;
}

H2
{
	color: #333355;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 0 0px 5px;
}

H3
{
	color: #333355;
	font-size: 12px;
	padding: 5px 0 0px 5px;
}

H4
{	color: #333355;
	font-size: 12px;
	font-weight: 700;
	padding: 5px 0 0px 5px;
}

input.req
{
	border: solid 1px red;
}
