@charset "utf-8";
/* CSS Document */

a:link {
COLOR: #000;
text-decoration:underline;
}
a:visited {
COLOR: #000;
text-decoration: none;
}
a:hover {
COLOR: #000;
text-decoration:underline;
}
a:active {
COLOR: #fff;
text-decoration: none;
}

body {margin:0; padding:5px; font:11px Verdana,Arial}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}



/*  FOR THE LANDING PAGE */
.center {	
position: fixed;
left: 50%;
top: 100px;
margin-left: -400px;
display:block;
}

.family {	
position: fixed;
left: 50%;
top: 433px;
margin-left: -330px;
display:block;
}

.college {	
position: fixed;
left: 50%;
margin-left:10px;
top: 373px;
display:block;
} 

.top {	
position: absolute;
left: 180px;
top: 100px;
display:block;
}

.main-window {	
position: absolute;
left: 438px;
top: 230px;
}


/* Start navigation */
.about {
position: absolute;
left: 250px;
top: 160px;
display:block;
}

.supporters {
position: absolute;
left: 389px;
top: 160px;
display:block;
}

.articles {
position: absolute;
left: 528px;
top: 160px;
display:block;
}

.donations {
position: absolute;
left: 667px;
top: 160px;
display:block;
}

.joinme {
position: absolute;
left: 806px;
top: 160px;
display:block;
} /* END NAVIGATION */

/* START Footer buttons*/
.donate {	
position: absolute;
left: 30px;
top: 660px;
display:block;
}

.facebook {	
position: absolute;
left: 200px;
top: 665px;
display:block;
}

/*END Footer buttons*/

/*START Footer text*/


.headline1 {
position: absolute;
left: 560px;
top: 670px;
display:block;
color: #ffffff;
font-size: 1em;
}

.text3 {
position: absolute;
left: 400px;
top: 665px;
display:block;
}

/* END Footer text*/

/* START side panel content*/

.headline2 {
position: absolute;
left: 60px;
top: 200px;
display:block;
}

.form-text {
	position:absolute;
	display: block;
	left:60px;
	top: 300px;
	color: #000000;
	font-size: 1em;
	font:Verdana, Geneva, sans-serif;
    white-space:pre-wrap; 
	font-family: Verdana, Geneva, sans-serif;
	overflow-y: auto;
	overflow-x:hidden; 
	height: 335px;
	width: 365px;
	padding-right: 10px;
}

/* END side panel content*/

.gallery {	
position: absolute;
left: 450px;
top: 200px;
display:block;
}

h1 {
color: #ffffff;
font-size: .8em;
display:block;
}

h4 {
	color: #000000;
	font-size: 3em;
	font:"Times New Roman", Times, serif;
	font-style:italic;
	font-family: "Times New Roman", Times, serif;
	white-space:pre-wrap;
}

.text1 {
	position:fixed;
	left:50%;
	margin-left:-450px;
	top: 400px;
	color: #000000;
	font-size: 1em;
	font:Verdana, Geneva, sans-serif;
	white-space:pre-wrap;
	font-family: verdana;
	height: 300px;
	width: 380px;
}

.text2 {
	position:fixed;
	left:50%;
	margin-left:-150px;
	top:375px;
	color: #000000;
	font-size: 1em;
	font:Verdana, Geneva, sans-serif;
	white-space:pre-wrap;
	font-family: verdana;
}

.text4 {
	position:fixed;
	left:50%;
	margin-left:+150px;
	top:375px;
	color: #000000;
	font-size: 1em;
	font:Verdana, Geneva, sans-serif;
	white-space:pre-wrap;
	font-family: verdana;
}

.text5 {
	position: absolute;
left: 55px;
top: 300px;
display:block;
	color: #000000;
	font-size: 1em;
	font:Verdana, Geneva, sans-serif;
	white-space:pre-wrap;
	font-family: verdana;
	overflow: scroll;
	overflow-x:hidden; 
	height: 340px;
	width: 365px;
	line-height: 150%;
}

.text6 {
	position:fixed;
	left:50%;
	margin-left:-390px;
	top: 365px;
	color: #000000;
	font-size: 1em;
	font:Verdana, Geneva, sans-serif;
	white-space:pre-wrap;
	font-family: verdana;
	overflow: hidden;
	overflow-x:hidden; 
	height: 360px;
	width: 365px;
}

.letter {
	position: absolute;
left: 55px;
top: 335px;
display:block;
	color: #000000;
	font-size: 1em;
	font:Verdana, Geneva, sans-serif;
	white-space:pre-wrap;
	font-family: verdana;
	height: 290px;
	width: 380px;
	overflow: scroll;
	overflow-x:hidden; 
}

.thanks {
	position:fixed;
	left:50%;
	margin-left:-430px;
	top:275px;
}

h2 {
color: #ffffff;
font-size: 1em;
}

h3 {
color: #000;
font-size: 15px;
}

#thumb-nudge {
position: float;
padding-left: 124px;	
}