* {
margin:0;
padding:0;
}

body {
background:#c4c7ea;/* url(images/bkgrnd_line.jpg) repeat-x left top;*/
text-align:center;
margin:0px auto;
}

a img {
border:none;
}

a {
text-decoration:none; color:#5b489f;
}


#container {
margin:0px auto;
text-align:left;
width:960px;
/*min-width:780px;
max-width:960px;*/
background:#c4c7ea;
position:relative;
border:3px dashed #717171;
}


#header {
height:211px;
position:relative;
background:#858ab6;
z-index:220;
}

#header h1, #header h1 a, #header h2, #header h3 {
/*text-indent:-9999px;*/
color:#5b489f;
color:#fff;
font:normal 24px/1.5em Georgia, "Times New Roman", Times, serif;
padding:20px 0 0 40px;
position:relative;
z-index:300;
}
#header h1 a {
/*background:url(images/title.gif) no-repeat center center;*/
font-size:34px;
line-height:1.4em;
padding:0;
/*position:absolute;
top:20px;
left:20px;
z-index:309;*/
outline:none;
}
#header h1 a span { text-transform:uppercase; font-size: 64px; }
#header h2 {
font-size:16px;
padding-top:0;
font-family:"Lucida Grande", Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
/*
width:100%;
height:211px;
position:absolute;
top:0;*/
}
#header h3 { font-size:14px; padding-top:0;font-family:"Lucida Grande", Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif; }

#header li {
list-style:none;
}

#nav {
position:absolute;
left:0;
top:0px;
width:100%;
height:211px;
}
#nav #topseal {
display:block;
width:100%;
height:211px;
position:relative;
}
#nav #topseal span.bar {
position:absolute;
left:0;
bottom:0px;
display:block;
background:#efd86e;
width:100%;
height:31px;

}
#nav #topseal span.seal {
position:absolute;
left:0;
top:0px;
display:block;
width:100%;
height:211px;
background:transparent url(images/topseal_ie6.gif) no-repeat 125% 9px;
}
#header > #nav #topseal span.seal {
background:transparent url(images/topseal.png) no-repeat 125% 5px;
}
#nav ul {
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:30px;
border-top:1px solid #888;
border-bottom:1px solid #c8bcbc;
}
#nav li {
float:left;
margin-left:0px;
}
#nav li a, #nav li a:visited {
display:block;
padding:0 15px;
text-decoration:none;
color:#333;
font:14px/30px "Lucida Grande",Tahoma, Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
}
#nav li a:hover { 
color:#000;
background:khaki;
}
#homepg li a.homepg,#aboutpg li a.aboutpg,#knowlawpg li a.knowlawpg,#readypg li a.readypg,#lawspg li a.lawspg,#commutepg li a.commutepg,#linkspg li a.linkspg, #downloadspg li a.downloadspg {
color:#000;
background:palegoldenrod;
}

.streetrulespg li a.streetrulespg, .signalspg li a.signalspg, .seepg li a.seepg, .sidewalkspg li a.sidewalkspg {
color:#000;
background:beige;
}

#nav li ul { position:absolute; top:30px; left:0px; height:140px; width:165px;z-index:10; display:none; background:palegoldenrod;border-top:none;}
#nav li ul li { float:none; padding:0 0; margin:0;}
#nav li ul li a, #nav li ul li a:visited { line-height:1.1em; margin:6px 0; display:block; padding:3px 0 3px 10px; }/*
#nav li:hover ul, #nav li a:hover ul { display:block; }
#nav :hover > a, #nav ul :hover > a {background:beige; }*/
#nav li a.homepg {margin-left:10px;}

#nav li:hover ul, #nav li.over ul { display: block; } 


/*---------- CONTENT ------------*/

#content {
min-height:400px;
width:auto;
background:#fff url(images/bottomseal.gif) no-repeat 125% top;
}

