/* 

STYLE SHEET FOR [x] WEB SITE
Created by Author Name
www.domainoftheauthor.com

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	
Notes

*/


/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background-color:#000000;
		font-family:"Lucida Grande",Arial,Helvetica,sans-serif;
		font-size:62.5%;
				}
		
/*  --------- 2. structure  --------- */

.wrapper {
  width: 970px ;
	min-width:970px;
	margin:0 auto;
	background-color:#000000;
			}
		
#bigphoto {
  width: 970px;
	height:565px;
	background-image:url('../images/background2.jpg');
		}
		
#logo {
float:left;
clear:both;
background-image:url('../images/logo1.png') ;
width:325px;
height:45px;
margin-top:5px;
margin-bottom:5px;
		}
		
#navContainer {
height:35px;
float:right;
		}
#navContainer ul {
list-style:none;
padding:0;
margin:0;
}		

#navContainer li {
float:left;
display:block;
height:35px;
width:160px;
background: #444 url('../images/buttons.jpg') 0px 0px no-repeat;
}
#navContainer li.home {background-position:0px 0px; }
#navContainer li.donate {background-position:-160px 0px; }
#navContainer li.about {background-position:-320px 0px; }
#navContainer li.register {background-position:-480px 0px; }
#navContainer li.beinvolved {background-position:-640px 0px; }
#navContainer a {
display:block;
height:35px;
width:160px;
text-indent: -9999px;
background: #444 url('../images/buttons.jpg') 0px -35px no-repeat;
}
#navContainer li.home a {background-position:0px -70px; }
#navContainer li.donate a {background-position:-160px -70px; }
#navContainer li.about a {background-position:-320px -70px; }
#navContainer li.register a {background-position:-480px -70px; }
#navContainer li.beinvolved a {background-position: -640px -70px; }

#home #navContainer li.home a {background-position:0px -35px; }
#donate #navContainer li.donate a {background-position:-160px -35px; }
#about #navContainer li.about a {background-position:-320px -35px; }
#register #navContainer li.register a {background-position:-480px -35px; }
#beinvolved #navContainer li.beinvolved a {background-position: -640px -35px; }

#navContainer li.home.hover a:hover {background-position:0px 0px; }
#navContainer li.donate.hover a:hover  {background-position:-160px 0px; }
#navContainer li.about.hover a:hover  {background-position:-320px 0px; }
#navContainer li.register.hover a:hover  {background-position:-480px 0px; }
#navContainer li.beinvolved.hover a:hover  {background-position: -640px 0px; }

#summary {
float:left;
clear:both;
margin-top:60px;
margin-bottom:40px;
width:350px;
height:220px;
color:#ffffff;
font-style:normal;
		}
#videobox {
float: left;

margin-top:60px;
margin-left: 40px;
margin-bottom:20px;
margin-right:0px;
width:420px;
height:320px;
background-color:#555555;
}		
		
#summary h1 {
font-size:4.8em;
font-style:normal;
font-weight: 200;
}
#summary p {
font-size:1.8em;
font-style:normal;
font-weight: 500;
color:#E9D1EF;
}
#summary p a {
margin-left:150px;
color:#E9D1EF;
}

#pagecontent {
float:left;
clear:both;
margin:10px 10px 10px 10px;
width:950px;
min-height:300px;
background-image:url('../images/background-image.png') ;
/*background-color: #2F2F2F;
*/
color:#ffffff;
padding:5px;
}
#pagecontent h1 {
font-size:4.2em;
font-style:normal;
font-weight: 200;
width:800px;
border-bottom-width: 3px;
border-bottom-color: #8C7995;
border-bottom-style: ridge;
}
#pagecontent p {
font-size:1.8em;
font-style:normal;
font-weight: 500;
color:#E9D1EF;
}
#pagecontent p a {
/*margin-left:150px;*/
color:#E9D1EF;
}
.smallerfont {
font-size:0.9em;
font-style:normal;
font-weight: 500;
}

#findout {
margin-top:50px;
float:left;
height:135px;
width:970px;
}
#findout h1 {
margin-left:20px;
font-size:3.8em;
font-style:normal;
font-weight: 200;
color:#ffffff;
}
#findout ul {
list-style:none;
padding:0;
margin:0;
}		

#findout li {
float:left;
display:block;
height:90px;
width:160px;
margin-left:27px;
background: #444 url('../images/findout3.jpg') 0px 0px no-repeat;
}
#findout li.schools {background-position:0px 0px; }
#findout li.special {background-position:-160px 0px; }
#findout li.action {background-position:-320px 0px; }
#findout li.events {background-position:-480px 0px; }
#findout li.resources {background-position:-640px 0px; }
#findout a {
display:block;
height:90px;
width:160px;
text-indent: -9999px;
background: #444 url('../images/findout3.jpg') 0px -90px no-repeat;
}
#findout li.schools a {background-position:0px -180px; }
#findout li.special a {background-position:-160px -180px; }
#findout li.action a {background-position:-320px -180px; }
#findout li.events a {background-position:-480px -180px; }
#findout li.resources a {background-position: -640px -180px; }
/* this for hover etc */
#schools #findout li.schools a {background-position:0px -90px; }
#special #findout li.special a {background-position:-160px -90px; }
#action #findout li.action a {background-position:-320px -90px; }
#events #findout li.events a {background-position:-480px -90px; }
#resources #findout li.resources a {background-position: -640px -90px; }

