/* CSS Document */

/* POSITIONING */
div.topnav {
	margin:0;
	padding:5px 0px 5px 20px;
}

div.nav {
	display:inline;
	margin:0;
	padding:10px 5px 5px 0px;
	background: image(../images/arcadia-home_signin.gif);
}

a.nav0 {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-size: 13px;
	font-weight: Normal;
	color: #FFFFFF;
	text-align: left;
	text-decoration:none;
	padding-left: 0px;
	padding-right: 3px;
	line-height: 18px;
}

a.nav1 {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/menu_bullet.png) no-repeat;
	vertical-align: middle;
	font-size: 13px;
	font-weight: Normal;
	color: #FFFFFF;
	text-align: left;
	text-decoration:none;
	padding-left: 17px;
	padding-right: 3px;
	line-height: 18px;
	height: 18px;
}

a:hover {text-decoration:none;}

a.subnav {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #0055B0;
	font-size:14px;
}

a:hover.subnav {
	text-decoration:none;
}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{
	width:770px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top: 18px;
	position:relative;
	border: 1px solid #c9c9c9;
} 
 
#header{
	position:relative;
	height:26px;
	background-color:#0055b0;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
} 

#container{
	width:770px;
	position:relative;
}

#containermid{
	width:770px;
	position:relative;
}
#wrapper{
	width:770px;
	position:relative;
}

#topleft{
	width:530px;
	height:63px;
	float:left;
	position:relative;
	background-image: url(../images/craigside-home_logo.jpg);
 }
 
#topright {
	background-color: #0055b0;
	float: right;
	display:inline;
	position: relative;
	width:240px;
	height:62px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	z-index:99;	
 }

#topright h3 {
	padding-left:2px;
	color:#FFFFFF;
	margin-top: 25px;
}
#leftcol{
	width:433px;
	height:206px;
	float:left;
	position:relative;
	background-color:#0055b0;
	/* background-image: url(../images/arcadia_lifestyle-frame01.gif); */
	background-repeat: no-repeat;
	background-position: left top;
 }
 
#maincol{
	color: #FFFFFF;
 	float: right; 
 	display:inline; 
 	position: relative; 
 	width:337px; 
 	height:206px;
	background-color:#0055b0;
	padding: 0px;
	margin: 0px;
 }

#maincol h1 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	padding: 10px 5px 0px 0px;
	margin: 0px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 120%;
  } 

#maincol h2 {
	padding: 10px 5px 0px 0px;
	margin: 0px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 120%;
  }
  
 #maincol h1 {
	font-size: 25px;
  } 
  
 #maincol h2 {
	font-size: 14px;
  }  
 #maincol ul { 
	padding: 10px 10px 0px 0px;
	margin: 0px;
 	float:left;
 	width: 151px;
 	display:block; 
	line-height: 120%;
 } 

#maincol li {
	list-style-position: inside;
}

#maincol li a {
	color: #FFFFFF;
	text-decoration: underline;
}

#maincol li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#footer{
 /*height:250px; */
 background-color:#FFFFFF; 
 padding:0px;
 margin: 0px 0px 0px 0px;
 font-size:14px;
 background-image: url(../images/bottomboxbg.gif);
 background-repeat: no-repeat;
 background-position: right top;
 } 
 
#footer ul {
	list-style-position: inside;
}
 
#footerleft {
	float: left;
	width: 193px;
	height: 200px;
	padding:0px;
	margin: 0px;
	background-color: #ffffff;	
	background-image: url(../images/bottomboxbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
 }


#footerleftmid {
 	float: left; 
	width: 181px;
	height: 200px;
	background-color: #ffffff;	
 	padding:0px;
 	margin: 0px;
	background-image: url(../images/bottomboxbg.gif);
	background-repeat: no-repeat;
	background-position: right top;	
 }
 
#footerrightmid {
 	float: left; 
	width: 193px;
	height: 200px;
	background-color: #ffffff;	
 	padding:0px;
 	margin: 0px;
	background-image: url(../images/bottomboxbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
 }
 
 #footerright {
 	float: left; 
	width: 202px;
	height: 200px;
	background-color: #ffffff;	
 	padding:0px;
 	margin: 0px;
 }
 
 #footerright p {
	padding: 5px 0px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 120%;
 }
 
#footerrightbar {
	width: 202px;
	height: 56px;
	background-image:url(../images/craigside-home_bargradient.jpg);
	background-repeat: no-repeat;
 }

 .bottomheaderright {
 background-image:url(../images/craigside-home_bargradient.jpg);
 }
 .bottomheader {
	color: #FFFFFF;
	background-color: #007737;
	height: 22px;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	padding-left: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
 } 

#copyrightdiv{
	width:770px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-top: 10px;
}

#copyrightfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #96ABE2;
	letter-spacing: 3px;
}
.prompt {
	padding: 0px 0px 0px 0px;
	line-height: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
  }
 
 .promptsub {
	padding: 0px 0px 0px 20px;
	line-height: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
  }
 
