﻿@charset "utf-8";
/* ------- DEFAULT SETTINGS -------- */

body{background-color:#b03234;
	 	 margin:auto;
	 	 padding:0;
	 	 font-family: Georgia, "Times New Roman", Times, serif;
	 	 font-size:small;/* for IE5/Win */
		 voice-family:"\"}\"";
	 	 voice-family: inherit;
	 	 font-size: medium;/* for compliant browsers */
	 	 color:#003300;
		 }
html>body{/* be nice to Opera */
				  font-size:small;
				  }
		
a{text-decoration:none;
	color:#1d6b8f;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: medium;
	}
			
a:hover{color: #e3f4c2;
			 }
			 
p{
	margin-bottom:1em;
	font-weight: 500;
	}			
			 
/* ------- SPACE -------- */
#space{position: relative;
		background-image: url(images/border.png);
		background-repeat: repeat-y;
		width: 1100px;
		height: auto;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		}
		
#space img{margin: 0 auto;
			padding: 10px;
			}		
			
/* ------- WRAPPER -------- */
#wrapper{
				 position: relative;
				 margin: 5em;
				 margin-bottom: 7em;
				 padding: 0;
				 width: 950px;
				 min-height: 700px !important;
				 height: auto;
		 	     background-color: #f6efd0;
		 		 border: solid 3px #830f12;
				 -moz-border-radius: 10px;
				 overflow: hidden;
				 }
				 

#header{
				margin: 0 0 7em 0;/*This div will adjust out in Firefox*/
				}
				


/*ul.nav li: hover, .nav ul li a:hover
{
	background: #f6efd0 url(images/on_bg.gif) repeat-x top left;
}*/

/*--------Post it----------*/
#postit
{
	width: 100px;
	height: 100px;
	float: left;
	clear: both;
}

/* ------- Logo ---------- */
							
#logo  { 
			  width: 318px;
			  height: 30px;
			  float: right;
			  clear: both;
			  margin: 20px 75px 0 0;
			  padding: 15px;
			  }
		
#logo a img  
{
	border: none;
}
														
		
/* -------- CONTENT ---------- */
#content{
				 width: 825px;	
				 position: relative;
				 margin: 4em;
				 padding-top: 20px;
				 clear: both;
				 }
		
#content li
{
	margin-bottom: 1em; /* --- Puts space between <li> tags --- */
}	
												
#text{
		 position: relative;
		 padding: 10px 0 10px 10px;
		 margin: 0;
		 text-align: left;
		 width: 400px;
		 }
		 
#content .textG{
				 				font-family: papyrus, times, new time roman, serif;
				 				text-align: center;
				 				border-bottom: 3px solid #b03234;
				 				}	 
								
#content h3.inst{
				 		font-family: papyrus, times, new time roman, serif;
						text-align: center;
						border-bottom: 2px solid #b03234;
						width: 400px;
						margin-left: 12.89em;
				 		}																 
		 
#content p{
				 	 margin-right: 32em;
				 	 }
				 	 
#content li span
{
    
}				 	 
			
/* -------- PICTURE INSIDE CONTENT ------ */
#picture{
				/* background-image: url(images/art32.jpg);*/
			   	float: right;
				 width: 400px;
				 height: 350px;
				 clear: both;
				 margin: 1em 0 0 1em;
				 border: solid 2px #830f12;	
				 }
		
div #content>#picture 
{
	padding: 0;
}
				 
/*-------- Flash Gallery ----------*/
#flashcontent{
							position:relative;
							margin:25px auto;
							margin-left: 30px;
							width:775px;
							height:650px;
							}				 

/* ------- Directions Page -------- */
div#mapQuest{
					position: relative;
					height: 458px;
					width: 600px;
				    margin: 9em 0 0 9em;
					clear: both;
					border: solid 2px #830f12;
				  }
					
#directlst{
					 position: relative;
					 padding: 10px 0 10px 10px;
					 margin: 0;					 
					 }			
					 
/* ------ Sponsors --------*/
.sponsors{
					text-align: center;
					margin-left: 38px;
					margin-bottom: 15px;
					width: 350px;
					}				 
					
.sponsors a{
						color: #86A4FF;
						font-family: georgia, times, time new roman, serif;
						font-size: 18px;
						line-height: 1.75em;
						cursor: pointer;
						}											
					
.sponsors a:hover{
									color: #b03234; 					
					  			}		
									
/* ------ Directors Message ------- */
p.greeting{
					 font-size: 16px;
					 font-family: inherit;					 
					 }	 
					 
									 