#findout li.schools.hover a:hover {background-position:0px 0px; }
#findout li.special.hover a:hover  {background-position:-160px 0px; }
#findout li.action.hover a:hover  {background-position:-320px 0px; }
#findout li.events.hover a:hover  {background-position:-480px 0px; }
#findout li.resources.hover a:hover  {background-position: -640px 0px; }

#news {
margin-top:5px;
float:left;
margin-left:20px;
height:120px;
width:370px;
}
#news h1 {
font-size:3.1em;
font-style:normal;
font-weight: 200;
color:#ffffff;
}
#news h1 a{
color:#ffffff;
text-decoration: none;
border:0px;
}
#news ul {
list-style:none;
padding:0;
margin:0;
}	
#news li {
font-size:1.8em;
font-style:normal;
font-weight: 500;
color:#E9D1EF;
}
#news li a{
color:#E9D1EF;
}
#contactbox {
margin-top:5px;
float:left;
height:120px;
width:390px;
}
#contactbox h1 {
font-size:3.1em;
font-style:normal;
font-weight: 200;
color:#ffffff;
margin-left:150px;
border:0px;
}
#contactbox h1 a{
color:#ffffff;
text-decoration: none;
border:0px;
}
#contactbox p a {
margin-left:150px;
}

#footer {
color:#ffffff;
text-align: center;
font-size:1.4em;
clear:both;
		}

.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}

/* ---------- 3. links and navigation ---------- */

a {
		}
		
a:hover {
		}

#navigation {
		}

#navigation ul {
		}

#navigation li {
		}

#navigation a {
		}

#navigation a:hover {
		}

/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1, h2, h3, h4, p, ul {
		}

h1 {
font-size:3em;
font-style:normal;
font-weight: 200;
color:#ffffff;
width:800px;
border-bottom-width: 3px;
border-bottom-color: #8C7995;
border-bottom-style: ridge;
}
p, li {
font-size:1.8em;
font-style:normal;
font-weight: 500;
margin-top:10px;
color:#E9D1EF;
}

li {
margin-left:50px;
}
p a {
color:#E9D1EF;
}
h2 {
font-size:2.5em;
margin-top:10px;
width:800px;
border-bottom-width: 2px;
border-bottom-color: #8C7995;
border-bottom-style: ridge;
		}
h2 a {
color:#ffffff;
text-decoration: none;
border:0px;
}		
		

h3 {
		}
		
h4 {
		}

p {
		}

ul {
		}

blockquote {
		}
hr {
  height : 3px;
  background-color: #8C7995;
  clear:both;	 
}			
		
div.tophr {
  height : 12px;
  background : url(../images/header3.png);
	background-repeat:repeat-x;
  margin : 0;
 clear:both;	 
}	
div.tophr hr {
  display: none;
}	
div.hr {
  height : 12px;
  background : url(../images/header4.png);
	background-repeat:repeat-x;
  margin : 0;
 clear:both;	 
}	
div.hr hr {
  display: none;
}	

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
/* ---------- 6. tables ---------- */

table {
		}
		
caption {
		}
		
tr {
		}

th, td {
		}
		
th {
		}
		
td {
		}

/* ---------- 7. forms ---------- */	
		
form {
		}
		
#simplecontactform                {margin:0 150px 2em 0; text-align:right}
#simplecontactform *              { font-style:normal; font-weight: 500;}
#simplecontactform div              {margin:0.5em 0}
#simplecontactform fieldset       {border:1px solid #657; padding:0.5em 1em; margin:2em 10px; color:#657}
#simplecontactform legend         {padding:0 0.5em}
#simplecontactform p              {margin-bottom:0.8em}
#simplecontactform label          {}
#simplecontactform input.text     {background:#FFF0D0; border:2px inset #ccc; width:220px; margin-left:1em; background:#dde; padding:2px 3px 2px 5px; vertical-align:middle}
#simplecontactform input.shorttext     {background:#FFF0D0; border:2px inset #ccc; width:40px; margin-left:1em; background:#dde; padding:2px 3px 2px 5px; vertical-align:middle}
#simplecontactform input.radio    {border:2px solid #fff; margin-left:1.5em; vertical-align:middle}
#simplecontactform textarea       {background:#FFF0D0; border:2px inset #ccc; width:220px; margin-left:1em; background:#fff; font-size:100%; padding:2px 3px 2px 5px; vertical-align:middle}
#simplecontactform input.button   {border:2px outset; #ccc; color:#324; background:#bbd; vertical-align:bottom; height:2em; width:120px}