@import url(reset.css);

/*=LAYOUT==========================================================*/
.clear {clear:both;}
.hidden {display:none;}
.error {text-transform:uppercase; color:#f22; font-weight:bold; font-size:1.9em;}
body {text-align:center; background:#fff url('../images/bodybg.jpg') repeat-x 0 -147px;} /*IE workaround to centre webpage*/

#wrapper {position:relative; width:960px; margin:0 auto; text-align:left; background:transparent;}

/*=HEADER==========================================================*/
#header {height:200px; width:960px; background:#fff url('../images/headerbg.png') no-repeat;}
#header h1 {text-indent:-10000px;}
#header a.logo {display:block; width:216px; height:62px; position:absolute; top:36px; left:0;}

/*=FOOTER==========================================================*/
#footer {clear:both;}

/*=MAIN NAVIGATION=================================================*/
#main_nav {position:absolute; top:126px; width:960px; height:30px; border-bottom:4px solid #f93; z-index:10;}
ul.dropdown {position:absolute; bottom:0; margin:0 0 -4px 0; padding:0; letter-spacing:-0.1em;}
ul.dropdown li {float:left;}
ul.dropdown li a {display:block; margin-right:68px; font-family:sans-serif; color:#666; font-weight:bold; font-size:1.35em; text-decoration:none; border-bottom:4px solid #f93;}
ul.dropdown li a:hover {border-bottom:4px solid #666;}

/* first sub-menu - visibility initially hidden and shown using javascript (ie. drop-down menu)
** so no javascript means no drop-down menu but main menu items still available
** and sub-menus are shown on each page */
ul.dropdown ul {position:absolute; visibility:hidden; width:auto; top:21px; padding-top:5px; background:#666; letter-spacing:normal; opacity:0.8;}
ul.dropdown li.hover, ul.dropdown li:hover {position:relative;}
ul.dropdown ul li {font-size:0.7em; background:#666; float:none; border-bottom:1px solid #999;}
ul.dropdown ul li a {display:block; padding:5px 10px; border:none; margin-right:0; color:#e5e5e5; opacity:1;}
ul.dropdown ul li a:hover {border:none; color:#f93;}

/* identifying current page */
body#informed li.informed a,
body#support li.support a,
body#involved li.involved a,
body#contact li.contact a {border-bottom:4px solid #666;}

/* preventing drop-down from appearing for current section. Sub-menu is shown anyway */
body#informed li.informed ul,
body#support li.support ul,
body#involved li.involved ul,
body#conntact li.contact ul {display:none;}

/*=CONTENT=========================================================*/
#content {width:938px; background:#fcfcfc; border:1px solid #e5e5e5; margin-top:15px; padding:10px;}

/*=DASHBOARD=======================================================*/
#dashboard {}
#dashboard table tr.icons td {padding:30px 25px 0 25px;}
#dashboard table tr.labels td {text-align:center;}
#dashboard table td a {text-decoration:none;}

/*=PRIMARY=========================================================*/
#primary {float:right; width:700px; padding:10px; background:#f2f2f2; border:1px solid #ccc;}

#primary h2 {background:#555; color:#eee; border:solid 1px #fff; padding-left:5px;}
#primary .section {padding:10px; border:solid 1px #999; margin-bottom:10px; background:#eee}
#primary .section h3 {background:#ccc; padding-left:5px; border:solid 1px #bbb;}
#primary .section table {margin-top:8px; width:678px;}
#primary .section table tr.body {background:#fcfcfc;}
#primary .section th, #primary .section td {padding:0 5px;}
#primary .section td {vertical-align:middle; border:1px solid #e5e5e5;}
#primary .section td img {padding:3px;}
#primary .section td.order {text-align:center;}
#primary .section td.links {padding-left:10px;}
#primary .section td.links a {font-size:0.75em; text-transform:uppercase; padding:0;}
#primary tr.story td p {font-size:1em; display:none;}

.fundraising td {vertical-align:middle; border:1px solid #e5e5e5; padding:5px;}
.fundraising th {padding:5px 0; font-size:1.5em;}
.fundraising td p {font-size:1em;}
.fundraising td h3 {font-size:1.5em;}

.fundraising .quote {width:620px; height:60px;}
.fundraising form label {vertical-align:top;}

td.auth_level a {text-decoration:none; padding:4px; font-size:1.2em;}

/*=LOGIN PAGE======================================================*/
#login_content {margin:100px 0 120px 270px;}
#login_form {padding:20px; width:360px; background:#fcfcfc; border:1px solid #535353; -moz-border-radius:5px;}
#login_form h3 {font-family:Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; color:#555; font-size:3em; padding:0 0 20px 0;}
#login_form p {color:#888;}
#login_form p.error {color:#252420; background:#b1aea0; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold;}
#login_form label {float:left; width:100px; color:#666; text-transform:uppercase;}
#login_form input {width:200px; background:#eee;}
#login_form input#submit {width:auto;}
#login_form textarea {width:360px; background:#eee;}


/*=SIDEBAR=========================================================*/
#sidebar {float:left; width:200px;}