/*************** CSS Document ******************/

/* reset.css */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
}

table {border-collapse:separate; border:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}


/*  base css */

body,html
{ 
text-align:center;
padding:0; 
}


body
{
font-family:verdana, arial, "bitstream vera sans", sans-serif; 
color:#292929;  
font-size: 13px; /* Except IE */
background-color: #999; 
background-image: url(bg.jpg); 
background-repeat: repeat; 
background-position: center -15px; 
text-align: center; 
}

* html body 
{ 
font-size: 90%; /* IE */ 
}


h1,h2,h3,h4,h5
{ 
color:#292929;
line-height:110%; 
padding: 10px 0; 
}


.maincontents h1,.maincontents h2,.maincontents h3,.maincontents h4,.maincontents h5
{
font-family: Georgia, "Times New Roman", Times, serif;
color:#cc0000;
}

h1
{font-size:160%; }

h2
{font-size:140%; padding:5px 0; }

h3
{font-size:120%; margin:10px 0; border-bottom: 1px solid #ccc; padding:3px 0; }

hr 
{ 
height:1px; 
border:0; 
width:100%; 
background-image: url(hr_h.gif); 
background-repeat: repeat-x; 
background-position: 0 center; 
margin-top: 15px; 
margin-bottom: 15px; 
border:0;
}

blockquote
{
margin:15px;
}

ul
{
margin-left:20px;
}

ul li
{ 
margin-left: 5px; 
margin-top:3px;
padding-left: 17px; 
list-style-type: none; 
background-image: url(arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 6px; 
}

ul#pdflist li
{ 
padding-left: 24px; 
background-image: url(pdf.gif); 
}

ul ul li
{
font-size:90%;
margin-left: 20px; 
margin-top:2px;
padding-left: 15px; 
list-style-type: none; 
background-image: url(bullet.gif); 
background-repeat: no-repeat; 
background-position: 0 7px; 
line-height:130%;
}

ul ul ul li
{ 
background-image: none; 
margin-left: 50px; 
padding: 0; 
list-style-type: circle; 
}

ol  { 
margin: 10px 0 10px 20px; 
padding: 0 ;
}

ol li  
{ 
margin-left: 5px; 
margin-top:5px;
}


p{margin:10px 0;}

br#clear
{
clear:both;
}

/*************** base ******************/

.background
{ 
background: repeat-x 0 0 #e5e5e5;
margin:0; 
padding:0; 
height:auto;
}

.wholewrap
{ 
width:970px; 
margin:0 auto; 
padding: 0; 
height:100%;
}

.bodyback
{ 
background-image: url(body_bg.gif); 
background-repeat: repeat-y; 
background-position: 0 0; 
margin: 0; 
padding: 0 4px; 
line-height: 160%; 
text-align:left; 
height:100%;
}


.bodyback_1col
{ 
text-align:left;
background:#ffffff; 
margin: 0; 
padding: 0 4px; 
line-height: 160%; 
text-align:left; 
height:100%;
}

#insidebody
{
padding:0 20px;
}

/*************** header ******************/

div.header
{ 
text-align: left; 
position: relative; 
height: 107px; 
margin:0 4px; 
padding:0; 
}

div.header h1
{
z-index:1000;
	position:absolute;
	top:5px;
	left:0;
	margin:0;
}

#search
{ 
margin:0 0 20px 0;
}

#search input
{
	padding:3px;

	}

*html #search input
{
padding:0;
}

#search .required
{
border:1px solid #ccc;
padding:3px;
}

#search table
{ 
margin:10px 0 0; 
}

#search td{padding:0 3px}

div.Search dt
{
font-weight:bold;
}

div.Search dd
{
font-style: italic;
font-size:95%;
margin-bottom:15px;
}

div.Search dl
{
margin-left:25px;
margin-top:20px;
}

#topmenu
{
background:#fff;
text-align:right;
position:absolute;
right:170px;
top:5px;
width:550px;
margin:0;
padding:0;
}

.box a.topmenu
{ 
font-size:90%;
text-decoration:none;
color:#fff;
}

.box a.topmenu:hover
{
color:#ffff99;
}

.box  
{ 
float:left;
width:120px;
line-height:110%;
background: #336699; 
padding: 8px 5px; 
text-align: center; 
margin:0 3px 0 0 !important;
}

#deaf
{
position:absolute;
right:10px;
top:50px;
z-index:100;
}

#fsizerwrap
{
text-align:right;
position:absolute;
right:0px;
top:10px;
width:180px;
padding:0;
}

#fontsizer {
padding:0;
float:right;
width:90px;
} 

#textsize
{
font-size:13px !important;
}

/*************** links ******************/

a
{ 
color:#336699; 
text-decoration:underline; 
padding-bottom: 1px;
}

a:hover
{ 
color:#996600;
background-image: none; 
text-decoration:none; 
}

.sitemap a:visited
{
color:#666;
}

.sitemap br
{
display:none;
}

/*************** menu ******************/

div.mainmenu
{ 
z-index: 1000
background-image: url(menu_bg.gif); 
background-repeat: no-repeat; 
background-position: 0 0; 
width: 970px; 
height: 62px; 
padding:0; 
margin:0; 
}

*html div.mainmenu
{
height:60px; 
}

ul.CMenu
{ 
width:1000px;
margin: 0; 
padding: 0; 
display:inline;
}

ul.CMenu li.mLabel
{ 
background-image: none;
list-style-type: none;  
float:left; 
margin: 0; 
padding:0; 
height:62px; 
width:135px;
border-left:1px solid #c90d13;
}

ul.CMenu #page_210
{
border-right:1px solid #c90d13;
}

ul.CMenu li.mItem
{ 
background-image: none;
list-style-type: none;  
margin: 0; 
padding:0; 
}

/*IE 7*/
*:first-child+html ul.menu a
{
}

/*IE 6*/
*html ul.CMenu a
{
padding:14px 5px; 
}

ul.CMenu a
{ 
text-transform: uppercase;
color:#fff; 
background-image: none; 
text-decoration:none; 
margin: 0; 
padding:15px 5px; 
display:block; 
line-height:110%;
height:35px;
}

ul.CMenu a:hover
{ 
background: url(menu_hover.gif) repeat-x 0 0; 
color:#292929;  
text-decoration:none; 
}

ul.CMenu #thispage
{ 
background: url(menu_hover.gif) repeat-x 0 0; 
}

ul.CMenu #thispage a
{ 
color:#634f13;
}

ul.CMenu #thispage a:hover
{ 
color:#fff;
}

ul.CMenu ul
{
display:absolute;
top:62px;
}

*html ul.CMenu ul
{
margin-left:-68px;
}

*:first-child+html ul.CMenu ul
{
margin-left:-68px;
}

ul.CMenu ul li a
{
color:#292929;  
padding:5px 10px;
text-align:left;
display:absolute;
background-color:#adc3fd;
border-top:1px solid #9aade0;
width:200px;
text-transform:none;
height:100%;
}

ul.CMenu ul li a:hover
{
background-image:none;
color:#fff;
background-color:#7a88ac;
}

/*************** vmenu ******************/

.vmenu a
{
display:block;
padding-left:17px;
background:url(arrow.gif) no-repeat 0 6px; 
}

/*************** features ******************/

.features
{ 
position:relative;
height:100px;
background: url(mainimage_bg.png) no-repeat center 0; 
margin: 0; 
padding:0; 
}

.features h2
{
font-size:160%;
font-family:"Times New Roman", Times, serif;
position:absolute;
top:30px;
left:0;
color:#fff;
}

*html .features
{ 
background: url(mainimage_bg.jpg) no-repeat center 0; 
}

.featureimages
{ 
width:500px;
height:160px;
overflow:hidden;
position:absolute;
top:-60px;
right:0;
}

.features h1
{ 
font-family: Georgia, "Times New Roman", Times, serif;
color:#fff;
position:absolute;
top:30px;
left:0;
}


/*************** features top page ******************/

#featuretop
{
height:265px;	
}

#rotateimage
{
width:945px;
height:325px;
}

/*************** maincontents ******************/

.leftsidebar
{ 
float:left; 
width:700px; 
margin-top: 10px; 
margin-bottom: 10px;
padding: 0; 
}

.body1col .maincontents
{
	padding: 15px; 
}


*html .leftsidebar
{
width:690px; 
}

.maincontents
{
	padding: 0 15px; 
}

.maincontents img
{
margin:10px;
}


/*************** rightsidebar ******************/

.rightsidebar
{ 
width:260px; 
float:right; 
text-align:left; 
margin: 10px 0; 
padding:10px 0;
position:relative;
}

.rightsidebar #corner
{
background:url(sidebar_corner.gif) 0 0;
position:absolute;
top:-10px;
left:-5px;
height:20px;
width:25px;
}

.sidebarlinks a
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:110%;
text-decoration:none;
color:#666;
display:block;
margin-bottom:10px;
line-height:110%;
}


