@import "form-styles.css";

*{
	margin:0;
	padding:0;
}

body{
	background:#cae4f7 url('../images/body-tile.gif') repeat-x top left;
}

form{
	margin:10px 0 0 0;
	padding:0;
}

#container{
	margin:0 auto;
	margin-top:10px;
	width:760px;
}
/* cal styles ---------------------------------------- */

#calpage { /* xxx */
	background-color: #cae4f7;
	width: 100%;
	padding: 0 0;
	margin: auto;
}
				
#calmain {
 	clear: both;
	margin: auto;
	padding: 0;
	width: 760px;
	text-align: left; 
	background-color:#cae4f7 url('../images/body-tile.gif') repeat-x top left;;
			
}
		
#calheader{
	width:761px;
	background:#cae4f7  url('') no-repeat top left;
	height:116px;
	border-bottom:0px solid #0a3767;
}

#calheader img{
	float:left;
	margin:10px 0 0 0px;
	padding:0;
}

#calheader img.secondary-image{
	float:right;
	margin:40px 20px 0 0;
}

#clear {
	width:100%;
	height:1px;
	clear:both;
}

#calnav {
	float:left;
	height:40px;
	background-color:#cae4f7 url('../images/body-tile.gif') repeat-x top left;;
	font-size:10px;
}

.callink{
	background:#e3842b;
	font-family:"Lucida Grande", sans-serif;
	width:160px;
	padding:12px 0 4px 0;
	margin:0;
}

.callink a{
	background:#e3842b;
	text-decoration:none;
	color:#fff;
	font-size:12px;
	padding-left:20px;			
}

.callink a:hover{
	text-decoration:underline;
}

#callinks{
	margin:0;
	padding:0;
}

#calheadline{
	background:#e3842b;
	font-size:12px;
	font-family:"Lucida Grande", sans-serif;
	color:#fff;
	float:right;
	width:652px;
	padding:9px 0 8px 8px;
	margin:0 0 15px 0;
	font-style:italic;
}


/* end cal styles -------------------------------------- */





#header{
	width:760px;
	background:#005295 url('../images/header-top.gif') no-repeat top left;
	
}

.header-wrap {
	
background: url('../images/24June2011_head_repeat.jpg') repeat-x bottom left;
}

#header img{
	float:left;
	margin:10px 0 0 0px;
	padding:0;
}

#header .logo {
	height:95px;
}

#header img.secondary-image{
	float:right;
	margin:40px 20px 0 0;
}

#feature{
	width:600px;
	height:208px;
	float:right;
	background:#fff;
}

#feature img{
	float:right;
	margin:0;
	padding:0;
	
	
}

#feature p{
	margin:0;
	padding:5px 0 5px 10px;
	font-family:"Lucida Grande", sans-serif;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#0a3767;
	position:relative;
	top:100px;
	width:230px;
	background-color:#fff;
	float:right;
}

#left-feature{
	margin:0;
	padding:0;
	float:left;
	
	height:266px;
	width:160px;
	overflow:hidden;
	background:#034986 url('../images/24June2011_nav_bot.jpg') no-repeat bottom left;
}

#nav{
	margin:0;
	padding:0;
	width:760px;
	height:36px;
	border-bottom:1px solid white;
	overflow:hidden;
	
	padding-top:0px;
}


#nav ul {
	display: block;
 padding: 0px;
 margin: 0px;
 list-style: none;
 text-align: center;
	} 

#nav ul li {
	display: block;
 float: left;
 margin: 0px;
 list-style: none;

	}
	
	#nav ul li.last {
	border-right:none;
	}
	
		
#nav ul li.first {
	margin-left: 0;
	
	list-style: none;
	display: inline;
	}
	
	#nav a {
			display: block;
background:#0a3767 url('../images/24June2011_repeat.jpg') repeat-x;
 height: 36px;

 text-decoration: none;
color: white;
font-size: 12px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

padding:0px 22px;
padding-top:10px;

	border-right:1px solid white;	
	}
	
	*html #nav a {
	width: 107px;
	padding:0px;
	padding-top:10px;
	}
	
	
	#nav .last a {
	border:none;	
	}
	#nav a:hover {
			text-decoration:underline;
	}

#links{
	margin:0;
	padding:0;
}



/*shorter links*/
.linkshort{
	font-family:"Lucida Grande", sans-serif;
	width:160px;
	padding:7.5px 0 8.3px 0;
	margin:0;
	border-bottom:1px solid #fff;
	background:#0a3767 url('../images/list-tile.gif') repeat-x top left;
}

.linkshort a{
	text-decoration:none;
	color:#fff;
	font-size:12px;
	padding-left:20px;			
}

.linkshort a:hover{
	text-decoration:underline;
}

.last-linkshort{
	font-family:"Lucida Grande", sans-serif;
	width:160px;
	padding:8px 0 8px 0;
	border-bottom:1px solid #fff;
	background:#0a3767 url('../images/list-tile.gif') repeat-x top left;
}

.last-linkshort a{
	text-decoration:none;
	color:#fff;
	font-size:12px;
	padding-left:20px;			
}

.last-linkshort a:hover{
	text-decoration:underline;
}

/* end shorter links */

.link{
	font-family:"Lucida Grande", sans-serif;
	width:160px;
	padding:12px 0 11px 0;
	margin:0;
	border-bottom:1px solid #fff;
	background:#0a3767 url('../images/list-tile.gif') repeat-x top left;
}

.link a{
	text-decoration:none;
	color:#fff;
	font-size:12px;
	padding-left:20px;			
}

.link a:hover{
	text-decoration:underline;
}

