/* 	CSS Document  for Project SNAP

	Created 2/26/07

	Lasted Updated 3/19/07

	By Scott Daniels

*/



/* Global Settings */

body {

font-size: 12px;

font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

color: #000;

background-image: url(../CSS/Images/gradient2.jpg);

background-repeat: repeat-x;

}



h1, h2, h3, h4, h5, h6, p, img {
	margin: 0;
	padding: 0;
	color: #000;
	text-align: left;
}



.error { font-weight: bold;

	color: #F00; }



/* Warpper */

#wrapper {
	margin: 0 auto;
	width:968px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}



#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: 963px;
	border: 1px solid #000;
	border-top: none;
	position: relative;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}



#mc {
	float: left;
	width: 675px;
	margin-top: 25px;
	margin-left: 35px;
	margin-bottom: 25px;
	font-size: 12px;
	text-align: center;
}



#mc h1 { background-image: url(../CSS/Images/blue_headline_blank.jpg);

	font-size: 16px;

	color: blue;

	width: 670px;

	height: 20px;

	padding-left: 10px;

	padding-top: 5px;

	padding-bottom: 5px;

	clear: right; }



#mc p.gent { margin-left: 25px; }



.box {
	display: block;
	border: 3px solid #D4F2FA;
	border-top: none;
	padding: 5px 5px 5px;
	width: 664px;
	text-align: left;
}



.box h2, h2 { font-size: 14px;

	font-weight: bold;

	color: #0000FF;

	margin-top: 10px;

	margin-left: 15px; }



.box p {
	margin: 0 20px 0 20px;
	text-align: left;
	font-size: 12px;
	color: #000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}



.box ol li { margin-right: 15px;

	margin-left: 0; }



.box ul { margin: 5px 0 10px; 

	padding: 0; }



.box li { margin-left: 40px; }



.box img {
	margin: 10px 5px 0;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}



#sc { float: left;

	width: 200px; }



#sc .sbox h1 {  font-size: 16px;

	text-align: center;

	color: #91D6E6;

	background-color: #fff;

	display: block;

	margin-bottom: 10px;

	width: 188px;

	margin-right: 12px;

	font-size: 22px;

	padding-top 5px;

	padding-bottom: 5px; }



.sbox { display: block;

	background-repeat: repeat-x;

	background-position: top left;

	padding: 5px 5px 5px;

	width: 189px; }



.sbox p.title { font-weight: bold;

	font-size: 15px; 

	margin-left: 10px; }



.sbox p {
	margin-left: 10px;
	color: #000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}



.sbox p#dyk { margin-bottom: 10px; }



.sbox ul { margin: 0 0 10px 10px;

	padding: 0; }



.sbox li { list-style: none;

	margin-left: 2px; }



.sbox li a { display: block;

	width: 150px;

	font-weight: bold;

	color: #000;

	padding: 2px 0 2px 0;

	font-size: 12px; }



.sbox li a:hover, .sbox p a:hover { text-decoration: none; }



.sbox p a { color: #fff; }



img.xlarge-img {

	margin-left: 20px;

}



/* Featured Art */

span { padding-left: 20px; 

	display: block;

	font-weight: normal;

	font-size: 11px;

	margin-bottom: 10px; }



.sbox img { padding-left: 15px; }

	



/* 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; }



/* individual page formatting */



#spacer-i { text-align: center;

	margin: 5px 0 5px; }



#list { margin: 5px 0 5px; }



#lg-image { float: left;

	margin: 0 5px 5px 0; }



.ml { height: 615px;

	background-color: #FE9110;

	background-image: url(../Images/Navigation_Banners/orange-col.gif);

	background-repeat: repeat-x;

	background-position: top left; }



.ml2 { height: 2975px;

	background-color: #FE9110;

	background-image: url(../Images/Navigation_Banners/orange-col.gif);

	background-repeat: repeat-x;

	background-position: top left; }



.mm {
	background-image: url(../Images/Navigation_Banners/yellow-col.gif);
	background-position: top left;
	background-repeat: repeat-x;
	height: 1250px;
	background-color: #FFF21D;
}



.fs { background-color: #4DBB30;

	background-image: url(../Images/Navigation_Banners/green-col.gif);

	background-repeat: repeat-x;

	height: 615px; }



.fs2 { background-color: #4DBB30;

	background-image: url(../Images/Navigation_Banners/green-col.gif);

	background-repeat: repeat-x;

	height: 725px; }



.fsh { background-color: #4247E8;

	background-image: url(../Images/Navigation_Banners/blue-col.gif);

	background-repeat: repeat-x;

	height: 615px; }



