/* =========================================
    Header Styles for UNITY software v2.0
	September 2009
    For browser testing - see global.css	
   ========================================= */ 
   
	
header { 
	width: 100%;
	height: 160px;
	margin: 0;
	padding:0;
	color: #FFFFFF;
	background: url(../gfx/header.gif) transparent no-repeat top left;
	float: left;
	}

a#candlelightersHome { 
    border: 0 solid green;
    width: 160px;
    height: 160px;
    margin-top: 5px;
    float: left;
    }


a#donateNow {
    border: 0 solid red;
    width: 90px;
    height: 80px;
    margin: 25px 20px 0 40px;
    float: right; 
    }

div#menu {
	width: 810px; 
	height: 30px;
	margin: 117px 0 0 160px; 
	}


/* menu */	
#nav { margin: 0; padding: 0; height: 30px;	list-style: none; display: inline; overflow: hidden; }
#nav li { margin: 0; padding: 0; list-style: none; display: inline; }
#nav a { float: right; background: url(../web-gfx/nav-design/pipe.gif) top left no-repeat; 
         padding: 30px 0 0 0; overflow: hidden; height: 0px !important; height /**/:30px; /* for IE5/Win only */	}
#nav a:hover { background-position: 0 -30px; }
#nav a:active, #nav a.selected { background-position: 0 -60px;	}


/* menu items*/	
#home a { width: 89px; background: url(../gfx/tabs/home.gif) top left no-repeat; }
#aboutUs a { width: 89px; background: url(../gfx/tabs/aboutUs.gif) top left no-repeat; }
#eventsTab a { width: 89px; background: url(../gfx/tabs/events.gif) top left no-repeat; }
#howWeHelp a { width: 89px; background: url(../gfx/tabs/howWeHelp.gif) top left no-repeat; }
#community a { width: 89px; background: url(../gfx/tabs/community.gif) top left no-repeat; }
#fundraising a { width: 89px; background: url(../gfx/tabs/fundraising.gif) top left no-repeat; }
#localGroups a { width: 89px; background: url(../gfx/tabs/localGroups.gif) top left no-repeat; }
#getInvolved a { width: 89px; background: url(../gfx/tabs/getInvolved.gif) top left no-repeat; }
#newsTab a { width: 89px; background: url(../gfx/tabs/news.gif) top left no-repeat;  }
#contactUs a { width: 89px; background: url(../gfx/tabs/contactUs.gif) top left no-repeat; }

div#upper {
	width: 960px;
	height: 80px;
	padding-left: 20px;
	/*background: url(../gfx/header/header.gif) transparent no-repeat top left; = original blue header*/
	background: url(../gfx/header2.gif) transparent no-repeat top left;
	float: left; 
	}

div.upperCommunity  { 
	height: 153px !important;
	background: url(../gfx/communityHeader.gif) transparent no-repeat top left !important;
	}

/* search box ============================================= */

header div#quickSearch {
	width: 241px;
	height: 68px;
	padding: 10px 20px;
	margin: 15px 5px 0 0;
	background: url(../gfx/bg_searchBox.gif) transparent no-repeat top left !important;
	float: right;
	}
	
div#quickSearch input { 
    font-size: 14px; 
    margin-top: 3px;
    border-top: 3px solid #ebee1a;
    border-right: 3px solid #bfc214;
    border-bottom: 3px solid #b6b914;
    border-left: 3px solid #fbfe53; 
    }




/*header div#upper div#quickSearch input {
	margin-left: 8px;
	padding-top: 4px;
	margin-top: 2px;
	line-height: 14px; 
	font-size: 13px;
	background-color: transparent;
	border:0;
	}*/

header div#quickSearch div#buttonBar {
    padding-top: 10px;
    }

header div#quickSearch div#buttonBar img {
    padding-right: 5px;
    }

header div#upper div#quickSearch a:link,
header div#upper div#quickSearch a:visited {
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	padding: 0 5px 0 5px;
	color: #000000; 
	position: absolute;
	top: 66px;
	}

header div#upper div#quickSearch a:hover,
header div#upper div#quickSearch a:active {
	color: #2e79cc;
	text-decoration: none;
	padding: 1px 6px 0 4px;
	}


/* everything to right of search ========================== */

header p { 
	width: 540px;
	padding: 15px 0 0 0;
	font-size: 150%;
	float: left;
	}

header p strong {
	margin-top: 10px;
	padding:0 30px 0 5px;
	}

a#homeLink {
	width: 180px;
	height: 75px;
	float: right; 
	}

header nav {								
	width: 540px;												
	float: left;
	}

header nav ul { 
	width: 100%;
	}

header nav li { 
	padding-right: 10px;
	display: inline;
	line-height: 28px; 
	}

header a:link,
header a:visited
	{ 
	color: #FFFFFF;
	}

header a:hover,
header a:active
	{ 
	color: #DDDDDD;
	}

.normalA {
	padding-left: 5px;
	text-decoration: none !important;
	color: #8f8fbc !important;
	}

.largerA {
	font-size: 150%;
	text-decoration: underline !important;
	padding: 0 5px;
	color: #FFFFFF !important;
	}

.largestA {
	font-size: 180%;
	padding-right: 5px;
	text-decoration: underline !important;
	color: #FFFFFF !important;
	}

header img#logo { 
	width: 165px;
	height: 72px;
	padding: 5px 20px;
	float: right;
	}


/* graphical tabs ========================================= */ 

header nav#main { 
	width: 1090px;
	height: 55px;
	padding-top: 19px;
	background: url(../gfx/header/bg-less.jpg) transparent no-repeat top left;
	float: left; 
	}

header nav#main a {
	font-weight: 600;
	text-decoration: none;
	border:0px solid red;
	display: block;
	text-align: right;
	font-size: 10px;
	line-height: 16px;
	float: left; border:0px solid red;
	}

header nav#main a:hover { 
	color: #AAAAAA; 
	}
	
header nav#main a span {
    width: 100%;
    display: block;
    }
    
a#btnHome		 { width: 55px; padding-top: 6px; padding-right: 23px; }
a#btnMyHome      { width: 100px; padding-right: 48px; font-size: 14px !important; }
a#btnMyCommunity { width: 85px; padding-right: 45px; font-size: 14px !important;}
a#btnMyLandlords { width: 95px; padding-right: 40px; font-size: 14px !important;}
a#btnGetInvolved { width: 78px; padding-right: 5px; padding-top: 6px; }
a#btnPayRent	 { width: 62px; padding-top: 6px; padding-right: 18px; }
a#btnFindAHome	 { width: 77px; padding-top: 6px; padding-right: 5px; }
a#btnReport		 { width: 57px; padding-top: 6px; padding-right: 25px; }
a#btnRepairs	 { width: 60px; padding-top: 6px; padding-right: 20px; }
a#btnContacts	 { width: 62px; padding-top: 6px; padding-right: 20px; }