/* System Layer */
body { margin: 0px; background: url(/assets/template.graphics/redesign/fp_main_bg.gif) repeat-y top center; color: #7640A6; text-align: left; padding: 0px; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; }

tr td {font-size: 0.8em; font-family: Arial, Helvetica, sans-serif;}

/* Content Layer */
p {  margin: 0px; padding: 0px; }
/* Styles for CSS Driven Templates */


#positioner { padding: 0px; margin: auto; width: 100%; position: relative; text-align: center; }

#header { position: absolute; width: 100%; height: 150px; top: 0px; left: 0px; background: url(/assets/template.graphics/redesign/header.jpg) no-repeat top center; text-align: left; }

#textTab { padding: 0px; margin: 0px; position: absolute; text-align: center; float: right; background: url(/assets/template.graphics/redesign/button_text_only.gif) no-repeat top left; width: 158px; height: 25px;  z-index: 1; left: 628px; }

#flashLogo { padding: 0px; margin: 0px; position: absolute; text-align: center; float: left; background: url(/assets/template.graphics/redesign/logo.gif) no-repeat top left; width: 233px; height: 108px;  z-index: 1; left: 0px; }

#container {  text-align: left; padding: 0px; margin: auto;	position: relative;	width: 780px; }


#contentAreaPositioner { top: 180px; text-align: left; padding: 0px; margin: 0px; width: 100%; position: absolute; float: left; }
#contentArea { text-align: left; padding: 0px; margin: 0px; position: relative; width: 100%; float: left; }

#leftCol { position: relative; width: 570px; text-align: left; float: left; padding: 0px; margin: 0px; }

#rightCol { position: relative; float: right; width: 202px; margin: 0px; padding: 0px; text-align: left; background: url(/assets/template.graphics/redesign/content_right_col.gif) no-repeat top left; }
.rightColInner { position: relative; float: left; width: 180px; margin: 12px 0px 0px 12px; padding: 0px; text-align: left; }
/* IE6 FIX */ * html .rightColInner { margin-left: 6px; } /* END FIX */
.rightColBottom { position: relative; float: left; width: 202px; height: 13px; margin: 0px; padding: 0px; text-align: left; background: url(/assets/template.graphics/redesign/content_right_col_btm.gif) no-repeat top left; }
.widgets { width: 100%; text-align: center; margin: 10px 0px 0px 0px; padding: 10px 0px 10px 0px; float: left; position: relative; }

#buttons { position: absolute; top: 115px; left: 125px; width: 635px; z-index: 1000000000000000000000000000000000000000; font-size: 1.2em; }

.pngFix { width: 396px; text-align: left; padding: 0px; margin: 0px 0px 0px 7px; position: relative; float: left; background: url(/assets/template.graphics/redesign/repeat_back.png) repeat top left; }
/* IE6 FIX */ * html .pngFix { margin-left: 3px; } /* END FIX */



/* TEXT STYLING */
.navigatorText { font-size: 0.85em; color: #7640A6; margin: 0px 0px 0px 1px; padding: 0px; float: left; position: relative; }
.navigatorText a:link { color: #8DB723; text-decoration: underline; }
.navigatorText a:visited { color: #8DB723; text-decoration: underline; }
.navigatorText a:hover { color: #8DB723; text-decoration: underline; }

.modifiedText { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-style: normal; color: #ccc; text-align: right; border-top: 1px dashed #ccc; padding: 0px; margin-top: 10px; position: relative; float: right; width: 100%; clear: both; }
.schoolName h1 { display: none; }

.titleText h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 2.6em; font-weight: normal; color: #8DB723; padding: 0px; margin: 0px; }

.descriptText h4 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #7640A6; padding: 0px; margin: 0px; }

.textOnly { margin-top: 4px; font-size: 0.85em; color: #fff; letter-spacing: 1px; }
.textOnly a:link { color: #fff; text-decoration: none; }
.textOnly a:visited { color: #fff; text-decoration: none; }
.textOnly a:hover { color: #fff; text-decoration: underline; }

.fpFooter { margin-top: 12px; font-size: 0.85em; width: 100%; text-align: center; position: relative; float: left; }
.fpFooter a:link { text-decoration: none; color: #7640A6; }
.fpFooter a:visited { text-decoration: none; color: #7640A6; }
.fpFooter a:hover { text-decoration: underline; color: #7640A6; }

.hiddentext{ display: none; }
.textOnlyNav { display: none; }

/* Side Navigation Styling */
.sectionText h3 { font-family: Tahoma, Verdana, sans-serif; font-size: 1.4em; font-weight: normal; color: #8DB723; padding: 0px; margin: 0px; width: 180px; display: block; }
.navText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; font-weight: normal; padding: 4px 0px 0px 0px; margin: 0px; }
.navText ul { padding: 0px 0px 0px 4px; margin: 0px 0px 0px 8px;  }
.navText li { padding: 0px; margin: 0px; list-style-type: none; line-height: 2; }
.navText a:link { text-decoration: none; color: #7640A6; }
.navText a:visited { text-decoration: none; color: #7640A6; }
.navText a:hover { text-decoration: underline; color: #7640A6; }
.navText hr { height: 1px; border-bottom: 1px dashed #7640A6; width: 100%; padding: 0px; margin: 0px; }

/* IE6 FIX */ * html .searchFix { padding: 0px; margin: -4px 0px 0px 0px; } /* END FIX */


/* USER LOGIN */
.loginArea { float: left; position: relative; margin: 4px 0px 8px 12px; padding: 0px; text-align: center; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; color: #1E6BCE; }
/* IE6 FIX */ * html .loginArea { margin-left: 6px; } /* END FIX */
.usernameField { width: 95px; padding: 0px; margin: 0px 0px 4px 0px; border: 1px solid #1E6BCE; min-height: 20px; }
/* IE6 FIX */ * html .usernameField { height: 18px; } /* END FIX */
.passwordField { width: 95px; padding: 0px; margin: 0px 0px 4px 0px; border: 1px solid #1E6BCE; min-height: 20px; }
/* IE6 FIX */ * html .passwordField { height: 18px; } /* END FIX */
.notRegistered { font-size: 0.8em; padding: 0px; margin: 4px 0px 0px 0px; }
.notRegistered a:link { color: blue; text-decoration: underline; }
.notRegistered a:visited { color: blue; text-decoration: underline; }
.notRegistered a:hover { color: blue; text-decoration: underline; }
.loggedInText { text-align: center; font-size: 90%; }

/* REPEAT FOR DEFAULT CSS */

.bodyText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 1em; color: #7640A6; padding: 0px; margin: 0px; }
.bodyText p { padding: 0px; margin: 0px; }
.bodyText td { font-size: 1em }

.bodyText h1 { font-size: 1em; font-weight: normal; font-style: normal; padding: 0px; margin: 0px; }
.bodyText h2 { font-size: 1em; font-weight: normal; font-style: normal !important; padding: 0px; margin: 0px; }
.bodyText h3 { font-size: 1em; font-weight: normal; font-style: normal; padding: 0px; margin: 0px; }

.largeTitleGreen { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: normal; color: #8DB723; padding: 0px; margin: 0px; }


.largeTitlePurple { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: normal; color: #7640A6; padding: 0px; margin: 0px; }


/* END REPEAT */


/* Forums */

.forumTable { 
	border: 1px solid #a7a7ab; 
	border-collapse: collapse; 
	width: 98%; 
	margin: 0 auto; 
	}
	
.forumTableHeaderRow { 
	background: url(/assets/template.graphics/background.gif); 
	}

.forumTableHeader { 
	font: 80% arial, verdana, helvetica, sans-serif; 
	text-decoration: none; 
	color: #000000; 
	}
.forumTableHeader a:hover { 
	text-decoration: none; 
	color: #000000; 
	}

.forumTable td { 
	border-top: 1px dotted #a7a7ab; 
	padding: 6px; 
	vertical-align: top; 
	}
	
.forumTableHeaderRow td {
	border-bottom: 1px solid #a7a7ab; 
        overflow: auto;
        
	}
	
.forumBody { 
	font: 80% arial, helvetica, sans-serif; 
	text-align: left; 
        overflow: auto;
        
	}

.forumSmall { 
	font: 60% verdana, arial, helvetica, sans-serif; 
	text-align: center; 
	}
	
.forumRowMouseOver { 
background-color: #f0f0f0; 
}
.forumRowMouseOut { 
background-color: #ffffff; 
}


.forumTable textarea { width: 520px; }
.forumTable input { text-align: left; }



/*New Text formatting*/

.tbtext { font-size: xx-small; border: 1px solid #423BA2; }

/*Image Gallery Contact Sheet formatting*/
.contacttitletext { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: medium; font-weight: bold; color: #423BA2; text-align: center; padding-bottom: 16px; }

.tb { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; vertical-align: top; width: 100px; margin: 6px 20px 0px 0px; }

.tb img { border: 1px solid black; margin: 0px 0px 8px 0px; padding: 0px; }

.minititletext { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; color: #00378A;
padding: 0px; margin: 0px; text-align: center; width: 100px; }
/* IE6 FIX */ * html .minititletext { margin-left: -20px; } /* END FIX */
.minititletext a:link { color: #00378A; text-decoration: none; }
.minititletext a:visited { color: #00378A; text-decoration: none; }
.minititletext a:hover { color: #00378A; text-decoration: underline; }


.minidesctext { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; font-weight: normal; color: #423BA2; padding-bottom: 20px; width: 100px; }

#imgdescbox { padding-bottom:10px; margin:0px; text-align: center; position:relative; }

#imgbodybox { position: relative; top: 5px; padding: 10px; margin: 0px; width: 100%; text-align: center; }

#imglinksbox { position: relative; top: 5px; padding-bottom: 10px; float: left; width: 100%; text-align: center; }

.desctext { font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: normal; color: #00378A; padding: 0px; }

/* ######################### new contact sheet layout ############################## */

.contactSheet {
	background: transparent url(/assets/template.graphics/pic_corner.gif) no-repeat top right;
	background-color: #B0CD41;
	width: 100px;
	padding-bottom: 4px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 16px;        
        margin: 10px;

}


/* Floating Page Selector */
.pageSelector { font-size: 75%; font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center; }
.currentPage { background-color: #edf3fe; border: 1px solid #a7a7ab; padding: 0px 2px 0px 2px; margin: 0px 2px 0px 2px; }
.pageSelector a { border: 1px solid #ccc; padding: 0px 2px 0px 2px; color: #f0f0f0; margin: 0px 2px 0px 2px; }
.pageSelector a:link { background: none; border: 1px solid #FEF7CB; color: #00378A; text-decoration: none; }
.pageSelector a:visited { background: none; border: 1px solid #fff; color: #00378A; text-decoration: none; }
.pageSelector a:hover { background-color: #edf3fe; border: 1px solid #00378A; color: #00378A; text-decoration: none; }


/* CALENDAR STYLING */

.calendarLayout { font-size: 0.9em; width: 90%; margin: 0px 0px 0px -4px; padding: 0px; }

.calendarLayout td { margin: 0px; padding: 0px; }
.calendarLayout tr { margin: 0px; padding: 0px; }

* html .calendarLayout tr { margin: 2px; padding: 2px; }
* html .calendarLayout td { margin: 2px; padding: 2px; }

.calendarLayout ul { margin: 0px; padding: 0px; }
.calendarLayout li { margin: 0px; padding: 0px; list-style-type: none; }

.calendar { margin: 1px; padding: 0px; }

.calendarEvent { font-weight: bold; color: #8DB723; margin: 0px; padding: 0px; }

* html .calendarEvent { padding-top: 2px; padding-bottom: 2px; }

.calendarEvent a:link { font-weight: bold; border: 1px solid #8DB723; margin: 0px; padding: 2px; color: #8DB723; text-decoration: none; }
.calendarEvent a:visited { font-weight: bold; border: 1px solid #8DB723; margin: 0px; padding: 2px; color: #8DB723; text-decoration: none; }
.calendarEvent a:hover { font-weight: bold; border: 1px solid #E7060A; margin: 0px; padding: 2px; color: #E7060A; text-decoration: none; }

/* STEM CELLS PAGE */

.stemTitle h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 2.6em; font-weight: normal; color: #8DB723; padding: 0px; margin: 0px; float: left; position: relative; width: 450px;}
.stemTitle a:link { text-decoration: none; color: #8DB723; }
.stemTitle a:visited { text-decoration: none; color: #8DB723; }
.stemTitle a:hover { text-decoration: underline; color: #8DB723; }

.stemThumb { width: 110px; float: left; position: relative; margin: 0px; padding: 0px 0px 10px 0px;; }

.stretch { padding: 0px; margin: 0px; float: left; position: relative; width: 100%; }
.stemDescript { padding: 0px 0px 10px 0px;; margin: 0px 0px 10px 0px; float: left; position: relative; width: 450px;  }