@charset "utf-8";
/* CSS Document */
 
 
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background:url(../images/green-strip-background-long.gif) top center repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	/*top: 200px;*/
	position:relative;
}

.medium	{
	font-size:15px;
	font-weight:bold;
	}
.h1	{
	font-size:24px;
	font-weight:bolder;
	}
	
.h2	{
	font-size:20px;
	font-weight:bold;
	}
.h3	{
	font-size:18px;
	font-weight:normal;
	}
	
.h4	{
	font-size:18px;
	font-weight:normal;
	font-style:italic;
	}
	


#container { 
	width: 882px;  
	/*position:relative;*/
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
} 

#container2 {
	width: 882px;
	/*margin-left:auto;
	margin-right:auto;
	text-align:left;*/
	background:url(../images/side_bar_strip_with_red_line.png) top left repeat-y;
	/*height:auto;*/
	
} 

#container3	{
	width: 882px;
	/*position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;*/
	/*background:url(../images/OLD-GOG-backgrounds/GOG-web-site-master-background-200.png) top center no-repeat;
	background:url(../images/REV_GOG_882-Background_cropped_stuff_removed.jpg) top center no-repeat;
	background:url(../images/REV_GOG_882-HomePage_stuff_removed.jpg) top center no-repeat;*/
	background:url(../images/REV_GOG_882-Background_cropped_stuff_removed.jpg) top center no-repeat;
	
	/*height:auto;*/
	
} 



#container4	{
	width: 882px;	
	
	background:url(../images/red_line_right_side.png) top right repeat-y;
	/*height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:left;*/
}

#ourpremise {
	/*float:left;*/
	position:relative;
	top: 285px;
	border:none;
	left: 80px;
}

#topdonatecontainer {
	position:relative;
	left:260px;
	top:-400px;
	width:200px;
	height: 60px;
	}

#topdonate	{
	float:left;
	/*position:absolute;*/
	margin-top: 20px;
	margin-left: 170px;	

	}

#bottom_donate	{
	float:left;
	margin-top:30px;
	margin-left:80px;
	}
		
#header {
	top:140px;
	left:20px;
	width: 700px;
	/*padding: 0 ;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	position: relative;
	margin-top: 60px;
	margin-left: 150px;
} 



#header h1 {
	
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#navcontainer {
	float: left;
	position:relative;
	width: 125px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
	text-align:left;
	left:20px;
	
}

#nav {
	float: left;
	width: 100%;
	margin-top: 130px;
	text-decoration:none;
	list-style-type:none;
}

#nav ul{
	margin:0;
	padding:0;
	list-style:none;
	width: auto;
	float:left;
	width:100%;
	}

nav li {
	margin:0;
	padding:0;
	display:block;
	list-style-type:none;
	width:100%;
	
	}
	
#nav a {
	text-align:center;
	display: block; 
	color:#7A9F4D;
	text-decoration:none;
	padding:1px 0px;
	font-size:14px;
	font-weight:bold;
	line-height: 1.65; 
	width:100%;
	border-bottom:2px solid red;
	}


/*#nav #nav_contact a {
		border:none;
		}*/
		
#nav #nav_press a {
		border:none;
		}
#nav a:hover {
	color:#FF0d6e;
	}


#body_home #nav_home a, 
	#body_mission #nav_mission a, 
	#body_who_we_are #nav_who_we_are a,
	#body_donation #nav_donation a, 
	#body_story #nav_story a,
	#body_newsletter #nav_newsletter a, 
	#body_brochure #nav_brochure a,
	#body_giving #nav_giving a,
	#body_links #nav_links a,
	#body_privacy #nav_privacy a,
	#body_contact #nav_contact a 
	#body_press #nav_press a
	{ color:#6f12cf; font-weight:bolder;}


/*#ribbon	{
	float:left;
	position:relative;
	width:auto;
	height:auto;
	top: 450px;
	left: -110px;
	}*/
	
	#ribbon	{
	float:left;
	position:relative;
	width:115px;
	height:75px;
	top: 480px;
	left: -115px;
	visibility: visible;
	}
	
#mainContent {
	position:relative;
	width: 420px;
	float: left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 150px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
} 

#mainContent_slideShow {
	position:relative;
	width: 420px;
	/*float: left;*/
	margin-top: -170px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 75px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
} 

#slideshow_title	{
	width: 200px;
	position:relative;
	top: 100px;
	left: 190px;
	}


#contentTwo	
{
	position:relative;
	width: auto;
	/*float: left;*/
	margin-top: -10px;
	margin-right: 0;
	margin-bottom: 0px;
	text-align: left;
	left: 100px;
	padding: 0 10px;
} 



#footer { 
	padding: 0 10px 0 20px; 
	 
} 

#footer p {
	margin: 0; 
	padding: 10px 0; 
	color:#7a9f4d;
	font-size:13px;
	font-weight:bold;
}

a.footer:link {color:#7a9f4d; text-decoration:none;}
a.footer:visited  {color:#7a9f4d; text-decoration:none;}
/*a.footer:visited {color:#8cc63f; text-decoration:none;}*/

a.footer:hover {color:#FF0000; text-decoration:underline;}
a.footer:active {color:#FFCC33; text-decoration:none;}

a.lenox:link {color:#000000;text-decoration:none;}
a.lenox:active {color:#000000; text-decoration:none;}
a.lenox:hover {color:#FF0000; text-decoration:underline;}
a.lenox:active {color:#FFCC33; text-decoration:none;}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class;}
 can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clear {
	clear:both;}
	
.style4 {font-size: 16px; color: #FF0000; font-weight: bold; }
.style10 {
	font-size: 9px;
	font-weight:bold;
}
.style12 {font-size: 10px}
 
.logo	{
	float:left;
	padding-right:10px;
	}
#yoso {
	float: left;
	width: 640px;
}
#virtuouschild {
	float: left;
	width: 200px;
	margin-left: 20px;
}
#bitbaby {
	float: left;
	width: 300px;
	margin-left: 20px;
}
.style4 {font-size: 16px; color: #FF0000; font-weight: bold; }
.style10 {
	font-size: 9px;
	font-weight:bold;
}
#me	{
	position:relative;
	float:left;
	top:-484px;
	left:-485px;
	width:230px;
height:auto:
}
.style15 {font-size: 10px}
.style16 {font-size: 16px; color: #FF0d6e; font-weight: bold; }
.style17 {font-size: 16px; color: #Ff0d6e; font-weight: bold; }