body { background: rgb(33,42,16) url(images/green7.png) repeat-x}

body, td { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333 }

img, table, td { border: none; padding:0; margin:0 }
table { border-spacing: 0; border-collapse: collapse }
xa, ximg { float: left }
.clearboth { clear:both }


/*	ANCHORS */
a { color: #004477;	text-decoration: none }
a:hover { text-decoration: underline; }
a:visited { color: #588CB8; }
a:hover, a:visited:hover { color: #004477; }
 

#container { width:700px; margin-left:auto; margin-right:auto; margin-top: 10px ; margin-bottom: 0; padding:0;
	border: 1px solid rgb(204,211,196);
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	background: url('images/stripes-dark.gif')
}

table.toplinks td:first-child a { 
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px; 
	border-top-left-radius: 10px
}

table.toplinks td:last-child a { 
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px; 
	border-top-right-radius: 10px
}

table.toplinks img { float: left }

div.white { position: relative; background-color: white; overflow: auto }
div.textcontent { width: 485px; padding: 25px 15px 5px 25px; background-color:white }
td.textcontent  {padding: 25px 15px 5px 25px; background-color:white; vertical-align: top; width: 525px }
td.imgcontent { vertical-align:top;  background-color:rgb(33,42,16); width: 175px }

td.dropshadow-r  { background: url('images/dropshadow_r.gif'); width: 7px }
td.dropshadow-b  { background: url('images/dropshadow_b.gif'); height: 7px }
td.dropshadow-br { background: url('images/dropshadow_br.gif'); width: 7px; height: 7px }

xa, xa:link, xa:visited { text-decoration: none }
#footer a:hover, td.textcontent a:hover { text-decoration: underline }

a.pdf { padding-right: 18px; padding-top: 3px; padding-bottom: 3px; background: url('images/pdficon_small.gif') right no-repeat }
a.pointer { padding-right: 13px; background: url('images/link_internal.gif') right no-repeat }
a.newwindow { padding-right: 13px; background: url('images/link_external.gif') right no-repeat }
xa.pointer:hover { padding-right: 20px }
a.backtoprojects { 
	float:right; 
	padding: 2px 0px 2px 13px;  
	background: url('images/link_back.gif') left no-repeat; 
	xcolor: black 
}
xa.backtoprojects:hover { 
	padding-left: 20px; 
	text-decoration: underline;
	background: url('images/linkback.gif') left no-repeat; 
	color: black 
}

#thumbs { width: 100%; text-align: center; clear:both }
#thumbs img { margin: 4px; border: 1px solid #aaaaaa; padding: 2px}
#thumbs img:hover, #thumbs img.current { margin: 4px; border: 2px solid black; padding: 1px }

td.projectpic { padding: 5px; text-align: center; width: 470px; vertical-align: top; background-color: white }
td.projecttext { vertical-align: top; padding: 5px; background-color: white }

#xprojectlist a:link  { color: black }
#projectlist td.col1 { width: 108px; padding-top: 4px }
#projectlist td.col1 table {margin-left: auto; margin-right:auto }
#projectlist img { border: 1px solid #606060; margin: 0; padding: 2px }
#projectlist a:hover img { border:2px solid black; margin: 0px; padding: 1px }

#footer { width: 700px; overflow: auto }
#footer a { margin-top: 2px; min-height: 33px; vertical-align: center; color: white }
#footer a.left { float: left; text-align: left; margin-left: 10px; title: 'Visit CDECA in a new window' }
#footer a.right { float: right; text-align: right; margin-right: 10px }
#footer a img { border: 1px solid white }
#footer a.left img { margin-left: 10px }
#footer a.right img { margin-right: 10px }
#footer p {font-weight: bold; font-size: 11px; margin-top: 2px; margin-bottom: 0px; color: white }

table.toplinks { width: 700px }
table.toplinks td { 
	xwidth: 175px; 
	font-size: 11px; 
	color: black; 
	font-weight: bold; 
	text-decoration: none
}
table.toplinks td a div { padding-bottom: 3px }

table.toplinks a { width: 100%; 
	min-height: 18px; 
	display: block; 
	color: rgb(38,50,19); 
	margin:0; 
	padding:0;
	background: url("images/stripes-light.gif") left 
}

table.toplinks a div { padding: 1px 0 0 10px }

table.toplinks a:hover, table.toplinks a.current { 
	background: url("images/stripes-dark.gif") left; 
	color: white; 
}