/* Default CSS Document */

/** BODY ELEMENTS **/

html {
     overflow: -moz-scrollbars-vertical;
}

* {margin: 0px; padding: 0px;}
body { font: 12px arial, verdana, Helvetica, sans-serif; line-height: 20px; color: #333300; background-image:url(../images/bki.gif); background-repeat:repeat-x;
background-color: #f4f3e4; text-align:center;}
img { border:0px;}
img.border {
border-style: solid;
border-width:1px; 
padding:4px;
border-color: #dddddd;
background-color:#FFFFFF;
}

/** MAIN CONTAINERS **/

#container { margin: 0px auto; width: 985px; text-align:left;}
#header {width:986px; margin:0px; height:96px;}
#content {width:985px; margin:0px; }
#logo {background-image:url(../images/rooftopsLogo.gif); width:330px; float:left; margin:0px; height:96px;}
#tag {width:654px; height:96px; background-image:url(../images/hdbk01.gif); float:right; margin:0px;}
#navbar {width:989px; margin:0px;}

#headerID { width:986px; }
#headerID-right {width:454px; float:right; margin:0px;}
#headerID-left {width:401px; float:left; margin:0px;} 
#headerindex-right {width:584px; float:right;}
#headerindex-left {background-image:url(../images/main01.jpg); width:401px; float:left; height:232px;}

#toplinks {float:right; padding-right:10px;}
#center {margin:0px;}
#contentCenter {padding:20px;}
.column {width:215px;}
#main {clear:both; margin:0px;}
#left {float:left; width:640px; margin:15px 0px  10px  35px ; height:100%;}
#leftwide {float:left; width:900px; margin:15px  20px  10px  35px ; min-height:400px;}
#right {float:right; background-image:url(../images/rightbk.gif); width:270px; height:1%; clear:right;}
#leftindex{clear:both; float:left; width:414px; margin:0px  20px  10px  0px ; background-image:url(../images/homeleftbk.gif);}
#rightindex {float:right; width:500px; padding:15px 10px 0px 15px; min-height:270px;}
#right-in{margin:0px; padding-left:20px;}


/**  FOOTER **/

#footer {clear: both; background-image:url(../images/btbk.gif); background-repeat:repeat-x; background-color:#e6e2cc; min-height:100px; width:100%;
 height:58px; margin: 0px auto; padding:0px;}
#footer-length{width:985px; text-align:center; margin:0 auto;}	
#footer-left {padding:15px 5px 5px 10px; float:left; width:700px; text-align:right; margin: 0px; }
#footer-right {float:right; width:80px; text-align:right; padding-top:15px; padding-right:10px; margin:0px;}
#donatebtn {margin:160px 0px 0px  30px;}

/** SUB CONTAINERS **/
.topnav {padding:5px;}

/** TYPOGRAPHY **/

