/* CSS Document */

body {
	font: 12px/1.3 arial, helvetica, serif;
	padding: 0;
	margin: 70px 100px;
	background-color:#353535; /* outside background of page has color */
}

#container {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	border:1px #000000 solid;
	background-color:#FFFFFF; /*body of page is white */
}

a {
color: #2a8ebf;
text-decoration:underline;
/*font-weight:bold;*/
} 


h3 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin: 1em 24px;
}

h4 {
color: #000000;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
margin: 2px 24px;
}

.caption {
	font: 11px/1.2 arial, helvetica, serif;
	}

.intsubnav {
padding:4px 8px;
color:#666666;
}


/*.intsubnav span {
border-right:2px solid #ffffff;
padding:4px 8px;
color:#666666;
} */

.intsubnav a {
border-right:2px solid #ffffff;
padding:4px 8px;
color:#000000;
text-decoration:none;
}

.intsubnav span.this a {
/*border-right:2px solid #ffffff;
padding:4px 8px; */
color:#666666;
/*text-decoration:none; */
}

.intsubnav a:hover {
text-decoration:underline;
}

.intsubnav a.last, .intsubnav span.last {
border:none;
}

h5 {
color: #000000;
font-size:12px;
margin: 1em 2em;
}

h6 {
color: #2a8ebf;
font-size:12px;
margin: 1em 2em;
}

p {
	margin: 1em 2em;
}
.nospace p, .nospace h6 {
	margin: 1px 2em;
	font-size:10px;
}
.nospace p {
	font-size:11px;
color:#cccccc;
}

p.indent, p.bluethin {
margin-left:2.8em;
}

.gray {
height:19px;
background-color:#e3e3e3;
margin:0px;
padding:0px;
}

.lefthome {
background-color:#e3e3e3;
}

.leftinterior {
width:280px;
}

.righthome {
background: #e3e3e3 url("images/mapbg.gif") repeat-y top left;
width:181px;
}

.rightinterior p {
width:400px;
}

.righthome2 {
background: #e3e3e3;
width:181px;
}

.interiorline {
background-color:#2a8ebf;
color:#2a8ebf;
height:2px;
width:680px;
text-align:left;
padding:0;
margin: 1em 2em;
}

.blue2, .nospace p.blue2 {
color: #2a8ebf; 
/*font-style:italic;  */
font-weight:bold;
}


.bluethin, .nospace p.bluethin {
color:  #2a8ebf; 
/*font-style:italic; */
}

.subtext {
font-size:10px
}


.bluehead {
background-color:#3493c1;
padding:5px;
color:#FFFFFF;
}

.centerhome {
background-color:#e3e3e3;
width:404px;
}

.footer {
color:#FFFFFF;
font-size:10px;
border-top:1px #ffffff solid;
}

.borderrightA {
border-right:1px #ffffff solid;
background-color:#ccd905;
}
.borderrightB {
border-right:1px #ffffff solid;
background-color:#2c8ebf;
}
.borderrightC {
/*border-right:1px #ffffff solid;*/
background-color:#010101;
}

/* ************************************* PAGE BACKGROUNDS *************************************/
.plainbg a, .aboutbg a, .plancomdevbg a, .lanarcbg a, .urbanbg a, .muncivbg a, .gisbg a, .waterbg a, .agengbg a, .bibg a, .pressbg a, .eventsbg a, .articlesbg a, .bulletinsbg a, .awardsbg a {
font-weight:bold;
}
.plainbg .intsubnav a {
font-weight:normal;
}
.plainbg {
background: #ffffff;
}
.aboutbg {
background: #ededed url("images/pages/about-bgNW.jpg") no-repeat top left;
}
.plancomdevbg {
background: #efefef url("images/pages/plancomdev-bgNW.jpg") no-repeat top left;
}
.lanarcbg {
background: #ededed url("images/pages/lan-arch-bgNW.jpg") no-repeat top left;
}
.urbanbg {
background: #eeeeee url("images/pages/urbanNW.jpg") no-repeat top left;
}
.muncivbg {
background: #eaeaea url("images/pages/mun-civNW.jpg") no-repeat top left;
}
.gisbg {
background: #ededed url("images/pages/gisNW.jpg") no-repeat top left;
}
.waterbg {
background: #ededed url("images/pages/waterNW.jpg") no-repeat top left;
}

.agengbg {
background: #f3f3f3 url("images/pages/ageng-bgNW.jpg") no-repeat top left;
}
.bibg {
background: #ededed url("images/pages/buildingNW.jpg") no-repeat top left;
}

.pressbg {
background: #ededed url("images/pages/press-bgNW.jpg") no-repeat top left;
}
.eventsbg {
background: #ededed url("images/pages/events-bgNW.jpg") no-repeat top left;
}
.articlesbg {
background: #ededed url("images/pages/articles-bgNW.jpg") no-repeat top left;
}
.bulletinsbg {
background: #ededed url("images/pages/bulletins-bgNW.jpg") no-repeat top left;
}
.awardsbg {
background: #ededed url("images/pages/awards-bgNW.jpg") no-repeat top left;
}

/* ************************************* NAV *************************************/
#nav, #nav ul {
	font-size:14px;
	float: left;
	width: 800px;
	list-style: none;
	line-height: 1;
	background: white;
	padding: 0;
	
}

#nav {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	/*margin: 6px 0 7px 0;*/
	margin: 0px 0 0px 0;
	border-bottom: 2px solid #ffffff;
	background:#010101;  /* hides white space so right side looks seamless */
	font-size:12px;
}
#nav ul {
	border: solid #d9d9d9; /*83abc4*/
	border-width: 1px 0;
	/*margin: 0 0 1em 1em;*/
	margin: 0 0 2px 0;
	font-size:12px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

#nav a {
	display: block; /* need for IE and Safari */
	width: 98px; /* need width for IE and Safari - IE6 responds strongly to this one */
	color: #454545;
	text-decoration: none;
	padding: 0.25em 0em;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	font-weight:inherit;
	margin: 0;

	text-align:center;
}

#nav li li a {
display: block;
border:none;
text-align:left;
}

#nav a.green {
background:#cad800;
color:#FFFFFF;
/*padding-right:22px;*/
}
#nav a.blue {
background:#2890c3;
color:#FFFFFF;
}

#nav a.black {
background:#010101;
color:#FFFFFF;
border-right: none; /* hides white space so right side looks seamless */
}


#nav a.parent {
	background:   url("images/rightarrow2.gif") center right no-repeat;
}

#nav li {
	float: left;
	/*padding: 0;*/
	width: 98px; /* need width for IE and Safari -  IE7 and Mozilla respond strongly to this one */
	/*w\idth: 99px;  not sure why */
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 13.4em; /* was 15.4 em */
	w\idth: 12.9em; /* was 14.9 em */
	font-weight: normal;
	border-width: 0.25em;
	/* margin-top: 5px; */
	margin-top: 0px;
}

#nav li li {
	padding: 1px 5px;
	width: 12em; /* was 14 em */
}

#nav li ul a {
	width: 14em;
	w\idth: 11em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #e3e3e3; /*83abc4*/
}
/* *************************************  /NAV *************************************/