/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	background: #FFF url(../images/bg.gif) repeat-x;
	font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	color: #666666; 
	text-align: center;	
}

/* links */
a, a:visited {	
	color: #99CCCC;
	background: inherit;
	text-decoration: none;
}

a:hover {
	color: #99CCCC;
	background: inherit;
	text-decoration: underline;
	text-shadow: 0 1px 3px rgba(0,0,0,.1);
}

/* headers */
h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-weight: Bold; 	
	padding: 10px;		
	color: #444;	
}

h1 {
	font-size: 2.2em;
	text-shadow: 0 1px 3px rgba(0,0,0,.2);		
}

h2 {
	font-size: 2em;
	color: #99CCCC;
	text-shadow: 0 1px 3px rgba(0,0,0,.2);
}

h3 {
	font-size: 1.4em;
	font-weight: normal;	
	padding: 16px 10px 4px 10px;
	text-shadow: 0 1px 3px rgba(0,0,0,.2);
}

h4 {
	font-size: .85em;
	font-weight:normal;
	font-style: italic;
	margin:-25px 0 5px;
	text-shadow: 0 1px 3px rgba(0,0,0,.2);
	}
	
#facebook {
	margin:0 0px 0;
	}

/* Paragraph */
p { padding: 10px 10px;	}

/* Lists */
ul, ol {
	margin: 10px 20px;
	padding: 0 20px;	
}
ul { list-style: none; }

dl { padding: 10px; margin: 0; }

dt {
  font-weight: bold;
  color: #79A62E;
}

dd {
  padding-left: 25px; 
}

/* images */
img {
   border: 0px;
	padding: 0 0;
}

code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;
  	/* white-space: pre; */
  	border: 1px solid #deedae; 
	background: #FFF; 
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #FFF;
}

.small {font-size:8pt; line-height:10pt;}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	width: 920px;
	background: #FFF url(../images/wrap.gif) repeat-y center top;
	margin: 35px auto;
	text-align: left;	
}

#content-wrap {
	position: relative;
	clear: both;
	float: left;	
	width: 920px;	
	padding: 25px 0; 	
	background: #FFF url(../images/content.gif) repeat-y;	
}

#header {
	position: relative;
	width: 920px;
	height: 205px;
	background: #FFF url(../images/header.gif) no-repeat;	
	color: #fff;	
	padding: 0;	
	margin: 0;
}

/* Navigation */

#nav {
	width: 920px;
	height: 50px;
	background: #FFF url(../images/nav.gif) no-repeat;		
}

#nav ul {
	float: left;
	list-style: none;	
	margin: 0 36px;
	padding: 0 0 0 0px;			
	height: 50px;	
}

#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}

#nav ul li a {
	display: block;
	float: left;
	width: 64px;
	margin: -2px 8px;
	text-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.lavaLamp {
            position: absolute;
            width: 555px;
            z-index: 4;
            padding: 20px 20px;
            margin: 10px 0;
            overflow: hidden;
			border: 0px solid gray;
        }
                .lavaLamp li {
                    float: left;
                    list-style: none;
                }
                    .lavaLamp li.back {
                        background: url(../images/shadowx.gif);
                        width: 5px;
                        height: 1px;
                        left:20px;
						top:36px;
						z-index: 8;
                        position: absolute;
                    }
                    .lavaLamp li a {
                        font: bold 16px/50px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
                        text-decoration: none;
                        color: #666;
                        outline: none;
                        text-align: center;
                        top: 2px;
                        letter-spacing: -0.5px;
                        z-index: 10;
                        display: block;
                        height: 50px;
                        position: relative;
                        overflow: hidden;
                        margin: 10px 1px;
                    }   
                        .lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
                            border: none;
                        }                     


/* Main Column */
#main {
	float: left;
	width: 525px;
	height: 400px;
	padding: 0; margin: 0 0 0 45px;
	display: inline;
	position:relative;
	overflow:hidden;	
}
#main h2 {
	font: bold 2.25em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #99CCCC; 
	padding: 10px 0 5px 5px; 	
	margin-left: 5px;		
	letter-spacing: 0px;
	border-bottom: 1px solid #CCC;
}

#mainindex {
	float: left;
	width: 545px;
	height: 400px;
	padding: 0; margin: 0 0 0 45px;
	display: inline;
	position:relative;
	overflow:auto;	
}

#mainindex h2 {
	font: bold 2.25em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #99CCCC; 
	padding: 10px 0 5px 5px; 	
	margin-left: 5px;		
	letter-spacing: 0px;
	border-bottom: 1px solid #CCC;
}

#maindoc {
	float: left;
	width: 555px;
	height: 400px;
	padding: 0; margin: 0 0 0 35px;
	display: inline;
	overflow:hidden;
	line-height:16px;	
}

#maindoc h3 {
	font: bold 1.75em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #99CCCC; 
	padding: 18px 0 0px 5px; 	
	margin-left: 5px;		
	letter-spacing: 0px;
}

#mainstories {
	float: left;
	width: 535px;
	height: 380px;
	padding: 0; margin: 13px 0 0 45px;
	display: inline;
	overflow:hidden;
	line-height:15px;
} 

#mainstories h2 {
	font: bold 2.25em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #99CCCC; 
	padding: 0px 0 2px 5px; 	
	margin-left: 5px;		
	letter-spacing: 0px;
	border-bottom: 1px solid #CCC;
}

