/* HTML Definitions */
/* RESET */
h1, h2, h3, h4, p, ul, li, div, span{
margin:0;
padding:0;
}

ul{
list-style:none;
font-family:verdana,arial,helvetica,sans-serif;
}

ul li{
font-size: .75em;
}

h1, h2, h3, h4{
font-family:Arial, Helvetica, sans-serif;
}

h1{
font-size: 1.2em;
margin-bottom: 8px;
color:#444;
}

h2{
font-size:.85em;
margin-bottom: 6px;
color:#026;
}

#sidebar h3{
font-size:.8em;
}

a{
color: #0066cc;
text-decoration: none;
}

p{
font-family:verdana,arial,helvetica,sans-serif;
font-size: .75em;
line-height: 1.5em;
margin: 0 0 10px 0;
}

p span{
font-size: .75em !important;
}


/*MAIN CONTAINERS */
#body{
text-align:center;
margin: 0;
padding: 0;
}

#main-container{
width:770px;
margin: 0 auto;
border-left: 1px solid #ccc;
}

#header{
background:#073278;
height:60px;
/*border-bottom: 3px solid #fff;*/
}

#pagebody{
border-right:1px solid #ccc;
background:url('../images/2.gif') repeat-y;
height:1%;
}

#main-content{
float:left;
width:600px;
}

#main-content .c1 ul{
list-style:disc;
margin-left:15px;
}

#main-content img{
text-align:left;
margin: 2px 10px 4px 0;
}

#main-content img.right{
text-align:right;
margin: 2px 0 4px 10px;
}

#index-a{
float:left;
width:50%;
padding-bottom: 20px;
}

#main-graphic{
height:278px;
background:#efefef;
border: 1px solid #ccc;
z-index:50;
}

#gallery-graphic{
height:425px;
background:#efefef;
border: 1px solid #ccc;
z-index:50;
}

#sidebar{
float:right;
width:160px;
background-color:transparent;
}

#sidebar ul{
margin:3px 0 0 0;
}

#sidebar ul li{
padding: 3px 0 3px 0;
border-bottom: 1px solid #fff;
}

#sidebar ul li.here a{
color:#009;
}

#audio-message{
margin-top: 140px;
z-index:100;
}

#main-content .c1{
padding:10px;
}
#sidebar .c1{
padding:10px 10px 10px 0;
background-color:transparent;
}

#index-a .c1{
padding:10px 10px 10px 0;
}
#index-b .c1{
padding:10px 0 10px 0;
}

#event-box{
border:1px solid #ccc;
}

#news-box{
border:1px solid #ccc;
margin: 10px 0 0 0; 
}

ul#news-list{
list-style:none !important;
margin-left:0 !important;
}

#news-list li{
padding:1px 3px 6px 5px;
}

#news-list li a{
font-weight:bold;
font-size:.8em;
}

.acrobat{
font-size:.55em !important;
color:#666;
text-align:right;
}

.acrobat a{
font-size:100% !important;
}

#event-box .c2{
padding:5px;
}

#event-box p{
margin: 0 !important;
}

#event-box h2, #news-box h2{
padding:5px;
background:url('../images/3.gif') repeat-x;
color:#fff;
margin-bottom:0;
}

#splash-list{
margin:0 0 10px 0;
width:250px;
}

.splash-image{
height:100px;
background:#efefef;
border-bottom:4px solid #fff;
}

.splash-image img{
margin:0 !important;
border:0;
}

#splash-list tr td .splasharea{
width: 138px;
/* float:left; */
border: 1px solid #ccc;
margin: 0 0 3px 0;
background: #ecf2f9;
}

#splash-list tr td .splasharea:hover{
background: #eef;
}

.splasharea h1, .splasharea h2, .splasharea h3{
color:#000 !impotrant;
font-size:1em !important;
}

.splasharea .c2{
padding:5px;
color:#000;
}

