/* 
	site.css
	
	All attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	bg shorthand: background: color url() repeat vertical-position horizontal-position;
	All font names should be quoted "Arial" 
	However, font families like Serif, Sans-Serif and Monospace do not need quotes.

*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------------------
	
*/

/* 1. BASE 
	no editing required
----------------------------------------------------------------------------- */

#base {
 overflow: none;
 position: relative;
 margin: 0px auto;
 margin-top: 0px;
 width: 986px;
}

/* 2. HEADER
	no editing required
----------------------------------------------------------------------------- */

.bubble {
  position: relative;
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.popup {
  position: absolute;
  display: none; /* keeps the popup hidden if no JS available */
  color: #ffffff;
  padding: 5px 5px 5px 5px;
  margin: 0px;
  text-align:center;
  width: 120px;
}

.bubblesc {
  position: relative;
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.popupsc {
  position: absolute;
  display: none; /* keeps the popup hidden if no JS available */
  color: #ffffff;
  padding: 5px 5px 5px 5px;
  margin: 0px;
  text-align:center;
  width: 200px;
}

#nav .popup a, #nav .popupsc a {
 color: #fff;
}

#nav .popup a:hover, .popup a:active, #nav .popupsc a:hover, #nav .popupsc a:active {
 color: #fff;
 background-image: none;
}

#header {
 width: 986px;
 height: 135px;
 display: inline;
}

#header .logoimg{
 float: left;
}

#nav {
 position: relative;
 float: left;
 display: inline;
 margin: -103px 0px 0px 30px;
 height: 135px;
 width: 820px;
 font-size: 13px; 
 
}
#nav ul li{
 float: left;
 display: block;
 background-color: #e3e3e3;
 list-style-type: none;
 margin: 107px 1px 0px 0px;
 color: #005ca4;
}

#nav ul li span {
 float: left;
 display: block;
 padding-left: 8px;
 padding-right: 8px;
 padding-top: 8px;
 padding-bottom: 4px;
 font-weight: bold;
}

#nav ul li a {
 color: #005CA4;
}  

#nav ul li:hover, #nav ul li a:hover, #nav ul li a:active { 
 background-image: url('../images/layout/bg_tabsel.jpg');
 background-repeat: repeat-x;
 color: #fff;
}

#index .home, #about-us .about, #project .project, #events .events, #donate .donate, #register .register, #contact-us .contact, #donors .donors, #school-project .school {
 background-image: url('../images/layout/bg_tabsel.jpg');
 background-repeat: repeat-x;
}

.project {
  position: relative;
}

#index .home a, #about-us .about a, #project .project a, #events .events a, #donate .donate a, #register .register a, #contact-us .contact a, #donors .donors a, #school-project .school a {
  color: #fff;
}

#index .home a:active, #about-us .about a:active, #project .project a:active, #events .events a:active,
#donate .donate a:active, #register .register a:active, #contact-us .contact a:active, , #donors .donors a:active, #school-project .school a:active,
 #index .home a:hover, #about-us .about a:hover, #project .project a:hover, #events .events a:hover,
#donate .donate a:hover, #register .register a:hover, #contact-us .contact a:hover,, #donors .donors a:hover, #school-project .school a:hover {
  text-decoration: underline;
}

      
/* 3. CONTENT
	no editing required
----------------------------------------------------------------------------- */
#content {
 width: 943px;
 float: left;
 color: #ffffff;
 display: inline;
 margin: 0px 0px 0px 30px;
 background-image: url('../images/layout/bg_content2.jpg');
 background-repeat: no-repeat;   
 min-height: 560px;
 height: auto !important;
 height: 560px;
}

#flashcontent {
    margin: 0px auto;
		width: 780px;
		height: 680px;
}

#index #content {
 width: 943px;
 float: left;
 color: #ffffff;
 display: inline;
 margin: 0px 0px 0px 30px;
 background-image: url('../images/layout/bg_content.jpg');
 background-repeat: no-repeat;
 min-height: 400px;
}

.contentbox {
 margin: 70px 0px 50px 50px;
 width: 820px;
 float: left;
 display: inline;
 text-align: left;
}

#donate .contentbox {
  margin: 70px 0px 50px 50px;
  width: 500px;
  float: left;
  display: inline;
  text-align: left;
}

#donate .contentbox p {
	float: left;
	display: inline;
	width: 500px;
	font-family: Georgia;
	font-size: 16px;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

#school-project .contentbox {
  margin: 70px 0px 50px 50px;
  width: 750px;
  float: left;
  display: inline;
  text-align: left;
}

#school-project .contentbox p {
	float: left;
	display: inline;
	width: 750px;
	font-family: Georgia;
	font-size: 16px;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

#school-project .contentbox ul {
  margin-left: 30px;
}

#donate .sidebar {
  margin: 70px 0px 0px 0px;
  width: 320px;
  float: left;
  display: inline;
  text-align: left;
}

.contentbox p {
	float: left;
	display: inline;
	width: 650px;
	font-family: Georgia;
	font-size: 16px;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

#project h2 {
	clear: both;
}