.sidebarlinks a:hover
{
color:#cc0000;
}

#NewWestDirectory
{
background: url(NewWestDirectory.jpg) no-repeat 0 top #fff;
text-align:right; 
padding:15px 10px 15px 100px;
}

#FindHousing
{
font-size:130%;
font-weight:bold;
background: url(House_button.gif) no-repeat right center #fff; 
text-align:left;
padding:20px 80px 10px 10px;
min-height:50px;
}

#Newsletter
{
color:#fff;
background: url(newsletter.jpg) no-repeat 0 center; 
text-align:right; 
padding:15px 10px 15px 100px;
}

a#Newsletter:hover
{
color:#ffff99;
}

#Introduction
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:110%;
text-decoration:none;
color:#666;
display:block;
margin-bottom:10px;
line-height:110%;
background: url(flags.jpg) no-repeat right center #fff; 
text-align:left;
padding:10px;
height:100%;
}

#Introduction #heading
{
display:block;
padding-right:65px;
}

#Introduction ul
{
margin:10px 0 5px 0;
padding:0;
width:80px;
float:left;
}

#Introduction ul li
{
background:none;
padding:0;
margin:0;
display:inline;
}

#Introduction ul li a
{
color:#336699;
background:url(bullet2.gif) no-repeat 0 center;
padding-left:10px;
text-decoration:underline;
font-size:80%;
line-height:110%;
}