.last-link{
	font-family:"Lucida Grande", sans-serif;
	width:160px;
	padding:8px 0 8px 0;
	border-bottom:1px solid #fff;
	background:#0a3767 url('../images/list-tile.gif') repeat-x top left;
}

.last-link a{
	text-decoration:none;
	color:#fff;
	font-size:12px;
	padding-left:20px;			
}

.last-link a:hover{
	text-decoration:underline;
}
		
#headline{
	background:#e3842b url('../images/headline-bottom.gif') no-repeat bottom right;
	font-family:"Lucida Grande", sans-serif;
	border-left:1px solid #044864;
	color:#fff;
	float:right;
	width:599px;
	padding:8px 0 8px 0;
	margin:0;
}

#headline p{
	width:510px;
	margin-left:10px;
	font-size:18px;
	font-weight:bold;
}

#footer{
	margin:0 0 20px 0;
	float:left;
	width:590px;
	height:100px;
	padding-left:170px;
	background:#005295 url('../images/footer-bottom.gif') no-repeat bottom left;	
	border-top:10px solid #fff;	
}

#footer p{
	float:left;
	color:#fff;
	font-family:Arial, sans-serif;
	font-size:12px;
	margin:13px 20px 0 0;
	width:165px;
}

#footer a{
	color:#fff;
}

#footer a:hover{
	text-decoration:none;
	color:#fff;
}

#content{
	float:left;
	margin:0;
	padding-left:155px;
	width:605px;
	background-color:#fff;
}

#content2{
	width:760px;
	float:left;
	margin:0;
	padding-left:0px;
	background-color:#fff;
}

#information{
	width:385px;
	margin:10px 0 30px 5px;
	padding:0;
	float:left;
}

#information p.intro-info{
	font-family:"Arial", sans-serif;
	font-size:15px;
	line-height:26px;
	color:#02203f;
	margin:5px 0 0 10px;
	padding:0;
	width:385px;
}

#information ul{
	list-style-type:circle;
	margin:10px 0 10px 0;
	padding:0;
}

#information form ul{
	list-style-type:none;
	margin:0;
}

#information form li{
	margin-left:-10px;
	padding:0;
}

#information li{
	font-family:"Lucida Grande", sans-serif;
	font-size:12px;
	line-height:22px;
	color:#555;
	margin:0 0 0 30px;
	padding:0;
}


#information p{
	font-family:"Lucida Grande", sans-serif;
	font-size:12px;
	line-height:26px;
	color:#555;
	margin:5px 0 0 10px;
	padding:0;
}


#information h1{
	font-family:"Lucida Grande", sans-serif;
	font-size:16px;
	line-height:32px;
	color:#222;
	margin:5px 0 5px 10px;
	padding:0;
}

#information h2{
	font-family:"Lucida Grande", sans-serif;
	font-size:13px;
	line-height:32px;
	color:#222;
	margin:5px 0 5px 10px;
	padding:0;
}

#information h3{
	font-family:"Lucida Grande", sans-serif;
	font-size:11px;
	line-height:32px;
	color:#222;
	margin:5px 0 5px 10px;
	padding:0;
}

#information a{
	color:#005295;
}

#information a:hover{
	color:#005295;
	text-decoration:none;
}

#side-nav{
	float:right;
	width:177px;
	margin:10px 5px 0 0;
	padding:0;
}

#side-nav-left{
	float:left;
	margin:0 0 0 0;
	padding:0;
	width:136px;
	margin:10px;
}

#side-nav-left img{
	border:none;
	padding:0;
}

#side-nav-left  p {
	font-family:"Lucida Grande", sans-serif;
	font-size:12px;
	line-height:normal;
	
	padding-top:10px;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	
}

.awards {
	background-color:#005295;
	color:#fff;
	padding:10px;
	margin-top:10px;
}

.awards-header {
	
font-weight:bold;
text-transform:uppercase;
font-family:"Lucida Grande", sans-serif;
	font-size:12px;
	line-height:normal;
	
	padding-bottom:5px;
}

#side-nav img{
	border:none;
	margin:0px 0 3px 0;
	padding:0;
}

#side-nav p{
	font-family:Arial, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#02203f;
	margin-left:10px;
	width:160px;
}

.clear{
	clear:both;
}


/*** Notification Returns ***/
.notify_box {
	font-weight: bold;
	margin: 5px;
	padding: 5px;
}
	.notify_box p {
		margin: 0px;
	}

	#return_error {
		background: #FFCFCF url(../images/icon_fail.gif) no-repeat 3px 5px;
		border: 2px solid #DE0808;
		padding-left: 25px;
	}
	
	
	
	#quick_nav {
    float: left;
	color: #3D3D3D;
	font-family:Helvetica,Arial, sans-serif;
    width: 160px;
    padding: 4px 18px 0;
    height: 144px;
    background: transparent url(../images/24June2011_nav_bot_sm.jpg) top left no-repeat;
}

#quick_nav h2 {
    color: #002a65;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 0;
	padding-bottom:10px;
	padding-top:10px;
    font-family: helvetica;
}

#quick_nav ul {
    width: 267px;
    list-style: none;
}

#quick_nav ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #fdc871;
}

#quick_nav ul li a {
    color: #3D3D3D;
	text-decoration:none;
}

#quick_nav ul li a:hover {
    background: #fda617;
	width: 100%;
    text-decoration: none;
}

#quick_nav ul li span {
    background: transparent url(../images/24June2011_green.png) 7px center no-repeat;
    padding: 2px 0 2px 28px;
    width: 239px;
    line-height: 14px;
    font-size: 14px;
}

.message {
color:white;
font-size:13px;
	font-family:Helvetica,Arial, sans-serif;
	text-transform:uppercase;
	padding-left:15px;
	padding-top:20px;
	line-height:2em;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