#splash-list tr td.odd{
margin-right:10px;
}

#footer{
background:#073278;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
height:25px;
padding:10px 0 0 10px;
color:#fff;
font-size:.75em;
font-family: Arial, Helvetica, sans-serif;
}

#footer a{
padding: 0;
color:#fff;
}

#footer a.fm_link{
padding: 0 0 0 87px;
color:#fff;
}

#footer a:hover{
color: yellow;
}

#calendar-main{
font-family: Arial, Helvetica, sans-serif;
}

#calendar-main h1{
font-size:1.05em;
margin-bottom:10px;
}

#calendar-list h1{
font-size:.85em;
}

#calnav-left a, #calnav-right a{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

#calnav-left{
float: left;
}

#calnav-right{
float: left;
margin: 0 0 0 0;
padding: 0 0 0 430px;
}

#calendar-list{
padding: 0 0 0 0;
}

#calendar-list ul{
margin: 0;
padding: 0;
list-style: none;
}

#calendar-main #calendar-list{
float: left;
width: 575px;
font-size: 13px;
margin: 0;
padding: 0;
}

#calendar-main #calendar-list h1, #calendar-main #x-col h1{
font-size: 14px !important;
margin: 7px 0 5px 0;
}

#calendar-main #calendar-list h1{
padding: 3px;
background: #efefef;
}


/* UTILITY STYLES */
.cleared{clear:both;}
.alt-row{
background: #DFE9F5;
}
.bottom-10{
margin-bottom: 10px;
}



/* DROPDOWN MENU SYTSEM */
/* Root = Horizontal, Secondary = Vertical */

ul#navmenu{
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 770px; /*For KHTML*/
  list-style: none;
  height: 24px;
  z-index:100;
  background-color:#999;
}

ul#navmenu2{
margin: 0;
  border: 0 none;
  padding: 0;
  width: 770px; /*For KHTML*/
  list-style: none;
  height: 24px;
  z-index:0;
}

ul#navmenu li{
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
  z-index:1000;
}

ul#navmenu2 li{
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  z-index:1000;
}

ul#navmenu ul li a,ul#navmenu ul li ul li a{
text-align:left;
text-indent:10px;
/*padding: 0 20px 0 20px;*/
/*padding: 0 0 0 10px;*/
padding: 0;
background: #DFE9F5 !important;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a{
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  text-align:center;
}

ul#navmenu #enrollment a{width:151px;}
ul#navmenu #headstart a{width:230px;}
ul#navmenu #housing-services a{width:180px;}
ul#navmenu #community-services a{width:200px;}

/*	ul#navmenu #recruitment a{width:109px;}
	ul#navmenu #headstart a{width:199px;}
	ul#navmenu #rent a{width:190px;}
	ul#navmenu #utility a{width:156px;}
	ul#navmenu #job a{width:106px;}
	ul#navmenu2 #customer a{width:150px;}
	ul#navmenu2 #family a{width:207px;}
	ul#navmenu2 #sister a{width:104px;}
	ul#navmenu2 #anger a{width:143px;}
	ul#navmenu2 #life a{width:83px;}
	ul#navmenu2 #others a{width:71px;}     */


ul#navmenu2 a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  text-align:center; 
}


/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #073278;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #06c !important;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #DFE9F5 !important;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #06c !important;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 181px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

.image-left{float:left;margin:5px 15px 5px 0 !important;}
.image-right{float:right;margin:0 0 15px 15px !important;}


label.zemText, label.zemSelect, label.zemTextarea{
margin-top:4px;
}

.zemText, .zemSelect, .zemTextarea{
width:100%;
margin-right:5px;
}

.zemError li{
color:#c00;
}

.zemSubmit{
margin: 5px 0 8px 0;
}

.zemThanks{
border: 1px inset #393;
display: block;
width: 575px;
background: #cfc;
color: #0c0;
}

.zemThanks h2{
margin: 10px;
color: #039;
}