#Introduction ul li a:hover
{
color:#666;
text-decoration:none;
}



.rightsidebar img
{ 
margin-bottom:10px;
}


/*************** footer******************/

div.body_bot
{ 
width:970px;
height:25px;
clear:both; 
padding:0;
margin: 0 auto; 
padding:0;
}

.footer a
{ 
font-size:90%; 
text-align:left; 
line-height:140%; 
color: #99ccff; 
margin:0 5px;
}

.footer a:hover
{ 
color:#ffff99;
background-image: none; 
}

#footermenu
{ 
height:auto;
width:1000px;
text-align:left; 
margin:0 auto; 
padding:15px 0 0 0; 
display:none;
}

#footermenu ul.mainmenu
{
margin:0;
padding:0;
width:1000px;
}

#footermenu li
{
background-image:none;
text-align:left; 
width:auto;
float:left;
padding:0;
margin:0 5px;
width:145px;
padding-right:10px;
}

*html #footermenu li
{
width:110px;
}

#footermenu a
{ 
color: #99ccff;
font-size: 110%; 
font-weight:bold; 
text-decoration:none; 
text-transform:uppercase;
margin:0; 
padding:0 5px 0 0;
display: block; 
line-height:120%;
}

#footermenu a:hover
{ 
color: #fff;
text-decoration:none; 
}


#footermenu div.submenu
{
margin-top:10px;
display:block;
}


#footermenu a.submenu
{
font-size:90%;
text-decoration:underline; 
text-transform:none; 
font-weight:normal;
display:block;
padding:0;
margin:5px 0;
}

