/* 	CSS Document  for Project SNAP home page
	Created 4/22/07
	Lasted Updated 2/24/07
	By Scott Daniels
*/

/* Global Settings */
body {
font-size: 13px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
background-image: url(../CSS/Images/gradient2.jpg);
background-repeat: repeat-x;
}

h1, h2, h3, h4, h5, h6, p, img {
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Warpper */
#wrapper { margin: 0 auto;
	width:968px; }

#wrapper .clearfix:after { content: ".";  /* To Fix Background Issue with Float Elements in FF */
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }

/* header */

#logo { margin: 10px 0 5px 250px; }

/* navigation */
#nav { height: 31px; }

#nav ul { margin: 0;
	padding: 0; }

#nav li { float: left;
	list-style: none; }

#nav li a { display: block;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 120px;
	height: 31px;
	color: #000;
	font-size: 12px;
	text-decoration: none; }

#nav li #home, #nav li #mm, #nav li #don { display: block;
	text-align: center;
	padding-top: 7px;
	height: 24px;
	background-position: top left;
	background-repeat: no-repeat; }

#nav li #home { background-image: url(../Images/buttons/home-off.jpg);
	width: 125px;
	background-repeat: repeat-x; }

#nav li #home:hover { background-image: url(../Images/buttons/home-on.jpg); }

#nav li #don { background-image: url(../Images/buttons/donate-off.jpg); }

#nav li #don:hover { background-image: url(../Images/buttons/donate-on.jpg); }

#flashbar_navigation { position: absolute;
	top: auto;
	left: auto;
	z-index: 1; }

/* DHTML menu  */

.menuWrapper { position: absolute;
	visibility: hidden;
	z-index: 10020;
	width: 150px;
	height: auto;
	display: block;
	background-color: #fff; }

*html #popupmenu0, *html #popupmenu1,*html #popupmenu2, *html #popupmenu3, *html #popupmenu4, *html #popupmenu5 { margin-left: 1px; }

.menuWrapper a { display: block;
	padding: 2px 5px;
	border-top: 1px solid #D6D6D6;
	text-decoration: none;
	text-align: left;
	color: #000; }

.menuWrapper a:hover { color: #fff;
	width: 140px; }

#popupmenu0 { border-top: 1px solid #E38C25;
	border-bottom: 3px solid #E38C25;
	border-left: 1px solid #E38C25;
	border-right: 2px solid #E38C25; }

#popupmenu0 a:hover  { background-color: #E38C25; }

#popupmenu1 { border-top: 1px solid #dcc72e;
	border-bottom: 3px solid #dcc72e;
	border-left: 1px solid #dcc72e;
	border-right: 2px solid #dcc72e; }

#popupmenu1 a:hover  { background-color: #dcc72e; }

#popupmenu2 { border-top: 1px solid #45B429;
	border-bottom: 3px solid #45B429;
	border-left: 1px solid #45B429;
	border-right: 2px solid #45B429; }

#popupmenu2 a:hover  { background-color: #45B429; }

#popupmenu3 { border-top: 1px solid #343AE6;
	border-bottom: 3px solid #343AE6;
	border-left: 1px solid #343AE6;
	border-right: 2px solid #343AE6; }

#popupmenu3 a:hover  { background-color: #343AE6; }

#popupmenu4 { border-top: 1px solid #B03AE4;
	border-bottom: 3px solid #B03AE4;
	border-left: 1px solid #B03AE4;
	border-right: 2px solid #B03AE4; }

#popupmenu4 a:hover  { background-color: #B03AE4; }

#popupmenu5 { border-top: 1px solid #E61CA2;
	border-bottom: 3px solid #E61CA2;
	border-left: 1px solid #E61CA2;
	border-right: 2px solid #E61CA2; }

#popupmenu5 a:hover  { background-color: #E61CA2; }

/* To Fix underline in sub menu in IE6 */

a.menuItemOn:hover { text-decoration: none; }

/* --- End of Fix --- */

#content { background-color: #fff; 
	width: 923px;
	border: 1px solid #000;
	border-top: none;
	padding: 20px; }

#colone, #coltwo, #colthree { float: left; }

#colone { width: 400px;
	margin-right: 33px; }

#coltwo { width: 225px; 
	margin: 0 33px 0 0;
}

#cv { border: 1px solid #BAE6F1;
	border-top: none; 
	margin-bottom: 33px;
}

#gst { width: 225px;
	height: 332px;
	border: 1px solid #BAE6F1;
	border-top: none; }

#gst p { margin-left: 15px; }

