#main {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 962px;
	background-image: url(images/page_bg.gif);
	background-repeat: repeat-y;
	margin: 0px auto; 
	padding:0; 
}
#wrapper {
	margin: 0px auto; 
	padding:0; 
	width: 932px;
}


#header {
	margin: 0px 0px 15px -2px;
	width: 932px;
	height:167px;
	
	position:relative;
	/*left:-36px;
	width:933px;
	height:167px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;*/
	background:url(images/header_bg.jpg) no-repeat;	

}


#side-a {
	float: left;
	width: 255px;
}

#side-b { 
	margin: 0;
	float: left;
	width: 632px;
	height: 1% /* Holly hack for Peekaboo Bug */ clear: left;
	padding-top: 25px 0 0 0;
	margin:25px 0 0 0;	
}

#footer {
	clear: both;
	background-image: url(images/footer.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#686D54;
	width: 962px;
	padding:30px 0 0 0;
	margin:0px;
	color: #fff;
	font-size: 10px;
	text-align: center;
}
/*#questions{position:relative; top:0px; float:right; margin:0px 0px -10px 0px; padding:0px 0px 0px 0px;}*/

#toplogo{
	position:relative;
	left:0px;
	width:270px;
	height:165px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#activate{
	position:absolute;
	/*float:right;*/
	right:0px;
	top:0px;
	
	width:270px;
	height:165px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#head_text{
	position:absolute;
	left:304px;
	width:343px;
	height:87px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	top: 23px;
}
#head_text h2 {
	color:#FF0000;
	font-weight:bold;
	font-size:24px;
}
#head_text div {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
}
/*Left Navigation */

#left_nav{list-style:none; margin:0px; padding:0px; background-image:url(images/mauinavbg.png); background-position: top center; background-repeat:no-repeat; }
#left_nav li {width: 240px; margin:0px; padding:0px;}
#left_nav li.top {display:list-item; width: 240px; height:49px; margin:0px; padding:35px 0px 0px 0px; text-align:center; font-size:16px; color:#000; font-weight:bold;}
#left_nav li a {display: block; text-indent: 0px; width: 240px; margin:0px; padding:10px 0 15px 0; text-align:center; color:#a7a9ac; font-weight:bold; font-size:14px; letter-spacing:-.2;}
#left_nav li a:hover {
	display: block;
	text-indent: 0px;
	background:url(images/navover_jpeg.jpg) top left no-repeat;
	width: 240px;
	margin:0px;
	margin-left:4px;
	text-align:center;
	color:#6d6e71;
	text-decoration:none;
}
#left_nav li a.selected {
	background:url(images/navover_jpeg.jpg) top left no-repeat;
	color:#6d6e71;
	margin-left:4px;
	}


#flash {
	margin:0px 10px 0px 0px;
	padding-bottom:20px;
}
#content_center {
	padding:30px;
	border-left:dotted thin #CCC;
	border-top:dotted thin #CCC;

	
}




body {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; padding:0; margin:0; background-color: #686D54; padding-bottom: 20px; color:#6d6e71; }

p{margin:0 0 15px 0; padding:0;}
ul{margin-top:0px; margin-bottom:0px; padding-bottom:15px;}

a:link {color: #155180; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
a:active {color: #155180; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
a:hover {color: #155180; text-decoration: underline; font-family:Arial, Helvetica, sans-serif;}
a:visited {color: #155180; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}

a.bluelink:link {color: #155180; text-decoration: none; font-family:Arial, Helvetica, sans-serif; }
a.bluelink:active {color: #155180; text-decoration: none; font-family:Arial, Helvetica, sans-serif; }
a.bluelink:hover {color: #155180; text-decoration: underline; font-family:Arial, Helvetica, sans-serif;}
a.bluelink:visited {color: #155180; text-decoration: none; font-family:Arial, Helvetica, sans-serif; }

h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#404041; font-size:18px; line-height:20px; margin:0 0 10px 0; padding:0;}
h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#404041; font-size:16px; line-height:16px; margin:0 0 10px 0; padding:0;}
h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#404041; font-size:24px; line-height:16px; margin:0 0 10px 0; padding:0;}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.animatedtabs{
/*border-bottom: 1px solid gray;*/
overflow: hidden;
width: 100%;
font-size: 12px; /*font of menu text*/
left:375px; 
position: absolute; 
top:134px; 
width:600px; 
padding:0; 
margin:0;
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 0px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(images/tab-blue-left.gif) no-repeat 0 5px;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 5px 9px;
text-decoration: none;
display:block;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
padding-bottom:0px;
}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: #a7a9ac;
z-index:110;
top:5px;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
color: #6d6e71;
}

.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
padding-bottom:0px;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span{float:none;}
/* End IE5-Mac hack */


/* Top-Right Menu from Dynamic Drive */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
/*content added CSS where necessary*/
.footnote {
font-size:11px;
font-style:italic;
}


/* GET-A-CARD steps styles ported over from older CSS site.*/
ul#steps {
	display: block;
	width: 600px;
	min-width: 600px;
	height: 65px;
	list-style: none;
	margin: 15px 0px 5px 0px;
	padding: 0px;
}

li.step_1_active {
	display: block;
	float: left;
	width: 100px;
	min-width: 100px;
	height: 65px;
	margin: 3px;
	padding: 2px;
	background-image: url('images/step_1_active.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

li.step_1_inactive{
	display: block;
	float: left;
	width: 100px;
	min-width: 100px;
	height: 65px;
	margin: 3px;
	padding: 2px;
	background-image: url('images/step_1_inactive.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
li.step_2_active {
	display: block;
	float: left;
	width: 100px;
	min-width: 100px;
	height: 65px;
	margin: 3px;
	padding: 2px;
	background-image: url('images/step_2_active.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

li.step_2_inactive{
	display: block;
	float: left;
	width: 100px;
	min-width: 100px;
	height: 65px;
	margin: 3px;
	padding: 2px;
	background-image: url('images/step_2_inactive.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
li.step_3_active {
	display: block;
	float: left;
	width: 100px;
	min-width: 100px;
	height: 65px;
	margin: 3px;
	padding: 2px;
	background-image: url('images/step_3_active.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

li.step_3_inactive{
	display: block;
	float: left;
	width: 100px;
	min-width: 100px;
	height: 65px;
	margin: 3px;
	padding: 2px;
	background-image: url('images/step_3_inactive.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
li.step_4_active {
	display: block;
	float: left;
	width: 100px;
	min-width: 100px;
	height: 65px;
	margin: 3px;
	padding: 2px;
	background-image: url('images/step_4_active.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

li.step_4_inactive{
	display: block;
	float: left;
	width: 100px;
	min-width: 100px;
	height: 65px;
	margin: 3px;
	padding: 2px;
	background-image: url('images/step_4_inactive.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

li.step_5_active {
	display: block;
	float: left;
	width: 100px;
	min-width: 100px;
	height: 65px;
	margin: 3px;
	padding: 2px;
	background-image: url('images/step_5_active.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

li.step_5_inactive{
	display: block;
	float: left;
	width: 100px;
	min-width: 100px;
	height: 65px;
	margin: 3px;
	padding: 2px;
	background-image: url('images/step_5_inactive.gif');
	background-repeat:no-repeat;
	background-position: 0px 0px;
}