#footermenu a.submenu:hover
{
color:#fff;
text-decoration: none; 
}


#funders_bg
{
margin:20px 0;
padding:10px 0;
background-color:#fff;
}

#funders
{
width:970px;
text-align:left; 
margin:0 auto; 
}

#funders img
{
margin:0 5px;
}

#funders h2
{
font-family: Georgia, "Times New Roman", Times, serif;
color:#cc0000;
}

#footer
{ 
color:#fff;	
width:950px;
text-align:center; 
margin: 0 auto 20px auto; 
}

#footer a
{
color:#fff;	
}


/*************** table ******************/

table.A
{
margin:5px 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
width:100%;
}

table.A td
{
padding:10px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
text-align:left;
line-height:130%;
}

table.B
{
border-bottom: 1px solid #ccc; 
margin:10px 0;
}

table.B td
{
border-top: 1px solid #ccc; 
padding:5px 10px;
text-align:left;
}


/*************** Zine ******************/


.ZineTools a
{
line-height:120%;
color:#53769a;
text-decoration:none;
line-height:120%;
}

.ZineTools a:hover
{
text-decoration:underline;
}


.ZineTools a img
{
margin:0 5px;
}

div.Zine .ZineAboutBody .ZineAbout
{
font-style:italic;
margin-bottom:10px;
}

div.Zine .ZineArticle .ZineFooter
{
margin-top:15px;
}

/*************** Calendar ******************/

div.Calendar
{
background-color:white;
padding:8px;
font-size:95%;
}

div.Calendar h1
{
color:#CC0000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:160%;
margin-bottom:-8px;
}

div.Calendar h4
{
color:#292929;
font-family:verdana, arial, "bitstream vera sans", sans-serif; 
font-size:110%;
line-height:130%;
}

table.Calendar th
{
background-color: #336699 !important;
text-align:center;
color:white;
height:25px;
width:27px;
}

table.Calendar td
{
height:25px;
text-align:center;
width:25px;
}

table.Calendar
{
margin-left:15px;
}

.CalendarEvent
{
background:#c8e4fd;
}

/**** Location Editor ****/
div.tab {
width: 100px;
}
div.tabbar {
font-size: 85%;
}

div.tabpane {
font-size: 85%;
}

table.features td, table.charges_units td, table.general_checkboxes td {
padding-right: 5px !important;
}

table.residential_care textarea {
width:325px !important;
}

td.price input, td.size input {
width: 120px !important;
}

td.general {
padding-right: 4px;
}

img.logout_img { 
margin: 0 !important;
}

div.PrintFriendly {
display: inline;
}

div#footer div.PrintFriendly
{
float:none;
}

div#footer div.PrintFriendly span
{
font-size:10pt !important;
}

div#footer div.PrintFriendly a
{
text-decoration:underline;
}

/**** Google Map ****/

#googlemap
{
float:right;
width:320px;
padding:0 10px;
}



/**** Gallery ****/

.Gallery
{
font-size:90%;
line-height:110%;
}

.Gallery td
{
width:25%;
padding:0 10px;
text-align:center;
}

.Gallery a img
{
border:3px solid #fff;
}

.Gallery a:hover img
{
border:3px solid #cc0000;
}

div.PrintFriendly
{
float:right;
font-size:85%;
}

div.PrintFriendly a
{
text-decoration:none;
font-size:85% !important;
}

div.PrintFriendly img
{
margin:0px;
}

a.readability_link
{
text-decoration:underline !important;
}

a.readability_link:hover
{
text-decoration:none !important;
}

/*------------member login ------------*/

.Login
{
margin:0;
width:auto;
float:right;
padding:0 0 0 5px;

}

.LoginForm
{
text-align:center;
}

.LoginForm table
{
margin:0 auto;
}

.LoginForm td
{
text-align:left;
padding:0 3px;
}

.LoginForm td input[type="text"],.LoginForm td input[type="password"]
{
width:175px;
padding:3px;
margin:0 0 3px 0;
}

.LoginForm td input[type="checkbox"]
{
float:right;
}

