/*
STYLE SHEET
-----------
proj: GreenZone RI
date: 4/18/08


COLORS:
#008b41 green
#1b4243 dk blue (links)
#b42d44 crimson


*/


body{
	margin:	0px;
	padding: 0px;
	background-color: #D6D7D9;
	text-align: center;
	font:  .75em/1.75em "arial","helvetica","sans-serif";
	color: #444444;
}

td {
	font:  .75em/1.75em "arial","helvetica","sans-serif";
}

h1 {
	font:  bold 1.5em;
	color:#008b41;
}

h2 {
	font:  bold 1.15em/1.75em;
	color:#008b41;
	display:inline;
}

h3 {
	font:  bold .75em/1.75em;
	color:#008b41;
	display:inline;
}


li{
	margin-top: .5em;
	margin-left: -1.5em;
}

p{
	margin-top: 0;
}

.error{
	border: 1px solid #990000;
	font-weight: bold;
	color: #990000;
	background:#ffffdd;
	padding: 5px 5px 5px 5px;
}


#logo-container{
	position: absolute;
	margin:  25px 0 0 20px;
	z-index: 5;
}

#date-container{
	position: absolute;
	margin:  10px 0 0 0;
	width:  780px;
}

#date{
	float: right;
	color:  #999999;
	margin: 0 15px 0 0;
}

#wrapper {
	background-color: #F2FBF6;
	background-image: url('images/content_bg.gif');
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	text-align:left;
	width: 780px;
}

#container {
	float: right;
	padding: 180px 20px 0px 0px;
	width: 500px;
}


#doc_holder{
	padding-left: 5px;
	padding-bottom: 5px;
	float:left;
	margin-right: 10px;
	width: 220px;
	border: 1px dotted #1b4243;
	background-color: #ffffff;
}


#doc_list {
	margin: 0;
	padding: 0;
}

#doc_list li{
	list-style-type: none;
	font-size: 11px;
	margin: 0;
	
}

.related-content{
	float:left;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	width: 230px;
}

/*
.image-float{
	float:left;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	width: 230px;
}
*/

.image-caption{
	font: bold 11px Verdana,Arial,Helvetica,sans-serif;
	padding: 1px;
}  


/*
although the top links are graphical, there positioning relies on the font-size of 11px
*/
#top-links{
	position: absolute;
	font:  11px/13px;
	color: #797A79;
}
/*
need to create two groupings of top links, because one box became too wide and overlapped the main content of the page
we were not able to click links, etc in the main content area because the top-links box was on top
*/
#top-linksB{
	position: absolute;
	margin-top: 155px;
	font:  11px/13px;
	color: #797A79;
}

#link1 {padding: 18px 15px 5px 380px; line-height: 13px;}
#link2 {padding: 18px 0px 14px 280px; line-height: 13px;}
#link3 {padding: 18px 0px 18px 197px; line-height: 13px;}
#link4 {padding: 18px 0px 14px 123px; line-height: 13px;}
#link5 {padding: 18px 0px 18px 78px; line-height: 13px;}
#link6 {padding: 18px 0px 18px 35px; line-height: 13px;}
#link7 {padding: 18px 0px 18px 0px; line-height: 13px;}


#content {
	float: right;
	width: 250px;
}

#content-wide {
	float: right;
	width: 475px;
}

#squareup {
	padding-top: 35px;
}


#footer {
	clear: right;
	color:#666666;
	padding: 50px 0px 5px 20px;
}

#admin_container {
	background-color: #ffffff;
	padding: 8px;
}

#userfield {
	background-color: #DBF5DF;
	padding: 5px;
	margin: 0;
	width: 780px;
}

.obj3ctmeta{
	background-color: #eeeeee;
}

.contactsubmission{
	font-weight: bold;
	background-color: #efeee8;
	padding: 5px;
}

.sectionhilite{

}

/*
admin nav items
- - - - - -
*/
#admin_navcontainer {
	overflow: hidden;
	background-image: url('images/nav_adminbg.gif');
	background-repeat: no repeat;
	height: 25px;
	border-top: solid 1px #01743B;
	border-bottom: solid 1px #01743B;
}

#admin_navlist {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 5px;
}

#admin_navlist li {
	border-left: 1px solid #01743B;
	float: left;
	line-height: 1.1em;
	margin: 0 .5em 0 -.5em;
	padding: .5em .5em .5em .5em;
}

#admin_navlist li a {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 15px 15px 15px 15px;
}

#admin_navlist li a:hover {
	color: #FFFFFF;
	background-color: #01743B;
}


/*
admin secondary nav items
- - - - - -
*/
#admin_navcontainersecondary {
	overflow: hidden;
	height: 25px;
}