.promptdef {
	padding: 0px 0px 0px 20px;
	line-height: 0px;
	margin-top: -7px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#subpagenav {
	float: left;
	width: 200px;
	height: 320px;
	background-color: #fffff;	
	padding: 0px;
	margin: 0px;
 }
 
#subpagenavempty  {
	float: left;
	width: 50px;
	height: 320px;
	background-color: #fffff;	
	padding: 0px;
	margin: 0px;
 }
 
#subpagemid2col {
 	float: left; 
	width: 500px;
	background-color: #fffff;	
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #ffffff;
 }

#subpagemid3col {
 	float: left; 
	width: 396px;
	background-color: #fffff;	
	padding: 0px 5px 0px 0px;
	margin: 0px;
	border-left: 1px solid #ffffff;
 } 
 
#subpagemid2col h1, #subpagemid3col h1 {
	font-family: arial, "lucida grande", verdana, tahoma, arial;
	font-size: 17px;
	font-weight: bold;
	color: #007370;
	padding: 0px;
	margin: 15px 0px 10px 0px;
}

#subpagemidcnt3col {
 	float: left; 
	width: 385px;
	background-color: #fffff;	
	padding: 0px 10px 0px 10px;
	margin: 0px;
	border-left: 1px solid #FFFFFF;
	border-right:  1px solid #EAEAEA;;
 }

#subpagemidcnt2col {
 	float: left; 
	width: 500px;
	background-color: #fffff;	
	padding-left: 10px;
	margin: 0px;
	border-left: 1px solid #FFFFFF;
 }

#subpagemidcnt3col p, #subpagemidcnt2col p {
	padding: 0px 0px 15px 0px;
	line-height: 15pt;
 }
 
 #subpageright {
 	float: left;
	width: 140px;
	height: 320px;
	background-color: #ffffff;	
	padding: 0px;
 	margin: 0px 0px 0px 1px;
	font-size: 12px;
 }

#subpageright p, #subpageright a {
 	font-size: 12px;
}

#subpagenavcnt {
	padding: 15px 15px 30px 5px;
 }

/* #subpagenavcnt a:link, #subpagenavcnt a:visited{
	font-family: Arial, Times New Roman;
	font-size: 14px;
	color: #003399;
	text-decoration: none;
 } 

#subpagenavcnt a:hover, #subpagenavcnt a:active{
	text-decoration: none;
 } */

#subpagerightcnt {
	padding: 60px 0px 5px 8px;
	color: #333333;
	font-size: 12px;
 }

#subpage_header {
	font-family: arial, "lucida grande", verdana, tahoma, arial;
	font-size: 24px;
	font-weight: bold;
	color: #007370;
	padding: 0px 5px 15px 10px;	

 }

#subpage_footer {
 	float: left;
	text-align: center;
	padding: 5px 0px 5px 30px;	
 }
  
 #subpage_footer_address {
	padding: 30px 0px 5px 0px;	
 }

 #subpage_footer_address p {
    line-height: 20px;
	text-align: center;	
    font-size: 11px;
    letter-spacing: 2px;	
 }

  #subpage_footer_links {
	padding: 20px 0px 5px 40px;    
 } 
 
 #subpage_footer_links a:link, #subpage_footer a:visited {
	padding: 20px 0px 5px 0px;    
	text-decoration: none;
	text-align: center;	
    font-size: 9px;
    letter-spacing: 2px;	
	color: #003399;
 }

.bottomheader h3 {
	padding: 0px 0px 0px 20px;
	line-height: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
  }

.bottombody {
	padding: 0px 0px 0px 20px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 120%;
 }
 
.bottombody p {
 padding: 5px 5px 0px 0px;
 }
 
.bottombody ul {
 padding: 0px 5px 0px 0px;
 margin-top: 5px;
 margin-left: 0px;
 color:#0055B0;
 }
 
.bottombody li {
	list-style-position:outside;
	list-style-type: none;
    background: url(../images/bullet.jpg) no-repeat;
    padding-left: 13px;
	font-size: 14px;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* STYLES */
body, p, a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
}


ul.subMenu { margin:0; padding: 0px 0px 0px 11px; }
ul.subMenu li { margin:0; padding: 4px 0px 4px 0px; display:block; list-style-type:none; border-bottom: 1px solid #EAEAEA;}
ul.subMenu a:link, ul.subMenu a:visited {  font-size:12px; padding:0 12px 6px 12px; color: #303030; text-decoration:none; background: url(../images/doubleGreyPointer.gif) no-repeat 0 5px; }
ul.subMenu a:active, ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { padding:0 12px 6px 12px; color: #000000; text-decoration:none; background: url(../images/doubleLightBluePointer.gif) no-repeat 0 5px; }*/
ul.subMenu a:link.subMenuOn, ul.subMenu a:visited.subMenuOn { font-weight: bold; }