#gst .hands { margin-left: 20px;
	padding-top: 10px; 
	padding-bottom: 10px; }

#gst p { margin-right: 15px; }

#action { width: 224px;
	border: 1px solid #BAE6F1;
	border-top: none;
	padding-bottom: 10px; }

#action ul { margin: 0;
	width: 217px;
	padding: 6px 0 0; }

#action li { list-style: none;
	margin-left: 3px; }

#action li a { font-weight: bold;
	text-decoration: none;
	margin-left: 5px;
	width: 150px;
	background-position: center left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #C8EDF6; 
	display: block;
	padding: 23px 0 5px 62px;
	height: 28px; }

#action li a:hover { text-decoration: underline;
	color: #2400ff; }

#action li a#create { color: #ff0101; 
	background-image: url(../Images/Action_Center/action_create_a_pic.jpg); }

#action li a#sign_up { color: #ff7800;
	background-image: url(../Images/Action_Center/action_sign_up_your_school.jpg); }

#action li a#sponsor { color: #1bb61d; 
	background-image: url(../Images/Action_Center/action_become_a_sponsor.jpg); }

#action li a#web_gallery { color: #2689ef;
	background-image: url(../Images/Action_Center/action_web_gallery.jpg); }

#action li a#poster { color: #f02694; 
	background-image: url(../Images/Action_Center/action_order_a_poster.jpg); }

#action li a#money { color: #7726ef; 
	background-image: url(../Images/Action_Center/action_volunteer_state_coordinator.jpg); 
	border-bottom: none; }

#mmp { width: 276px; }

#cp {
	width: 225px;
	margin-top: 33px;
	border: 1px solid #BAE6F1;
	border-top: none;
	height: 256px;
	}

#cp p {
	margin-top: 37px;
	text-align: left;	/* padding: 45px 0 0 130px;
	margin: 0 0 0 0;
	display: block;
	background-image: url(../Images/Create_A_Picture/earth_new_transparent.jpg);
	background-position: left;
	background-repeat: no-repeat;
	width: 95px;
	height: 170px; */
	}

/* #cp img#picture { float: left; } */


#bf {
	margin-top: 33px;
	border: 1px solid #BAE6F1;
	border-top: none;
	height: 170px;
}

#bf #bf-title { margin: 0 0 5px 0;
	display: block;
	padding: 0; }

#bf ul { margin: 10px 0 0 3px;
	padding: 0 0 0 10px;
	width: 210px; }

#bf ul#friend-text li { height: 20px; }

#bf li { list-style: none;
	margin-bottom: 1px;
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	width: 65px;
	text-align: center; }

#bf a { text-decoration: none; 
	color: #0000FF;
	padding: 0;
	margin: 0; }

#bf a:hover { text-decoration: underline; }

#latest { float: left;
	display: inline;
	margin: 33px 0 0;
	border: 1px solid #BAE6F1;
	border-top: none; }

#op { padding-bottom: 12px;
	margin-top: 33px;
	width: 400px;
	height: 142px;
	border: 1px solid #BAE6F1;
	border-top: none; }  

#op a, #op p, #op span { padding-left: 5px; }

/* footer */

#footer { clear: both;
	width: 953px;
	background-color: #B2E2EE;
	border: 1px solid #000;
	border-top: none;
	padding: 0 5px 5px; }

#footer ul {
list-style-type: none;
width: 920px;
display: block;
height: 22px;
margin: 0 0 0px 40px;
padding: 0;
}

#footer li { float: left;
	padding-left: 10px; }


#footer ul li a {
color: #2400ff;
font-size: 12px;
padding: 2px 15px 1px 15px;
border-right: 1px solid #2400ff;
text-decoration: none;
}

#footer ul #donate_footer a, #top_nav ul li a {
border-right: none;
}

#footer ul li a:hover, #top_nav ul li a:hover {
text-decoration: underline;
}

#footer p { clear: both;
	text-align: center;
	display: block;
	width: 950px;
	color: #2400FF;
	margin-top: 3px;
	font-size: 12px; }

/* NonFlash Place Holders */
#cvfp, #hdpsw { width: 398px;
	height: 278px; }

#hdpsw {border: 1px solid #BAE6F1;
	border-top: none; }

#lnfp {
	width: 479px;
	height: 160px;
}

#cvfp p, #hdpsw p, #lnfp p { font-size: 18px;
	padding: 10px; }

.centeredColum { width: 160px; }
#wrapper #content table tr td blockquote p {
	text-align: right;
}
#wrapper #content table tr td blockquote p strong {
	text-align: center;
}
#wrapper #content table tr td blockquote p strong {
	text-align: center;
}