/* 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/bkhome.gif); background-repeat:repeat-x;
background-color: #f4f3e4; text-align:center;}
img { border:0px;}

/** MAIN CONTAINERS **/

#container { margin: 0px auto; width: 985px; text-align:left;}
#header {width:986px; margin:0px; height:96px;}
#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;}
#tagHome {width:654px; height:96px; background-image:url(../images/hdbk01.gif); float:right; margin:0px;}
#navbar {width:989px; margin:0px;}
#content {width:985px; margin:0px; }

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

#toplinks {float:right; padding-right:10px; text-align:right;  width:250px;}
#center {margin:0px;}
#contentCenter {padding:20px;}
.column {width:215px;}

#left {float:left; width:600px; margin:15px  20px  10px  35px ;}
#right {float:right; background-image:url(../images/rightbk.gif); width:270px; }
#right-in{margin:0px; padding-left:20px;}
#leftindex{float:left; width:414px; margin:0px  0px  10px  0px ; background-image:url(../images/homeleftbk.gif); height:270px; }
#leftindexNEW{float:left; width:414px; margin:0px  0px  10px  0px ; background-image:url(../images/homeleftbk.gif); height:330px; }
#rightindex {float:right; width:530px; padding:15px 10px 0px 15px; height:270px; margin:0 auto;}



/**  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; padding:0px;}
#footer-length{margin: 0 auto; width:985px; text-align:center;}	
#footer-left {padding:15px 5px 5px 10px; float:left; width:700px; text-align:right; margin: 0px; }
#footer-right {float:right; width:215px; 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;}

/** LINKS  **/

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

/** 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;}   

/** 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;}		


/** END **/