h1 {font: 25px arial, verdana, Helvetica, sans-serif; font-weight:bold; color:#625e49; margin-bottom:10px;}
.style1 {color: #356105}
.hometxt {font-size:14px; line-height:28px;}
#comment {font-size:10px; font-style:italic; line-height:14px; padding:2px 2px 5px 2px; width:170px;}

/** LINKS  **/

a, a:link, a:active, a:visited, a:hover{ color: #3c7006; text-decoration: underline; }
a:hover{ color: #8d7135; border: 0 none; text-decoration:none;}

/** FORMS **/

.button {    border: 1px solid #62b332;	background-image:url(../images/btbk.gif);	font-weight:bold;	color:#357d0a;	font: 10px "Arial", Verdana, Arial, Helvetica, ans-serif;
text-transform:uppercase;	padding:3px;  }
.textbox {	font: 12px "Arial", Verdana, Arial, Helvetica, sans-serif;	color:#666666;}   
input {	font: 12px "Arial", Verdana, Arial, Helvetica, sans-serif;	color:#666666;}   
select {	font: 12px "Arial", Verdana, Arial, Helvetica, sans-serif;	color:#666666;}   
form {	  float:right;	  font-size: 9px;	  }

.cssform p{
width: 450px;
clear: left;
margin: 0;
padding: 2px 0 2px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dotted #cac29d;
height: 1%;
font-size:12px;
}

.cssform label{
float: left;
margin-left: -155px; /*width of left column*/
width: 190px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 280px;
}

.textarea{
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(../images/textarea.gif) no-repeat left top; PADDING-BOTTOM: 4px; WIDTH: 336px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 125px; BORDER-BOTTOM-STYLE: none; color:#333300; 
}
.textinput {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(../images/input.gif) no-repeat left top; PADDING-BOTTOM: 4px; WIDTH: 236px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 15px; BORDER-BOTTOM-STYLE: none; margin-left:100px; color:#a1a166;
}
.textinputHovered {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(../images/input.gif) no-repeat left top; PADDING-BOTTOM: 4px; WIDTH: 236px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 15px; BORDER-BOTTOM-STYLE: none;  margin-left:100px; color:#333300; BACKGROUND-POSITION: left bottom
}
.textareaHovered {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(../images/textarea.gif) no-repeat left top; PADDING-BOTTOM: 4px; WIDTH: 336px; BORDER-TOP-STYLE: none; PADDING-TOP: 4px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 125px; BORDER-BOTTOM-STYLE: none; color:#333300;BACKGROUND-POSITION: left bottom
}

.buttonSubmit {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(../images/button.gif) no-repeat left top; PADDING-BOTTOM: 2px; WIDTH: 69px; CURSOR: pointer; color:#f2f2f2; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 26px; BORDER-BOTTOM-STYLE: none;
}
.buttonSubmitHovered {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(../images/button.gif) no-repeat left top; PADDING-BOTTOM: 2px; WIDTH: 69px; CURSOR: pointer; color:#f2f2f2; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 26px; BORDER-BOTTOM-STYLE: none; BACKGROUND-POSITION: left bottom;
}


/** TOP LINKS **/

#rollover a {text-decoration:none;display:block;height:100%;}
* html #rollover a {width:100%;}
#rollover {list-style-type:none;margin:auto;}
#rollover li {float:left;height:23px;}

#rollover li#ar a{background-image:url(../images/bt_login.gif);width:53px;}
#rollover li#ar a:hover {background-position: 0 -23px;}
#rollover li#ar {background-image:url(../images/bt_login.gif)}

#rollover li#br a{background-image:url(../images/bt_home.gif);width:53px;}
#rollover li#br a:hover {background-position: 0 -23px;}
#rollover li#br {background-image:url(../images/bt_home.gif);}

#rollover li#cr a{background-image:url(../images/bt_contact.gif);width:71px;}
#rollover li#cr a:hover {background-position: 0 -23px;}
#rollover li#cr {background-image:url(../images/bt_contact.gif);}

#rollover li#dr a{background-image:url(../images/bt_fr.gif);width:56px;}
#rollover li#dr a:hover {background-position: 0 -23px;}
#rollover li#dr {background-image:url(../images/bt_fr.gif);}

/** MOREINFO **/
#rollovermi a {text-decoration:none;display:block;height:100%;}
* html #rollovermi a {width:100%;}
#rollovermi {list-style-type:none;margin:auto;}
#rollovermi li {float:left;height:26px;}
#rollovermi li#am a{background-image:url(../images/bt_moreinfo.gif);width:139px;}
#rollovermi li#am a:hover {background-position: 0 -26px;}
#rollovermi li#am {background-image:url(../images/bt_moreinfo.gif);}

/** MAIN LINKS **/
#rolloverm a {text-decoration:none;display:block;height:100%;}
* html #rolloverm a {width:985px;}
#rolloverm {list-style-type:none;margin:auto;}
#rolloverm li {float:left;height:39px;}

#rolloverm li#a a{background-image:url(../images/bt_about.gif);width:120px;}
#rolloverm li#a a:hover {background-position: 0 -39px;}
#rolloverm li#a {background-image:url(../images/bt_about.gif);}

#rolloverm li#b a{background-image:url(../images/bt_programs.gif);width:212px;}
#rolloverm li#b a:hover {background-position: 0 -39px;}
#rolloverm li#b {background-image:url(../images/bt_programs.gif);}

#rolloverm li#c a{background-image:url(../images/bt_news.gif);width:200px;}
#rolloverm li#c a:hover {background-position: 0 -39px;}
#rolloverm li#c {background-image:url(../images/bt_news.gif);}

#rolloverm li#d a{background-image:url(../images/bt_donate.gif);width:148px;}
#rolloverm li#d a:hover {background-position: 0 -39px;}
#rolloverm li#d {background-image:url(../images/bt_donate.gif);}

#rolloverm li#e a{background-image:url(../images/bt_working.gif);width:170px;}
#rolloverm li#e a:hover {background-position: 0 -39px;}
#rolloverm li#e {background-image:url(../images/bt_working.gif);}

#rolloverm li#f a{background-image:url(../images/bt_action.gif);width:136px;}
#rolloverm li#f a:hover {background-position: 0 -39px;}
#rolloverm li#f {background-image:url(../images/bt_action.gif);}


/** TABLES **/
table.default {margin:0px; border-collapse:collapse;}
.column1	{background:#e6e2cc; padding:5px 5px 0px 5px;}
td.default  {border-bottom: 1px solid #e0d8b6; border-left:1px solid #e0d8b6; padding:5px 5px 0px 5px; background:#fdfcee;}	
td.defaultbar {padding:5px 5px 0px 5px; background:#e6e2cc;}		


/** dropshadow **/
div.img-dec2 {
	background: url('../images/shadow.gif') no-repeat bottom right;
	float: left;
	margin: 1px 15px 25px 0px;
	padding: 5px;
	position: relative;
	width:155px;
	height:92px;
}
div.img-dec {
	background: url('../images/shadow.gif') no-repeat bottom right;
	float: right;
	margin: 10px 0 15px 25px;
	padding: 0;
	position: relative;
	width:170px;
}

div.img-dec3 {
	background: url('../images/shadow.gif') no-repeat bottom right;
	margin: 15px 0 0px 0px;
	padding: 0;
	float:left;
	position: relative;
	width:170px;
}

div.img-dec3 img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px 4px 4px 4px;
	position: relative;
}


div.img-dec img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px 4px 2px 4px;
	position: relative;
}
ul.textlist {
list-style-image: url(../images/bullet.gif);
margin-left:20px;
}

/** END **/