#text {
margin:0px 40px 0 40px;
padding:10px 0px 10px 0;
width:auto;
font:.8em/1.3em Verdana, Arial, Helvetica, sans-serif;
}
#text h1, #text h2, #text h3, #text h4 {
margin:1em 0;
color:#31170a;
}
#text h1 {
font:bold 2em/1.3 "Lucida Grande", Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif; text-transform:uppercase; color:#60348f;
/*font:normal 2em/1.3 Georgia, "Times New Roman", Times, serif; color:#60348f;*/
}
#text h2 {
font:normal 1.8em/1.3 Georgia, "Times New Roman", Times, serif; color:#5d9a53;
}
#text h3 {
font:normal 1.4em/1.2 Georgia, "Times New Roman", Times, serif; color:#da7a4b;
}
#text h4 {
font:normal 1.2em/1.2 Georgia, "Times New Roman", Times, serif; color:#60348f;
}
#text p {
margin:1em 0;
color:#31170a;
}
#text img {
float:right;
clear:right;
margin:.5em 1em;
border:1px solid #bbb;
padding:5px;
}
#text img.plain {
border:none;
}
#text ul {
font:1em/1.3em Verdana, Arial, Helvetica, sans-serif;
margin-left:20px;
}

#photos {
width:290px;
height:290px;
float:right;
clear:right;
margin:5px 0 5px 5px;
position:relative;
/*background:url(images/photostack.gif) no-repeat center center;*/
}
#photos img {
float:none;
position:relative;
left:21px;
top:40px;
padding:0;
	display:none;
background:#5d9a53;
padding:5px;
border:2px dashed #000;
}
#photos ul.v2 img { left:20px; top:0; }
#photos img {
position:absolute;
}
#photos img.first {
	display:block;
	}
	
#photos img.first_temp_edit {
position:relative;
	display:block;
}	
#photos li {
list-style:none;
}

.callout {
clear:both;
width:230px;
float:right;
margin:5px 10px 15px 20px;
background:#da7a4b;
border:2px dashed #000;
padding-bottom:5px;
position:relative;
z-index:2;
}
#text>.callout { margin:5px 24px 15px 20px;}

#content .callout p, #content .callout h1, #content .callout h2, #content .callout h3, #content .callout h4 { padding:5px 15px; margin:5px 0; color:#fff; }
#content .callout h1, #content .callout h2, #content .callout h3, #content .callout h4 { padding:5px 15px; color:#fff; }
#content .callout p a { color:#fff; text-decoration:underline; }
#content .callout img { border:none; margin: 0 10px 0 5px;}
#content .callout ul { margin-bottom:15px; }
#content .callout ul li {  margin: 0 15px 5px 5px; color:#fff; }

#sponsors {
width:95px;
position:absolute;
right:20px;
top:20px;
text-align:center;
}
#sponsors h3 {
font:.7em/1em Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#sponsors li {
list-style:none;
padding:4px 0;
}

/*----------FOOTER-------------*/

#footer {
clear:both;
height:37px;
background:#858ab6;/* url(images/gradient2.png) repeat-x left top;*/
}
#footer p {
height:31px;
padding-top:5px;
text-align:center;
font:.8em/23px "Lucida Grande", Arial, Helvetica, Verdana, "Trebuchet MS", sans-serif;
color:#eee;
}

/*----------- JAVASCRIPT ADDED CORNERS -------------

#topCorners {
position:absolute;
top:0;
left:-1px;
background:transparent url(images/corner_topleft2.gif) no-repeat left top;
height:14px;
width:100%;
}
#topCorners div {
height:14px;
width:100%;
position:absolute;
right:-2px;
background:transparent url(images/corner_topright2.gif) no-repeat right top;
}


#bottomCorners {
position:absolute;
bottom:0;
left:-1px;
background:transparent url(images/corner_bottomleft2.gif) no-repeat left bottom;
height:14px;
width:100%;
}
#bottomCorners div {
height:14px;
width:100%;
position:absolute;
right:-2px;
background:transparent url(images/corner_bottomright2.gif) no-repeat right bottom;
}*/