/*
	http://www.free-css-templates.com		
*/

body { 
	padding: 0; 
	margin: 0; 
	font: .74em Arial, sans-serif; 
	line-height: 1.5em; 
	background: #fff url(images/top.jpg) repeat-x top; 
	color: #454545; 
	}
	
a { color: #DA3B3B; background: inherit; text-decoration: underline}
a img { text-decoration:none; }
a:hover { color: red; background: inherit;}
p {	margin: 5px 0; }
h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: -1px; color:black; }
h2 { font: bold 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { font: bold 1.4em Arial, Sans-Serif; padding: 4px 0; margin:  0; }
h4 { font: bold 1.2em Arial, Sans-Serif;}
h5 { font: bold 1.0em Arial, Sans-Serif; font-weight:bold; font-style: italic; color:maroon;}
ul { margin: 0; padding : 0; list-style: none; }
img { border: 0; }
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }
span {font-weight:bold; font-family: Verdana;}
#back, #logon, #submitButton, #resetButton, #previewButton, #copyButton, #deleteButton { background-color:red; color:white; width:85px; }

.content { margin: 0px auto; width: 800px; }

/* Top part */
#top { padding-top: 5px; background: transparent; height: 101px; }
	#top h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: 1px; color: #FFF }
	#top h2 { font: 1.0em Arial, Sans-Serif; letter-spacing: 0px; color: #868686; margin:0; padding: 0 }
	#top #icons { float: right; margin:20px 0; padding:0 }
	#top #icons img { padding-right: 2px; border: 0 }

/* Second part */
#prec { 	height: 220px; 	margin:0; padding: 0; background: #F6F6F6; border-bottom: 1px solid #DCDCDC; overflow: hidden; margin-bottom: 15px }
	#wrap { margin: 0 auto; width: 800px; }
		#wrap #pic { float: right; background: #FF0000 url(images/mainimg.jpg) no-repeat; height: 199px; width: 589px; overflow: hidden;}
			#wrap #pic #slogan { float: right; padding: 25px 30px 10px 30px; text-align: right }
			#wrap #pic #slogan h1 { font: bold 1.4em Arial, Sans-Serif; color: #FFF; letter-spacing: 1px; margin:0 }
			#wrap #pic #slogan h2 { font:  1.0em Arial, Sans-Serif; color: #FFF; letter-spacing: 0px; margin:0; padding: 10px 0}
			#wrap #pic #slogan a { color: #FFF; }
			
		#wrap #menu { padding: 0; margin:0; background: inherit; }
		#wrap #menu a { padding-left: 25px; font: 1.0em Arial, Sans-Serif; text-decoration: none; background: #F6F6F6 url(images/menu-li.gif) no-repeat left;  }
		#wrap #menu ul { padding: 10px 0 }
		#wrap #menu li { line-height: 26px; background: #F6F6F6 url(images/li-line.gif) no-repeat bottom left; list-style: none }
		#wrap #menu #selected { color: red; font: bold 1.2em Arial, Sans-Serif; background: #F6F6F6 url(images/menu_selected-li.gif) no-repeat left; }
		

/*  Advertising */
#ad { background: #FFF url(images/img.jpg) no-repeat left; padding-left: 95px; min-height: 80px; margin-bottom: 15px; color:blue; font-style:italic; }
#ad div { color:gray; font-style:normal; font-weight:normal}
#ad a, #left_side a { background: #FFF; text-decoration: none }
#ad a:hover, #left_side a:hover { text-decoration: underline }
		
#memberBar { width:100%; position:relative; background: #FDFCF6 url('images/boxbg.gif') repeat-x; padding:3px; font-family:Verdana; font-style:italic; }