#admin_navlistsecondary {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 5px;
}

#admin_navlistsecondary li {
	border-right: 1px solid #008b41;
	float: left;
	line-height: .5em;
	margin: 0 .5em 0 -.5em;
	padding: 6 .5em 6 .5em;
}

#admin_navlistsecondary li a {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 15px 15px 15px 15px;
}

#admin_navlistsecondary li a:hover {
	color: #FFFFFF;
	background-color: #008b41;
}


/*
footer nav
- - - - - -
*/
#foot-navcontainer
{
	margin-bottom: 1em;
	width: 730px;
	overflow: hidden;
}

#foot-navlist
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#foot-navlist li
{
	border-left: 1px solid #999999;
	float: left;
	line-height: 1.1em;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}


 


/*
* LINKS
* - - -
*/
a:link,a:visited{
	color:#1b4243;
}
a:hover,a:active,a:focus,a.admin:hover,a.admin:active,a.admin:focus{
	color:#b42d44;
}
a.admin:link,a.admin:visited{
	color:#FFFFFF;
}
a.admin:hover,a.admin:active,a.admin:focus{
	color:#FFFFA0;
}
a.mini:link,a.mini:visited{
	font-size:10px;
	text-decoration:none;
}
a.mini:hover,a.mini:active,a.mini:focus{
	font-size:10px;
	text-decoration:underline;
}
a.footer:link,a.footer:visited{
	text-decoration:none;
}
a.footer:hover,a.footer:active,a.footer:focus{
	text-decoration:underline;
}
a.publish:link,a.publish:visited{
	font-weight:bold;
	font:  bold 12px "arial","helvetica","sans-serif";
	color:#b42d44;
}
a.publish:hover,a.publish:active,a.publish:focus{
	color:#b42d44;
	font:  bold 12px "arial","helvetica","sans-serif";
}
a.delete,a.delete:hover{
	color: #990000;
}

#footer a{
	color:#666666;
}

#footer a:hover{
	color:#1b4243;
}



/*
 * MESSAGE AREAS
 * - - - - - - -
 */
#errorbox{
	background:#FFFFAA;
	border:1px #990000 solid;
	color:#990000;
	font-weight:bold;
	padding:5px 5px 5px 5px;
}
#messagebox{
	background:#DFE5EB;
	border:1px #074381 solid;
	color:#074381;
	font-weight:bold;
	padding:5px 5px 5px 5px;
}


/*
 * FORMS
 * - - - -
 */

form {
	padding:4px;
	background-color: #f9fffc;
	border: #008b41 1px dotted;
}

form.nostyle{
	background:none;
	border:none;
	padding:0px
}

input, select, textarea, .field-value{
	border:1px solid #77766E;
	color:#000000;
	font:bold 12px verdana,arial,helvetica,sans-serif;
}


.radio, .checkbox, .field-value{
	border: none;
}

.field-label{
	color:#008b41;
	font-size: .75em;
	font-weight: bold;

}

.field-description{
	color:#6F6E66;
	font-size:11px;
}

.field-error{
	color:#990000;
	background:#FFFFAA;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	border: 1px #990000 solid;
}

.formbutt{
	background:#008b41;
	color:#FFFFFF;
	font:bold 11px Verdana,Arial,Helvetica,sans-serif;
}



#contactform {
	padding-top: 20px;
	background-color: #f9fffc;
	border: #008b41 1px dotted;
	padding: 10px 10px 10px 10px;
}

#submitbutton {
	color: #ffffff;
	font-weight: bold;
	background-color: #008b41;
	border: 1px solid #ffffff;
	height: 2em;
}

.asterisk{
	color: #b42d44;
}

.form-label{
	font-size: .75em;
	color: #666666;
}

.form-copy{
	font-size: .75em;
	font-weight: bold;
}

/*
* CLASSES
* - - - -
* to be used in conjunction with one another (i.e class="mid dim")
*/
/* colors */
.dim{
	color:#77766E;
}
.label{
	color:#555450;
}
.alert{
	color:#990000;
}
.header{
	color:#ABD2F7;
}
.footer{
	color:#323232;
}
/* sizes */
.mid{
	font-size:11px;
}
.mini{
	font-size:10px;
}
/* weight */
.strong{
	font-weight:bold;
}
/* background */
.error{
	background:#FFFFAA;
	padding: 5px 5px 5px 5px;
}
.nolinebreak{
	display: inline;
}

div.publish, td.publish{
	background:#DBF5DF;
	font-size:10px;
	padding: 5px;
}

div.published{
	font-size:10px;
}