@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}


body {
width:722px;
margin:10px auto;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #162f68;
}

img {border:0;}


a { 
color: #162f68;
}

a:link, a:visited, a:active { 
font-weight:700;
text-decoration: none; 
}

a:hover { 
text-decoration: underline; 
}


h1{
width:722px;
height:127px;
padding:0;
margin:0;
background:url(../images/header.gif) no-repeat;
}

h2{
font-size:20px;
font-weight:700;
color:#162f68;
margin-bottom:5px;
margin-top:10px;
}

h3{
font-size:16px;
margin-top:5px;
font-weight:700;
}

p {
padding:5px 0;
}

table {
border-collapse:collapse;
}

th {
background-color:#162f68;
border:1px solid #FFFFFF;
color:#FFFFFF;
font-weight:700;
padding:5px;
}

td {
border:1px solid #CCCCCC;
padding:5px;
}

caption, th, td {
text-align:left;
vertical-align:top;
}

/*Header Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
#MainHeaderContainer{
text-align:center; /* Centers the banner */
}

/*Body Container holds the other three containers ImageBar, Nav, & ContentContainer
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.BodyContainer { /* This holds the main area includeing Nav,Main and Image Bar.*/
width: 100%; 
background-image:url(../images/topcontent.jpg);
background-repeat:no-repeat;
background-position:top center;
}


/*Main Container Area Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.ContentContainer {  /* This holds the main area that all the funtionality of the site is in.*/
float:left;
padding:0 15px 10px 15px;
width: 702px; /*If the width is less then 485px then the styles of the Key Content page will need to adjusted as well. */
}



/*Menu/Nav Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.MenuContainer {  
float:left;
width:100%; /*This sets the width Nav, if you want to Menu uder the banner set to 100%.  Please all take a look the width of the links as they will need to be edited if this is edited */
}

#nav {
width:722px;
margin:3px 0 0 0;
padding:0;
}
	
	#nav li{
	float:left;
	height:19px;
	list-style-type:none;
	}
	
	#nav a, #nav a:link, #nav a:visited{
	display:block;
	color:#fff;
	background-color:#772326;
	text-decoration:none;
	font-weight:bold;
	padding: 3px 5px;
	margin: 0 4px 0 0;
	}
	
	
	#nav a:hover{
	background-color:#5BBF21;
	}

/*Footer Area Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

#MainFooterContainer {  /* This holds the mainfooter include file.*/
clear:both;
text-align:center;
font-size: .8em;
width:722px;
height:68px;
background:url(../images/footer.gif) no-repeat;
}

/*Homepage
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/	
#left-col
{
width:130px;
height:270px;
float:left;
margin-left:-10px;
margin-top:2px;
background:url(../images/left-pac-image.gif) no-repeat;
}

* > #left-col
{
margin-left:-15px;
}

#right-col {
width:555px;
float:right;
}

	#letter{
		width:555px;
		margin:5px auto 10px auto;
	}
	
	
#col1, #col2, #col3{
float:left;
width:164px;
margin-left:15px;
}



	 #col1 h2 {
	 height:88px;
	 background: url(../images/join-button.gif) no-repeat;
	 margin:0;
	 cursor:hand; /* for IE 6 */

	 }

	 #col1 h3 {
	 height:88px;
	 background: url(../images/questions-button.gif) no-repeat;
	 margin:0;
	 cursor:hand; /* for IE 6 */
	 }
	 
	 #col1 h5 {
	 height:88px;
	 background: url(../images/renew-button.gif) no-repeat;
	 margin:0;
	 cursor:hand; /* for IE 6 */
	 }
	 
	 #col2 h2 {
	 height:88px;
	 background:url(../images/why-button.gif) no-repeat;
	 margin:0;
	 cursor:hand; /* for IE 6 */
	 }
	 
	 #col2 h3 {
	 height:88px;
	 background:url(../images/issues-button.gif) no-repeat;
	 margin:0;
	 cursor:hand; /* for IE 6 */
	 }
	 
	 #col1 h4, #col2 h4{
	 color:#5BBF21;
	 font-size:13px;
     padding:0 0 10px 0;
	 margin:0;
	 font-weight:700;
	 text-decoration:none;
	 }

	 
	 #col1 p, #col2 p{
	 color:#5BBF21;
	 margin-top:0;
	 margin-bottom:4px;
	 }
	 
/*Join/Renew Page
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

.levels {
width:680px;
padding:5px;
border:1px solid #162f68;
margin-top:10px;
}

.levels li h2{
background-color:#162f68;
color:#fff;
font-size:13px;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
padding-left:3px;
padding-bottom:3px;
}

.levels li {
list-style-type:none;
padding:5px;
}

.levels li ul li {
padding:0 0 0 40px;
list-style-type:none;
}

.levels label{
font-weight:700;
}

.levels input{
margin-bottom:0;
}

.BTNClass {
margin-top:5px;
background-color:#162f68;
border:3px double #778899;
color:#fff;
font-size:11px;
font-weight:bold;
}

/*Other
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.alt{
display:none;
}

.clear{
clear:both;
}

.floatRight{
float:right;
}

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

.level {
width:680px;
padding:5px;
border:1px solid #162f68;
margin-top:10px;
}


.level li {
list-style-type:none;
padding:5px 5px 5px 5px;
}

.level li ul li {
padding:5 5 5 5px;
list-style-type: square;
margin-left:50px;
}

.level li h2{
background-color:#162f68;
color:#fff;
font-size:13px;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;
padding-left:3px;
padding-bottom:3px;
}

/*&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/


.lists li {
list-style-type:square;
padding:5px;
margin-left:40px;
}

.lists li ul li {
list-style-type:disc;
}

#logout {

float:right; 
margin:2.5em 1em 0 0;
font-weight:bold;

}