.fsh2 { background-color: #4247E8;

	background-image: url(../Images/Navigation_Banners/blue-col.gif);

	background-repeat: repeat-x;

	height: 715px; }



.fp { background-color: #CD49FD;

	background-image: url(../Images/Navigation_Banners/purple-col.jpg);

	background-repeat: repeat-x;

	height: 615px; }



.fp2 {
	background-color: #CD49FD;
	background-image: url(../Images/Navigation_Banners/purple-col.jpg);
	background-repeat: repeat-x;
	height: 732px;
}



.fp3 {
	background-color: #FFF21E;
	background-image: url(../Images/Navigation_Banners/yellow-col.gif);
	background-repeat: repeat-x;
	height: 750px;
}



.cf { background-color: #FF35CD;

	background-image: url(../Images/Navigation_Banners/pink-col.jpg);

	background-repeat: repeat-x;

	height: 585px; }



.cf2 { background-color: #FF35CD;

	background-image: url(../Images/Navigation_Banners/pink-col.jpg);

	background-repeat: repeat-x;

	height: 1000px; }



.cf3 { background-color: #FF35CD;

	background-image: url(../Images/Navigation_Banners/pink-col.jpg);

	background-repeat: repeat-x;

	height: 1250px; }



.op { background-color: #E52B2C;

	background-image: url(../Images/Navigation_Banners/red-col.jpg);

	background-repeat: repeat-x;

	height: 850px; }



.op2 { background-color: #E52B2C;

	background-image: url(../Images/Navigation_Banners/red-col.jpg);

	background-repeat: repeat-x;

	height: 1050px; }



.op3 { background-color: #E52B2C;

	background-image: url(../Images/Navigation_Banners/red-col.jpg);

	background-repeat: repeat-x;

	height: 1050px; }



.don { background-color: #9b2eff;

	background-image: url(../Images/Navigation_Banners/purple-col2.jpg);

	background-repeat: repeat-x;

	height: 585px; }



.wg {
	background-color: #2AA8FD;
	background-image: url(../Images/Navigation_Banners/blue2-col.jpg);
	background-repeat: repeat-x;
	height: 700px;
}



.wg2 { background-color: #2AA8FD;

	background-image: url(../Images/Navigation_Banners/blue2-col.jpg);

	background-repeat: repeat-x;

	height: 635px; }



.team { margin-left: 20px; }



.right { float: right;

	margin: 3px; }



.left { float: left;

	margin: 3px; }



#mc h1#fn { width: 430px;  }



#fn-box { width: 428px; }



#new-nav { float: right;

	180px;

	margin-left: 35px; }



#new-nav ul { margin: 0;

	padding: 0; }



#lnb { display: block;

	width: 188px;

	padding-bottom: 5px;

	border: 1px solid #AFE3F0;

	border-top: none; }



#topstory { float: right;

	width: 430px; }



#mc h1#la { width: 200px; }



#flash  { display: block;

	margin-top: 10px; 

	margin-left: 85px; }



#fs-flash { display: block;

	margin-top: 15px;

	margin-left: 85px;

	margin-bottom: 15px; }



#intro { margin-bottom: 15px; }



#addy { margin-bottom: 10px; }



#posters { margin: 5px 20px 10px; }



.lg { text-align: center; }



#p1,#p2 { float: left;

	width: 200px; }



.box ul#yc li { margin-bottom: 10px; }



.box p#yct { margin-left: 5px; }



#picsearch { margin: 15px 0 10px 190px; }



#picsearch label, #picsearch input { float: left;

	margin-bottom: 10px; }



#picsearch br  { clear: left; }



#picsearch label { width: 75px;

	text-align: right;

	padding-right: 3px;

	display: block; }



#picsearch input.btn { margin-left: 230px; }



/* Millin Child Mosaic Registration */

#mcmr-form { margin-top: 35px; }



#mcmr-form br { clear: both; }



#mcmr-form p label { float: left;

	display: block;

	text-align: right;

	margin-right: 10px;

	width: 200px; }



#mcmr-form p input, #mcmr-form p  select { float: left;

	width: 250px; 

	margin-right: 10px; }



#mcmr-form p input, #mcmr-form p  select, #mcmr-form p label { margin-bottom: 5px; }

	

#mcmr-form p input.form-cb { width: 10px; }



#mcmr-form p label.iql { text-align: left;

	margin-left: 10px; }



#mcmr-form p.check-para { margin-left: 225px; }



#reg-btn { margin: 15px 0 25px 425px; }
.text1 {
	text-align: left;
}
#wrapper #content #mc .box.clearfix table {
	text-align: center;
	font-size: 8px;
}
fp3 {
	background-color: #FF0;
	background-image: url(../Images/Navigation_Banners/yellow-col.gif);
}