#mainabout {
	float: left;
	width: 525px;
	height: 400px;
	padding: 0; margin: 0 0 0 45px;
	display: inline;
	position:relative;
	overflow:hidden;
	line-height: 13pt;	
}

#mainabout h2 {
	font: bold 2.25em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #99CCCC; 
	padding: 10px 0 5px 5px; 	
	margin-left: 5px;		
	letter-spacing: 0px;
	border-bottom: 1px solid #CCC;
}

#maindonate {
	float: left;
	width: 525px;
	height: 400px;
	padding: 0; margin: 0 0 0 45px;
	display: inline;
	position:relative;
	overflow:hidden;
	line-height: 14pt;	
}

#maindonate h2 {
	font: bold 2.25em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #99CCCC; 
	padding: 10px 0 5px 5px; 	
	margin-left: 5px;		
	letter-spacing: 0px;
	border-bottom: 1px solid #CCC;
}

#mainimg {
	float:left;
	padding: 10px 20px 0 0;
	margin:0 0 0 0;
	}

#storiesimg {
	padding: 10px 20px;
	margin:0 10px 0 0;
	}

#main h2 a {
	color: #99CCCC;
	text-decoration: none;		
}
#main ul li {
	list-style-image: url(../images/bullet.gif);
}

#sidebar.docs {
	float: right;
	width: 270px;
	height: 400px;
	padding: 0; 
	margin: 0 45px 0 0;
	position:relative;
	overflow:hidden;
}

#sidebar {
	float: right;
	width: 270px;
	height: 400px;
	padding: 0; 
	margin: 0 45px 0 0;
	position:relative;
	overflow:auto;	
}
#sidebar h2 {
	color: #99CCCC; 
	font: normal 1.6em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-transform: none;
	padding: 10px 0 6px 0; 
	margin: 10px 0 0 10px;
	border-bottom: 1px solid #CCC; 
}

/* sidebar menu */
#sidebar .sidemenu {
	margin: 2px 10px 8px 7px; padding: 0;
	text-decoration: none;		
	border-top: 0px solid #CCC;
}
#sidebar .sidemenu li {
	list-style: none;
	margin: 0;
	padding: 0px 10px; 			
	border-bottom: 0px solid #CCC;	
}

#sidebar .sidemenu li a {
	text-decoration: none;	
	color: #666;	
}

#sidebar .sidemenu li a:hover {	
	color: #666;	
	text-decoration:underline;	
}

#links {
margin:160px 0;
}

/* footer */
#footer-bottom {
	clear: both;
	color: #555;	
	margin: 0 auto; 
	width: 920px;
	padding:40px 0 0 0;
	text-align: center;	
	font-size: 0.95em;
	background: #FCFCFC url(../images/footer-bottom.gif) no-repeat left bottom;
}

#footer-text {
width:100%;
color: #888;
text-align: center;	
font-size: 0.95em;
margin:-27px 0;
}

#footer-text a{
color: #888;
text-shadow: 0 1px 3px rgba(0,0,0,.2);
}

#footer-text a:hover{
color: #99CCCC;
text-decoration:none;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* clearing */
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

#slider {
    width: 250px; /* important to be same as image width */
    height: 150px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float:right;
	margin: 50px 50px 0 0;
}

#sliderContent {
    width: 250px; /* important to be same as image width or wider */
    position: absolute;
	margin-top:0px;
	margin-left:0px;

}
.sliderImage {
    position: relative;
	display: none;
	margin: 0 -20px;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 8px 10px;
    width: 250px;
    background-color: #FFF;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #000;
    display: none;
	margin:0px;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 12px;
}
.top {
	top: 0px;
	left: 0px;
}
.bottom {
	bottom: 4px;
    left: 0;
}

.left {
	top: 0;
    left: 0px;
	width: 60px !important;
	height: 150px;
}
.right {
	top: 0px;
	right: 40px;
	bottom: 0;
	width: 60px !important;
	height: 150px;
}

ul { list-style-type: none; border:none;}

/* Scroll Bar Master Styling Starts Here */

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 14px;
background:  url(../images/scrollbar.gif) 0px 0px repeat-y;
}
.vscrollerbar {
width: 14px;
background: url(../images/scrollbar.gif) -15px 0px repeat-y;
}

.vscrollerbar, .hscrollerbar {
padding: 15px;
z-index: 2;
}
.vscrollerbarbeg {
background:     url(../images/scrollbar.gif) -45px -30px no-repeat;
height: 15px !important;
width: 14px;
}
.vscrollerbarend {
background:     url(../images/scrollbar.gif) -45px 0px no-repeat;
height: 15px;
width: 14px;
}

.vscrollerbasebeg {
background:     url(../images/scrollbar.gif) -30px -30px no-repeat;
height: 15px !important;
width: 14px;
}
.vscrollerbaseend {
background:     url(../images/scrollbar.gif) -60px -30px no-repeat;
height: 15px;
width: 14px;
}

/* Scroll Bar Master Styling Ends Here */

#trick {
height:.5px;
}

a.rollover {
	color:#666;
	text-decoration: none;
}

a.rollover:hover {
	color:#FFF;
	background:  url(../images/aboutslider/9.jpg) no-repeat ;
	position:absolute;
	width:250px; height:150px;
}