/* main area */
#main { }
    #submenu { text-align:center; font-size:120%; background-color: #E0E0E0 ; }
        #submenu #selected {color: red; font-weight: bold; text-decoration:none;}
        #submenu a:hover {color: red;}
        
	#right_side { float: right; width: 212px; background: #F6F6F6; padding: 5px 10px 5px 10px; margin-bottom: 10px; }
		#right_side ul { padding: 3px 0 8px 0; } 
		#right_side li { line-height: 18px; background: #F6F6F6 url(images/cat-li.gif) no-repeat left; list-style: none; padding-left: 20px; padding-top: 5px; padding-bottom: 5px;}
		#right_side a { background: #F6F6F6; text-decoration: underline; }
		#right_side h3 { color: #404040; font:  bold 1.2em Arial, Sans-Serif;  }
        #right_side .box { border: thin double darkred; text-align:center; padding: 5px 0 5px 0;}
    
	#left_side { background: #FFF; margin-bottom: 10px; width: 560px;  }
        #left_side div { text-align:center; }
		#left_side h3 { background: #FFF url(images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; }
		#left_side h3 span { background: url(images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px; margin: 0}
        #left_side h4 {text-align:center;}
		#left_side p { color: #454545; padding: 0 5px 0 5px; text-align: justify }
		#left_side img { float: left; padding: 0 10px 10px 0 }
		#left_side blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; }
		.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right }		
		#left_side .calendar { background-repeat: no-repeat; background-position: left; padding: 0em 1.0em 0em 20px; background-image: url(images/calendar.jpg);  text-align: right;}		
		#left_side .contact { background-repeat: no-repeat; background-position: left; padding: 0em 1.0em 0em 20px; background-image: url(images/icon-comments.gif);  text-align: right;}		
		#left_side a.more { background-repeat: no-repeat; background-position: left; padding: 0em 1.0em 0em 20px; background-image: url(images/icon-more.gif);}		
		#left_side div.more { text-align: right;}		
		#left_side .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
		#left_side ul { list-style-position: outside; margin-left: 2px }
		#left_side ul li { list-style-type: square; margin-left: 15px;  }
		#left_side ul ul li { list-style: none; margin-left: 10px; list-style-type: disc; list-style-position: inside }
        #left_side #extendedList li { font-style:italic; padding: 5px 0 5px 0;}
        #left_side hr {width: 80%; height:3px; margin-left:10%;  }
        #left_side td { border:thin solid lightgray; background-color:white; color:black; padding: 3px 5px 3px 5px}
        #left_side td a {background-color:inherit;}
        #left_side td ul {list-style-position:outside;}
        #left_side .tableHead {border-top:thick solid black; border-bottom: thin solid white; background-color:darkred; color:white; font-size: 120%; padding: 5px 0 5px 0; text-align:center; }
        #left_side .tableHead2 {background-color:#A80000; color:white; font-size: 100%; font-weight:bold; font-style:italic; text-align:center; }
        #left_side .tableHead a { color: gold; text-decoration:underline; background-color:darkred; }
        #left_side .tableEmphasis { background-color:lightyellow; text-align:center; }
        #left_side .tableCenter { text-align:center; }
        #left_side .spacer {background-color:white;}
        #left_side table {border: solid black; width:90%; margin-left:5%; vertical-align:top; border-collapse:collapse;}
	    #left_side .highlight {color:darkred; font-weight:normal}
        #left_side .money { text-align:right; }
        #left_side .post { text-align:right; color:gray; }
        #left_side .boxImage { height:40px; width:40px; padding:2px; border:double black; float:none; }        
        #submenu { text-align:center; font-size:120%; background-color: #E0E0E0 ; }
            #submenu #selected {color: red; font-weight: bold; text-decoration:none; background-color: #E0E0E0 ;}
            #submenu a {color: red; background-color: #E0E0E0; text-decoration:underline;}
                
#platinum .tableHead { font-size: 150%; }
#platinum td, #platinum a { background-color: ivory; font-size: 120%; }
#gold .tableHead { background-color: gold; color: black; font-size: 145%; }
#gold td { font-size: 120%; }
#silver .tableHead { background-color: silver; color: black; font-size: 135%; }
#silver td { font-size: 110%; }
#bronze .tableHead { background-color: goldenrod; color: black; font-size: 125%; }
#bronze td { font-size: 100%; }
#percussion .tableHead { background-color: aquamarine; color:black; font-size: 115% }
#percussion td { font-size: 100%; }