#project .contentbox p {
	float: left;
	display: inline;
	clear: both;
	width: 650px;
	font-family: Georgia;
	font-size: 16px;
	margin-bottom: 10px;
	text-align: left;
	position: relative;
}

.contentbox img {
 position: relative;
 float: right;
 display: inline;
 clear: both;
 margin: -10px 0px 0px 0px;
}

.welcomebox {
 margin: 70px 0px 50px 50px;
 padding: 5px 0px 0px 0px;
 width: 820px;
 float: left;
 display: inline;
}

.welcomebox p {
 float: left;
 display: inline;
 width: 230px;
 font-family: Georgia;
 font-size: 16px;
 margin-bottom: 10px;
 text-align: left;
}

#donatebutton {
 float: left;
 margin: 10px 0px 0px 50px;
}

.welcomebox img {
 float: right;
 display: inline;
 margin: -10px 0px 0px 0px;
}

.Introbox {
 margin: 0px 0px 50px 50px;
 padding: 5px 0px 0px 0px;
 width: 820px;
 float: left;
 display: inline;
}

.Introbox p {
 float: left;
 display: inline;
 width: 800px;
 font-family: Georgia;
 font-size: 16px;
 margin-bottom: 10px;
 text-align: left;
}

#flash {
 float: right;
 display: inline;
 margin: -10px 0px 0px 0px;
}

.quicklinksbox {
 margin-top: 0px;
 width: 300px;
 float: left;
 display: inline;
}

.quicklinksbox ul li {
 list-style-type: none;
}

.newsbox {
 padding: 0px 10px 15px 0px;
 margin: 0px 15px 0px 30px;
 width: 500px;
 float: left;
 display: inline;
 border-right: 1px dashed #2885cd;
}

.newsbox h1 {
 margin-bottom: 15px;
}

.newsbox p {
 margin-bottom: 10px;
 }

.contentbox p {
 margin-top: 10px;
 }
 
.pg_list {
 width: 500px;
 margin: 3px 0px 0px 10px;
}
 
.pg_list ul {
 margin: 3px 0px 0px 20px;
 list-style-type: circle;
}

.pg_list ul li ul{
 margin: 3px 0px 0px 20px;
 list-style-type: square;
}

.board_list {
 width: 500px;
 margin: 3px 0px 0px 10px;
 list-style-type: none;
}
 
.board_list ul {
 margin: 3px 0px 0px 20px;
 list-style-type: none;
}

.board_list li {
 margin: 10px 0px 0px 0px;
}

.board_list ul li ul{
 margin: 3px 0px 0px 20px;
 list-style-type: none;
}

.objspan {
  display: block;
  margin: 10px 0px 0px 0px;
}

.popup a:hover, .popup a:active { 
 background-image: none;
 background-repeat: repeat-x;
 color: #fff;
}

/* 4. 
	no editing required
----------------------------------------------------------------------------- */

/* 5. Footer
	no editing required
----------------------------------------------------------------------------- */

#footer {
 background-color: #222222;
 background-image: url('../images/layout/bg_footer.jpg');
 background-repeat: repeat-x;
 margin: 90px 0px 0px 0px;
 padding: 30px 0px 5px 0px;
 float: left;
 display: inline;
 width: 100%;
 text-align: center;
 color: #666666;
}



/* Js-Kit Echo theme */
/* colors */
.js-singleCommentBg { background-color:#FFFFFF; } /* changes the bg color of each item */
.jsk-PrimaryBackgroundColor { background-color: #FFFFFF; } /* changes the primary foundation color */     
.jsk-SecondaryBackgroundColor { background-color: #f4f4f4; } /* changes things like the comment form bg */
.jsk-PrimaryHighlightColor { color: #fffea9 } /* not currently used */
.jsk-SecondaryHighlightColor { color: #ffff00 } /* not currently used */
.jsk-PrimaryFontColor { color: #3a3a3a; } /* the color of all primary text elements */
.jsk-SecondaryFontColor { color: #c6c6c6; } /* the color of all secondary text elements */
.jsk-ThreadWrapper a, .jsk-LinkColor { color: #476cb8 }  /* the color of the Echo Stream background */
.jsk-H1Color { color: #878487; } /* the color of the 1st level headers */
.jsk-MenuContainer { background-color: ##FFFFFF; }    /* the color of the 'Add another site' drop-down menu */
.jsk-HeaderWrapper, .js-poweredBy-logo, .js-poweredBy-text {visibility: hidden;}
/* fonts */
.jsk-PrimaryFont, .jsk-CommentFormSurface input { font-family: Lucida grande, Tahoma, Verdana, Arial; }
.jsk-PrimaryFont { font-size: 8pt; font-weight: normal; }
.jsk-H1Font { font-size: 1.38em; font-weight: bold; line-height: 1.4em; }
.jsk-LinkFont, .jsk-ThreadWrapper a, .jsk-ThreadWrapper a:hover { text-decoration: none; font-weight: normal; }