/* main.css */
/*This page contains the <div> sections for the site*/




body {
background-color:d1dae4;
}


#container	{
width:1000px;
text-align:center;
}

/*---------Banner Section-------------*/
#banner	{
width:1000px;
float:left
}

/*--Left Banner--*/
#leftbanner {
width:200px;
float:left;
background-color:#CC9900;
}


/*--Mid Banner--*/
#midbanner  {
float:left; 
}

#rightbanner {
width:200px;
float:left;
text-align:right;
background-color:#D1D7D8;
}

/*---------End Banner------------*/




/*-----------------------Left Margin----------------------*/
#lmargin {
width:200px;
height:810px;
background-color:#003366; /*#D1D7D8;*/
float:left;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}

#lmargin ul li {
list-style-type:none;
display:block; 
font-size:small;
text-align:left;
}

#lmargin ul li a {
text-decoration:none;
color:#ffffff;
}

#lmargin ul li a:hover {
text-decoration:underline;
color:#cccccc;
}

#lmargin ul li a:visited {
color:#ffffff;
}


#pagecontent {
width:600px;
float:left;
background-color:#d1dae4;
}

#flashapp {
width:600px;
background-color:#d1dae4;
}

/*------------------------------MAIN------------------------------*/
#main {
width:600px;
background-color:#d1dae4;
}

#main p, em {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
}



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

#main ul li {
list-style-type:none;
display:block;
}

#main ul li a:link {
color:#0033FF;
text-decoration:none;
}

#main ul li a:hover {
color:#0099FF; 
text-decoration:underline;
}

#main ul li a:visited {
color:#0033FF;
text-decoration:none;
}


.ltr {
text-align:left;
width:100%;
float:left;
margin:0px 5px 0px 5px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
}

.ltr h3 {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}

 .ltr ul {
display:list-item;
text-align:left;
}
.ltr ul li {
list-style-type:disc;

}


/*----------------------------------------END MAIN-------------------------------*/

#rmargin {
width:200px;
height:810px;
background-color:#003366;
float:left;
font-family:Arial, Helvetica, sans-serif;
}

#rmargin p {
font-size:small;
text-align:center;
}

#rmargin ul li {
list-style-type:none;
display:block; 
font-size:small;
text-align:left;
}

#rmargin ul li a {
text-decoration:none;
color:#ffffff;
}

#rmargin ul li a:hover {
text-decoration:underline;
color:#cccccc;
}

#rmargin ul li a:visited {
color:#ffffff;
}
/*------------------------------------End right margin--------------------------*/


/*-///////////////////////////////CALENDAR//////////////////////////-*/
#calendar {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
width:224px;
float:left;
margin: 0px 0px 0px 0px;
text-align:center;
}

#calendar h3 {
text-align:center;
color:#666666;
font-size:medium;
}

#events {
width:360px;
float:left;
margin:0px 0px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
}

#events h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
/*---------------Footer Section------------------------------*/
#footer {
width:1000px;
background-color:#919F9F;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*--------------------------End Footer---------------------------*/

/*--------------Misc Functions--------------*/

#gallery	{
border:thin #000000;
margin:1em; 
padding:.75em;
font-family:Arial, Helvetica, sans-serif;
}
			 
#gallery h5	{color:#000099; font-size:x-large;}			 
			 
#gallery div	{border:thin #000000;
				 width:115px;
				 margin:5px;
				 padding:5px; 
				 float:left; 
				 text-align:center;} 
#gallery h5	{ clear:both;}/*----------------------end------------------*/

.pull {
float:right;
background-image:url(../images/mayor.png);
width:140px;
height:170px;
background-repeat:no-repeat;
}/*this is for photos on the main page like in an address letter*/

.ltrimage  {
float:left;
padding-right:8px;
}

/*================================== Calendar Expanding Boxes ===================*/

#boxes {
float:left;
width:224px;
margin:10px;
}
#box1,#box2,#box3 {
margin-bottom:20px;/*20px*/
background-image:url(../images/cal_box_btm.gif);
background-position:left bottom;
background-repeat:no-repeat;
}
#box1 h3,#box2 h3,#box3 h3 {
text-align:center;
padding:23px 30px 9px 0;
margin:0 0 0 -1px;
background:url(../images/cal_box_top.gif) top no-repeat ;
font-size:medium;
}
#box1 p,#box2 p,#box3 p {
padding:9px 19px 24px 12px;
margin:0;
}