#calendar table { table-layout:fixed; padding:0; width:100%; margin:0;}
#calendar td {  text-align:left; vertical-align:top; height:80px; font-size:85%; font-weight:bold; border-color:gray;}
#calendar .today { color:black; background-color:gold; height:auto; font-size: 120%; font-weight:bold; font-style:italic; text-align:center; }
#calendar .tableHead, #calendar .tableHead2 { height:auto; }
#calendar .noSchool { background-color:lightgreen; }
#calendar .empty { background-color:#D0D0D0; }
#calendar span { font-size:200%; color:white; font-family: times new roman; padding:0;}
#calendar .tableHead a { background-color: darkred; }

#miniCalendar { font-size:90%; text-align:center; width:100%; }
#miniCalendar table { width:100%; table-layout:fixed; } 
#miniCalendar table, #miniCalendar td { border: 1px solid black; }
#miniCalendar .today { color:black; background-color:gold; }
#miniCalendar .noSchool { background-color:lightgreen; }
#miniCalendar .empty { background-color:#D0D0D0; }
#miniCalendar .tableHead { background-color:darkred; color:white; border-bottom: 2px solid black }
#miniCalendar .tableHead2 { background-color:#A80000; color:white; border-bottom: 2px solid black }
#miniCalendar .noSchool a { background-color:lightgreen; } 
#miniCalendar .today a { background-color:gold; }

#login { font-size:80%; }
#login td.logonHeader { color:black; text-align:right; }
#login .logonData { height: 30px; }
#login .errortext, #login .errorMessage { color:red; } 
#login .errorMessage { text-align:center; width:100%; }

.errorText { color:white; background-color:red; }

#alerts form { background: #FDFCF6 url('images/boxbg.gif') repeat-x; }
#alerts table { border:none; background:inherit; padding:0;}
#alerts th { font-weight:bold; text-align:right; border:none; }
#alerts td { text-align:left; border:none; background:inherit;}
#alerts td.dateFormat, #alerts span.dateFormat { padding:0; }
#alerts #alertList { font-size:90%; }
#alerts #alertList table { border:thin solid black; margin-left:-10px; width:100%; padding:0; }
#alerts #alertList th { border:thin solid black;  font-weight:bold; text-align:center; background-color:maroon; color:white; }
#alerts #alertList td { border:thin solid black; text-align:left; }

#eventForm form { background: #FDFCF6 url('images/boxbg.gif') repeat-x;}
#eventForm table { border:none; background:inherit; padding:0;}
#eventForm th { font-weight:bold; text-align:right; border:none; }
#eventForm td { text-align:left; border:none; background:inherit;}
#eventForm td.dateFormat, #alerts span.dateFormat { padding:0; }

#checklist { font-size:95%; vertical-align:top; list-style-position: outside; margin-left:25px; padding:0;}
#checklist li { line-height: 1.5em; color:black; background:none; list-style-image: url('images/checklist.png'); padding:0;}

.dateFormat, .timeFormat { font-size:80%; font-style:italic; }

#dialog { background:white; margin:3px 10px 3px 10px; }
#dialogContent { }
        #dialogContent h3 { background: #FFF url(images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif;}
        #dialogContent table { font-size:90%; border:thin solid black; margin-left:-10px; width:100%; padding:0; }
        #dialogContent th { border:thin solid black;  font-weight:bold; text-align:center; background-color:maroon; color:white; }
        #dialogContent td { border:thin solid black; text-align:left; }

#itinerary td { text-align:left }

#alumni .tableHead, #fundraisingEvent .tableHead { background-color: cornflowerblue; color: white; font-size: 100% }
#alumni td, #fundraisingEvent td { font-size: 90%;}
#alumni .tableHead a, #fundraisingEvent .tableHead a { background-color: cornflowerblue; color:darkred; }

#filterAlumni, #filterFundraising { }
        #filterAlumni div, #filterFundraising div { width:97%; margin:0; padding:3px 8px 3px 8px; background: #FDFCF6 url('images/boxbg.gif') repeat-x; text-align:left; font-size:x-small;  }
        #filterAlumni div table, #filterFundraising div table { font-size:x-small; width:100%; border:none; margin:0; padding:0; }
        #filterAlumni div table td, #filterFundraising div table td { background-color:inherit; line-height:10px; border:none;}
        #filterAlumni div table th, #filterFundraising div table th {  padding:0 3px 0 0; line-height:10px; text-align:right; border:none; }