p.message:first-letter{
											 font: 700% "party let", fantasy;
											 margin-right: 12px;
											 float: left;
											 color: #830f12;
											 }
											 
/* ----- Wish List --------*/

h2.wishlst
{
	padding-top: 15px;
	text-align: center;
	color: #830f12;
}

h4 a:hover
{
	color: #830f12;
}
					 

/* ------- FOOTER --------- */ 
#footer
{
	margin: 0 auto;
	text-align: center;
	color: #f6efd0;
	clear: both;
}
				
.validate
{
	float: left;
}

.validate img
{
	border: none;
}
				
				
				
				
/* ------- CONSTRUCTION PAGE -------- */

#content>h2
{
	margin-top: 15px;
	color:#F00;
}


/*-------------Donation Form-----------------------*/

#donationForm
{
	background: url(images/pdficon_large.gif) no-repeat 0 50%;
}
					
#donationForm a{
				color: #86A4FF;
				font-family: georgia, times, time new roman, serif;
				font-size: 18px;
				line-height: 1.75em;
				cursor: pointer;
				padding-left: 40px;/*--Will need to changed size of padding if the icon size changes--*/
				}										
					
#donationForm a:hover{
					  	color: #b03234; 					
					 }		
						
/*--------------------Newsletters------------------------------*/

#arcNews
{
	font-weight: 700;
	margin: 0 0 0 95px;
}

.newsLbl
{
	width: 150px;
}

#newsletters a>img
{
	border: none;
}

#newsletters
{
	border: none;
}

/*--------------Post-it-----------------------------------*/
#postit a>img
{
	border: none;
}




/*---------------------------------------------------------------------------------------------*/
@charset "utf-8";

/*--This is for IE7--*/



/* ----- CONTACT PAGE ----- */
		
.contacts{
					font-family: Georgia, "Times New Roman", Times, serif;
					overflow: hidden;
					width: 405px;
					}
					
.full{width: 100%;}

.left{
			clear: both;
			float: left;
			}					
			
#content h3.inst{
		 		font-family: papyrus, times, new time roman, serif;
				text-align: center;
				border-bottom: 2px solid #b03234;
				width: 400px;
				margin-left: 11em;
		 		}					
					
/* ------- navbar --------- */

#menu ul/*for firefox*/
{
	height: 26.5px;
	margin: auto;
	background: #f6efd0 url(images/nav_bg.gif) repeat-x bottom left;
	border: none;
}

#menu{
		float: left;
		width: 68.3em;
		margin: 0;
		padding: 1em 2.89em 0 2.89em;
		list-style: none;
		background: #f6efd0 url(images/nav_bg.gif) repeat-x bottom left;
}

#menu ul.nav li>ul
{
	position: relative;
}

.nav
{
	width: 100%;
	padding-left: 10px;/*for ie7*/
	clear: both;
	margin-top: 15px;
	float: left;
	list-style: none;
}

ul.nav
{
	display: block;
	margin-top: 15px;
}

ul.nav a
{
	display: block;
	margin: 0;
	padding: 4px 8px;
	color: #333;
	border: 1px solid #b03234;
	border-bottom: none;
	background: #b03234 url(images/off_bg.gif) repeat-x  top left;
	font-family: inherit;
	height: 17.5px;
	text-align: center;
}
	
ul.nav>li/*main list*/
{
	float: left;
	margin: 0 1px -1px 0;
	font-family: inherit;
	width: 140px;
}


ul.nav li>ul/*Makes the sub list items hidden*/
{
	display: none;
	position: absolute;
	float: left;
	width: 30.5ex;
	padding: 0;
	margin: 0;/*for ie7*/
	border: 1px solid #b03234;
	border-top: none;
	z-index: 100;
	list-style: none;
}

ul.nav li:hover>ul/*when hovered makes sub items visible*/
{
	display: block;
}

ul.nav li ul a/*sub list bottom border*/
{
	border-bottom: 1px solid #b03234;
}

#menu a:hover, body#intro #t-intro a
{
	 /*selected state needs to be set for tabs*/
	 color: #333;
	 height: 17.5px;
	 font-family: inherit;
	 border-color: #b03234;
	 background: #f6efd0 url(images/on_bg.gif) repeat-x top left;
}

ul.nav li:hover, .nav ul li a:hover
{
	background: #f6efd0 url(images/on_bg.gif) repeat-x top left;
}

/*--Directores Message--*/

p.message:first-letter
{
	font: 600% Papyrus;
	float: left;
	color: #830f12;
}


#text
{
	padding: 0;
    margin: 0;
    width: 300px;
}					 
					 				
