/*------------------------------------------------------------------------
SHORTHAND (delete once style sheet finished)

background:url(/images/interface/left_bg.gif) repeat-x bottom; 
background:url(/images/interface/left_bg.gif) no-repeat top left; 
background:#FF0000 url(/userdocs/history_pic1.gif) no-repeat 5px 50% fixed; 

list-style: url(/images/dot.gif) disc inside;

font: italic small-caps bold 13px/15px Verdana, Arial, Helvetica, sans-serif; 
font: 11px/13px Verdana, sans-serif; 
---------------------------------------------------------------------------*/


.body { background: #FFF; COLOR: #000; margin: 0px; padding: 0px; }

P { margin:0 20px 10px 0;}
UL { margin:0px; }
LI { margin:0px; }
FORM { margin:0px; }
INPUT { margin:0px; }
H1, H2, H3, H4, H5, H6, H7, H8 {margin:0px; }

H1 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; COLOR: #3c52ac; margin:0 20px 10px 0px; }

H2 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; margin:0px 0 12px 0;}

img {
   behavior: url("pngbehavior2.htc");
}

.welcome { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; }

.footer { font: 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #DDDDDD; }
.footer A:link    { COLOR: #DDDDDD; }
.footer A:visited { COLOR: #DDDDDD; }
.footer A:active  { COLOR: #FFFFFF; }
.footer A:hover   { COLOR: #FFFFFF; }

#nav A {display:inline;}
.nav { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }
.nav A         { COLOR: #FF9999; text-decoration:none; }
.nav A:hover   { COLOR: #FF0000; text-decoration:none; }

#subnav A { font: 11px Verdana, Arial, Helvetica, sans-serif; background: #990000; COLOR: #FFFFFF; display:block; text-decoration:none; }
#subnav A:hover { background: #CC0000; COLOR: #FFFFFF; }
.subnav { font: 11px Verdana, Arial, Helvetica, sans-serif; }
.subnav A         { COLOR: #FF9999; text-decoration:none; }
.subnav A:hover   { COLOR: #FF0000; text-decoration:none; }

.table { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; background:#FF0000; }
.table A         { COLOR: #000000; }
.table A:hover   { COLOR: #FFFFFF; }
.table TH { padding:2px 10px 2px 10px; text-align:left; }
.table TH A       { COLOR: #000000; }
.table TH A:hover { COLOR: #FFFFFF; }
.table TD { padding:2px 10px 2px 10px; }
.table .listing1 { background:#FFCC66; }
.table .listing2 { background:#FFFF99; }
.table .pager { font-size: 10px; COLOR: #000000; }
.table .pager A         { font-weight:bold; }

.border { COLOR: #000000; BORDER: solid #000000 1px; }

.input { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; background:#CCCCFF; }
.button { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; background:#CCCCFF; }

.help { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #CC0000; }
.help A { COLOR: #CC0000; }
.error { font: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #006699; }
.error A { COLOR: #006699; }

#wrapper {width:760px;}

#header{
height:191px;}

#headerinside{
height:130px;}

#nav {
	position: absolute;
	width: 446px;
	left: 336px;
	top: 164px;
}

#navinside {
	position: absolute;
	width: 500px;
	left: 36px;
	top: 103px;
}


#content{
	background-color:#FFFFFF;
	padding:25px 30px 25px 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}

#content A { COLOR: #3c52ac;
text-decoration:underline; }
#content A:hover   { COLOR: #000066; }

#contentinside{
	background-color:#FFFFFF;
	background-image:url(images/inside_content_bg.gif);
	background-position:right;
	background-repeat: repeat-y;
	padding:25px 50px 25px 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 15px;
}
#contentinside ul {margin:0 0 0 30px; padding:0px;}

#contentinside A { COLOR: #3c52ac;
text-decoration:underline; }
#contentinside A:hover   { COLOR: #000066; }

#contentprojects{
	background-color:#FFFFFF;
	background-image:url(images/inside_content_bg.gif);
	background-position:right;
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 15px;
}
#contentprojects h1{padding:25px 50px 0px 50px;}

#contentprojects A { COLOR: #3c52ac;
text-decoration:underline; }
#contentprojects A:hover   { COLOR: #000066; }

#insidephotos {width:200px;
float:right;
margin:20px 0px 20px 30px;
}
#insidephotos img {margin:0 0 10px 0;}

.projectwrapper {width:600px; padding-left:50px;}

#private {
width:250px;
float:left;
margin:0 10px;
}
#public{
width:250;
float:left;
margin:0 10px;
}
#public ul, #private ul, #public li , #private li {margin:0; padding:0;}

#public li , #private li {
	margin:0 0 0 15px; 
	padding:0;
	list-style-position: outside;
	list-style-type: disc;
}


#private h2, #public h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #364faa;
	margin-bottom:7px;
}

#highlighted{
background-color:#CAE5ff; 
padding:10px 0px;

}


#highlightedpic {
width:107px;
text-align: center;
float:left;


}

#highlightedpic img {border:2px solid #ffffff; margin-bottom:2px;}

#highlightedcontent{width:400px;
float:left;
padding-left:15px;}

#highlightedcontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #344daa;
	font-size: 12px;
	margin: 0 0 2px 0px;
}

#footer{
	background-color:#3c52ac;
	color:#FFFFFF;
	padding:5px 30px 10px 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	clear:both;
}

#footer A { COLOR: #ffffff;
text-decoration:none; }
#footer A:hover   {text-decoration:underline;}

body {
	margin: 0px;
	padding: 0px;
	background-image:url(images/bg_map.gif);
	background-color: #c9e5ff;
}

.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 15px;}

.content A { COLOR: #3c52ac;
text-decoration:underline; }
.content A:hover   { COLOR: #000066; }

dl {margin:0px 0 15px 0px; padding:0px; width:560px; float:left;}
dd  {margin:0px; padding:0px;}
dt {
	margin:15px 0 3px 0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3c52ac;
}
dd.img {float:left; padding:5px 10px 0 0;}
dd img {border:2px solid #3c52ac;}