#filterFundraisingTabs { border-bottom:thin solid black; }
        #filterFundraisingTabs table { border: none; border-bottom:thin solid black; border-collapse:collapse; }
        #filterFundraisingTabs th { border-top: thin solid black; border-left: thin solid black; border-right: thin solid black; border-bottom:thin solid black; background-color:Gainsboro; }
        #filterFundraisingTabs th.selectedTab { border-bottom: thin solid beige; background-color: beige;}
        #filterFundraisingTabs td { background-color: beige; border-left:thin solid black; border-right: thin solid black; }
        #filterFundraisingTabs td.directions { font-size: 100%; text-align:left; background-color: white; border:none;}
        #filterFundraisingTabs a { background-color: inherit; font-weight:bold}
        
#alumniTable, #fundraisingEventsTable { }
        #alumniTable table, #fundraisingEventsTable table { border:thin solid black; border-collapse:collapse; }
        #alumniTable th, #fundraisingEventsTable th { border-top:thick solid black; border-left: thin solid black; border-right: thin solid black; background-color:darkred; color:white; font-size: 120%; padding: 5px 0 5px 0; text-align:center; }
        #fundraisingEventsTable img { height:auto; padding:0; }
        #alumniTable td, #fundraisingEventsTable td { border:thin solid black; padding:0 3px 0 3px; }
        #fundraisingEventsTable td { background-color:white; text-align:left; }
        
#alumniProfile { }
        #alumniProfile table { border-collapse:collapse; vertical-align:top;}
        #alumniProfile th { text-align:right;  vertical-align:top; border-top:thick solid black; background-color:darkred; color:white; padding-right:3px;}
        #alumniProfile td { font-style:italic; color:darkred; vertical-align:top; border-top:thick solid black; }
        #alumniProfile td table td { border-top:none; }

#memberProfile { }
        #memberProfile table { border-collapse:collapse; vertical-align:top;}
        #memberProfile th { text-align:center;  vertical-align:top; border-top:thick solid black; background-color:darkred; color:white; padding-right:3px;}
        #memberProfile td { font-style:italic; color:darkred;  }
        #memberProfile td.label { font-style:italic; color:darkred; text-align:right; }
        #memberProfile td table td { border-top:none;}
        
#contactTable { }
        #contactTable table { border-collapse:collapse; vertical-align:top;}
        #contactTable th { text-align:right;  vertical-align:top; border-top:thick solid black; background-color:darkred; color:white; padding-right:3px;}
        #contactTable td { font-style:italic; color:darkred; vertical-align:top; border-top:thick solid black; }
        #contactTable td table td { border-top:none; }

#inputTable { }
        #inputTable table { border-collapse:collapse; vertical-align:top;}
        #inputTable th { text-align:right;  vertical-align:middle; padding-right:3px;}
        #inputTable td { text-align:left; }
           
#siteMap { width:100%; }
		#siteMap ul { list-style-position: outside; margin-left: 10px; padding: 6px; }
		#siteMap ul li { list-style-image: url(images/menu-li.gif); margin-left: 15px;  padding: 6px; font-size: 150%; }
		#siteMap ul ul li { margin-left: 20px; list-style-type: square; list-style-image:none; padding:0px; font-size: 90%}
		#siteMap ul ul ul li { margin-left: 20px; list-style-type: disc; padding:0px; }
		#siteMap ul ul ul ul li { margin-left: 20px; list-style-type: circle; padding:0px; }
        
#contextMenu { border: 1px solid blue; display: none; position: absolute }
        #contextMenu ul { margin: 0; padding: 0.3em; list-style-type: none; background-color: white; }
        #contextMenu li:hover {}
        #contextMenu hr {border: 0; border-bottom: 1px solid grey; margin: 3px 0px 3px 0px; width: 10em;}
        #contextMenu a {border: 0 !important;}
        #contextMenu a:hover {text-decoration: underline !important;}
        #contextMenu .topSep {font-size: 90%; border-top: 1px solid gray; margin-top: 0.3em; padding-top: 0.3em;}
    
/* The footer */
#footer { font-size: 80%; line-height: 1.2em; clear: both; border-top: 1px solid #DCDCDC; margin: 0 0 3em 0; color: #777;  background: #fff }
#footer .right  { color:black; float: right; text-align: right; background: #FFF; }
#footer a { text-decoration: none; background: #FFF }