/** ========= Global ======== **/

* {
	margin : 0;
	padding : 0;
}

body {
	font : normal small arial,verdana,sans-serif;
	color : #333;
	line-height: 1;
	background : #748CAC;
}



h1 {text-align: center;

color: #000080;

    font-size: 14pt;
color: #000080;
  font-family: 'trebuchet ms',arial,verdana,sans-serif; }






h2,h3,h4,h5,h6 {
	font-family : 'trebuchet ms',arial,verdana,sans-serif;
	color : #292C38;
	margin : 10px 0;
}

p, blockquote, ul, ol, div, span {
	color : #333;
}

p {
	margin : 10px 0;
	line-height : 1.4em;
}

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #555;}
a:hover {color: blue;}


/** ========= Layout ======== **/

#mastcontainer {
	width : 100%;
	text-align : center;
}

#wrapper {
	width : 90%;
	margin :  0 auto;
	background : #fff;
	border-left : #35418E solid 1px;
	border-right : #35418E solid 1px;
	border-bottom : #35418E solid 1px;
}

#content {
	width : 95%;
	margin :  0 auto;
	text-align : left;
	background : #fff;
}

#header div.logo {
	width : 35%;
	float : left;
	display : inline;
	overflow : hidden;
	margin : 10px 20px;
	color : #000066;
	font : bold 90% arial,'trebuchet ms';
	background : #fff;
}

#header div.logo span {
	font-size : 150%;
	
}

#header div.banner {
	width : auto;
	float : right;
	background : #E8E1F3;
	border : #A791CC solid 1px;
	display : inline;
	overflow : hidden;
	background : #E8E1F3;
	margin : 30px;
}

#header div.banner h1 {
	color : #000066;
	font-size : 150%;
	line-height : 1.6em;
	float : right;
	margin : 10px;
}

#header div.banner img {
	float : right;
	margin : 5px;
}

#nav {
	clear : both;
	width : 100%;
	background : #66c url(../images/nav_bg.gif) left center repeat-x;
	text-align : center;
	height : 27px;
}

#nav ul {
	list-style : none;
	width : 95%;
	margin : 0 auto;
}

#nav ul li {
	float : left;
	margin : 0px;
	display : inline;
	overflow : hidden;
	width : 16.5%;
	border-right : #ccc solid 1px;
	text-align : center;
}

#nav ul li.last {
	float : left;
	margin : 0px;
	display : inline;
	overflow : hidden;
	width : 16.5%;
	border-right : #ccc solid 0px;
	text-align : center;
}

#nav li a, #nav li a:link, #nav li a:active, #nav li a:visited {
	text-decoration : none;
	color : #fff;
	font : bold 90%/25px arial,sans-serif;
}
#nav li a:hover, #nav li a:focus {
	text-decoration : none;
	color : #333;
	font : bold 90%/25px arial,sans-serif;
}

#mainbody {
	clear : both;
	margin : 20px 0;
}

#leftsection {	
	width : 26%;
	float : left;	
	margin-right : 10px;
	margin-top : 10px;
	display : inline;
	overflow : hidden;
}

#leftsection div.leftpanel {
	background : #DDDDEE;
	border : #9797C3 solid 1px;	
	padding : 10px;
	width : 90%;
}

div.leftpanel a, div.leftpanel a:link, div.leftpanel a:active, div.leftpanel a:visited {
	font : bold 100% arial,verdana;
	color : #4242C4;
}

div.leftpanel a:hover, div.leftpanel a:focus {
	font : bold 100% arial,verdana;
	color : #333;
}

#leftsection div.offers {
	background : #f63;
	border : #f63 solid 1px;
	padding : 10px;
	width : 90%;
	margin-bottom : 10px;
}

#leftsection h2 {
	padding-bottom : 10px;
	border-bottom : #006 dotted 1px;
	margin : 5px 0;
	font-size : 130%;
}

#rightsection {
	float : right; 
	width : 70%;
	display : inline;
	overflow : hidden;
	margin-right : 10px;
}

#rightsection h3 {
	color : #f63;
}

.clearboth {
	clear : both;
}

ul.committee {
	width : 90%;
	margin : 20px;
}

ul.committee li {
	margin : 15px 0;
}

#footer {
	text-align :center;
	font-size : 0.85em;
	margin : 10px 0;
	color : #000;
}

h3.special {
	color : #fff;
}


ul.homepagesteps {
	list-style : none;
	width : 99%;
	margin : 0 10px;
	padding-bottom : 10px;
}

ul.homepagesteps li {
	width : 29%;
	margin : 20px 5px;
	float : left;
	display : inline;
	overflow : hidden;
	text-align : center;
}

ul.homepagesteps li a, ul.homepagesteps li a:link, ul.homepagesteps li a:active, ul.homepagesteps li a:visited {
	font : bold 150%/4em arial,verdana;
	width : 97%;
	text-decoration : underline;
	color : #fff;
	display : block;
	background : #3E0066 url(../images/bottom_center.gif) center bottom no-repeat;
}

ul.homepagesteps li a:hover, ul.homepagesteps li a:focus {
	font : bold 150%/4em arial,verdana;
	width : 97%;
	text-decoration : underline;
	color : #999;
	display : block;
	background : #10107F;
}