body {
	font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/Bg.jpg);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

form {
	width: 760px;
	margin-left:auto;
	margin-right:auto;
}

h3 { 
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Header */

.Header {
	width: 760px;
	height: 200px;
	background-image:url(images/HeaderBg.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
}

#Logo {
margin: 5px;
}

#MainNav {
	width: 760px;
	height: 22px;
	background-image:url(images/MainNavBg.jpg);
	float:left;
}

.SecondaryNavBg{
	width: 760px;
	height: 35px;
	background-image:url(images/MainNavShadow.jpg);
	float:left;
	margin-bottom: -10px;
}

#SecondaryNav
{
    float: right;
    margin-top: 2px;
    margin-right: 100px;
    width: 595px;
    height: 33px;
    background-image:url(images/SecondaryNavBgNew.jpg);
    background-repeat: no-repeat;
}

#SecondaryNav ul
{
    padding: 0;
    margin: 2px;
    list-style:none;
}

#SecondaryNav ul li
{
    display: inline;
}

#SecondaryNav ul li a
{
    margin-left: 15px;
    font-weight:bold;
    text-decoration: none;
    color: #0033FF;
}


#Branding {
	width: 555px;
}

#SearchBox {
	float:left;
	margin-top: 6px;
	margin-bottom: 2px;
}

#SearchBox .Field{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 110px;
	margin-top: 10px;
	margin-right: 1px;
	margin-left: 1px;
	margin-bottom: 2px;
}

#SearchBox .SearchButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 10px;
	margin-right: 2px;
	margin-left: 1px;
	background-color: #eef0f3;
	border: 1px solid #1739c7;
	margin-bottom: 2px;	
}

/* Tag Line Information */

#TagLine {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	float:right;
	padding-right: 5px;
	margin-top: 12px;
}

/* Main Content Information */

#Main {
	background-color: #FFFFFF;
}

/* Sets the width and location of the main area of the screen */

#Main .ContentArea {
	width: 535px;
	float: left;
	margin-left: 10px;
	margin-top: -10px;
}

#Main .MainContent img {
	border-color: #FFFFFF;
}

#Main .MainContent li 
{
    list-style-position: inside; 
    display: list-item;
}

/* *****************************
sets the color of the Title Bar 

TitleBar and TitleBar h1 have background images that control the color of the title bar

TitleBar h1 and .MainContet have border colors that control the border of the main content area

******************************* */


#Main .ContentArea .TitleBar {
	background-image:url(images/PinkTitleNew.jpg);
	background-repeat: repeat-x;
	background-position:right;
	height: 33px;
	text-align: right;
}

#Main .ContentArea .TitleBar h1 {
	background-image:url(images/PinkTitleLeftNew.jpg);
	background-repeat:no-repeat;
	background-position:left;
	border-right: 2px solid #105dd5;
	height: 33px;
	vertical-align: middle;
	font-size: 1.8em;
	color: #FFF;
	padding-right: 10px;
	margin-bottom: 0px;
}

#Main .MainContent 
{
	border-top: 2px solid #105dd5;
	border-left: 2px solid #105dd5;
	border-right: 2px solid #105dd5;
	border-bottom: 2px solid #105dd5;
	/* padding: 10px; */
}

#Main .MainContent h2 {
	font-size: 1.3em;

}

#Main .MainContent p {
	margin: 0;

}

#Main .MainContent h3 {
	margin: 0;

}

#Main .ContentArea .SecondaryTitleBar {
	background-color: #105dd5;
	height: 33px;
	text-align: right;
}

#Main .ContentArea .SecondaryTitleBar h1 {
	height: 33px;
	vertical-align: middle;
	font-size: 1.8em;
	color: #FFF;
	padding-right: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#Main .SecondaryContent {
	border-left: 2px solid #105dd5;
	border-right: 2px solid #105dd5;
	border-bottom: 2px solid #105dd5;
	padding: 10px;
}

#Main .SideBar {
	width: 195px;
	float: left;
	margin-left: 10px;
}

#Main .BottomSpacer {
	clear: both;
	height: 10px;
}

#Footer {

}

#TopNav {
	float: right;
	width: 160px;
	height: 100px;
	margin-right: 20px;
	margin-top: 10px;
	background-image:url(images/TopNav.gif);
}

#TopNav ul 
{
    list-style:none;
    margin: 0px;
}

li.TopNav
{
    width: 160px;
    margin-left: -40px;
}
.TopNav a {
    display:block;
    height: 22px;
    color: #0031d1;
    text-align:center;
    font-weight: bold;
    text-decoration: none;
    
}

li.TopNavLast
{
    width: 160px;
    margin-left: -40px;
}
.TopNavLast a {
    display:block;
    height: 30px;
    line-height: 22px;
    vertical-align: top;
    color: #0031d1;
    text-align:center;
    font-weight: bold;
    text-decoration: none;
    
}

/* *****************************
Widget Information goes Here 

There are widget styles for each widget type
both the background-color and border may be updated

******************************* */

.Widget 
{
    display:block;
    width: 180px;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    background-color: #e4e4e4;
}

.FAQWidget 
{
    display:block;
    width: 180px;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: #FFFFA0;
    border: 2px solid #FFFF70;
}

.BlueWidget 
{
    display:block;
    width: 180px;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: #c3e9fc;
    border: 2px solid #98d9f7;
}

.BlueWidget hr 
{
    height: 1px;
    color: #98d9f7;
}

.ArticleWidget 
{
    display:block;
    width: 180px;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: #B0D0FF;
    border: 2px solid #8FBFFF;
}

.ImageWidget 
{
    display:block;
    width: 180px;
    padding: 7px;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: none;
    border: none;
    text-align: center;
}

.ImageWidget img
{
    margin-top: 10px;
}

.PurpleWidget 
{
    display:block;
    width: 180px;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: #c3e9fc;
    border: 2px solid #98d9f7;
}

.ImageGalleryWidget 
{
    display:block;
    width: 180px;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: #c3e9fc;
    border: 2px solid #98d9f7;
    text-align: center;
}


.PurpleWidget hr 
{
    height: 1px;
    color: #98d9f7;
}

/* *****************************
Footer Information goes Here 

This determins the color, font, and size of the footer text and links

******************************* */



#FooterNav {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	color: #3a874a; 
}

#FooterNav a {
    color: #3a874a;
}

#FooterNav a:hover {
    text-decoration:none;
}

#Copyright {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	color: #3a874a;
	
}

