/* CSS Document: The Jordan School - Site Design by Cheyenne Weaver Design - www.cheyenneweaverdesign.com */
/* =HTML tag styles                             */
/***********************************************/ 
html {}
body {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color:#000099;margin: 0px;margin-top: 0px;padding: 0px;text-align: center; background-image:url(/images/js-bg2.jpg); background-repeat:no-repeat; background-position:top; }
h1 {font-family: Arial, Helvetica, sans-serif;font-size: 18px;color:#CCCCCC;font-style:italic;}
h2 {font-family: Arial, Helvetica, sans-serif;font-size: 19px;color:#FFFFFF;}
h3 {font-family: Arial, Helvetica, sans-serif;font-size: 16px;color:#CC0000;}
p {text-indent: 0px;}

a:hover {color:#FFFFFF;}
a {text-decoration:none;color:#000099;}

/* =Layout Divs                                 */
/***********************************************/
#container {width: 800px;position: relative; /* makes "container" the containing block */margin: 0 auto; /* the proper css way to center */text-align: left; /* overrides text-align rule on body */padding:40px 0 0px 0;}
/* TEMPLATE SITE CONTENT STUFF */
#site-content{width:600px; height:365px; margin-right:5px;background-color:#CCCC99;border-style:solid;border-color:#000099; border-width:1px; border-top:none;}
#site-middle{float:left; width:600px; }

/* home page layout */
#left{float:left; width:191px;}
#middle{float:left; width:291px; }
#right{float:right; width:300px;}

#extranav-home{color:#000099; font-size:14px; font-weight:bold;width:280px;height:33px; padding:10px 0 0 15px;}
#extranav-home ul{ }
#extranav-home li{float:left;height:16px; border-right:2px solid #000099 }
	#extranav-home li#noborder{border-right: none;}
#extranav-home li a{padding:5px 6px 5px 6px;overflow:hidden;color:#000099; font-size:14px;text-decoration:none;}
#extranav-home li a.active{ color:#9999FF;}
#extranav-home p{float:left;padding-right:5px;}
	#extranav-home ul li a#extra-current,
	#extranav-home ul li a:hover {color:#9999FF;}

#home-content{height:467px; width: 300px;margin-right:5px;background-color:#CCCC99;border-style:solid;border-color:#000099; border-width:1px;}
	.home p{text-align:left; font-size:14px; padding:10px 10px 3px 10px}
	.home a{color:#CC0000;}
	.home a:hover{color:#FFFFFF;}
	.announcements{text-align:left; font-size:12px; padding:10px}
	.purpose{font-size:12px; text-align:center;}
	.purpose p{padding-top:20px; padding:15px}
	#quote img{position:absolute;text-align:center;left: 510px;top: 239px;}
#welcome{height:45px;background-color:#990000;}
#welcome h2 {padding:10px 0 10px 25px;}
#mid-bar{height:45px;margin-top:20px;background-color:#990000;}
#mid-bar h2 {padding:10px 0 10px 25px;}

#right-content{ height:550px; margin-top:39px;background-color:#CCCC99;border-style:solid;border-color:#000099; border-width:1px;padding-top:0px;}
	.purpose p{text-align:center; font-size:13px; padding:25px 17px 17px 17px;}
	.purpose img{margin-top:60px;}
/* end home page layout */

/* site layout */
#middle-content{float:left; width:591px; }
#home-content{height:467px; width: 299px;margin-right:5px;background-color:#CCCC99;border-style:solid;border-color:#000099; border-width:1px;}

/* =branding */
#branding{ width:350px; height:182px;}
	#branding h1, blockquote {position:absolute;top:-9999px;}
	#crest img {margin:0;}
	#js-logo {}
	#children img{margin:10px 0 0 2px;}
#branding-extended{ width:590px; height:182px;}
	#branding-extended h1, blockquote {position:absolute;top:-9999px;}

/* =extra photo */
#extra-photo {position:absolute;width:271px;height:140px;left: 521px;top: 75px;}

/* =extra navigation */
#extra-nav{ float:left;color:#000099; font-size:14px; font-weight:bold;width:775px;height:20px; padding:10px 0 0 15px;}
#extra-nav ul{ }
#extra-nav li{float:left;height:16px; border-right:2px solid #000099 }
	#extra-nav li#noborder{border-right: none;}
#extra-nav li a{padding:5px 6px 5px 6px;overflow:hidden;color:#000099; font-size:14px;text-decoration:none;}
#extra-nav li a:hover{ color:#9999FF;}
#extra-nav li a.active{ color:#9999FF;}
#extra-nav p{float:left;padding-right:5px;}

/* =left column */
#main-nav {float:left;clear:left;margin-top:8px; margin-left:8px;width:173px; height:427px;background-color:#6699CC;filter:alpha(opacity=65);opacity: 0.65;-moz-opacity:0.65; border-style:solid;border-color:#000099; border-width:1px;padding:20px 0 20px 0;}
#main-nav li {padding:21px 15px;color:#000099; font-size:14px; font-weight:bold;}

/* =navigation */
#navigation{height:100px; width:600px;background-color:#990000;border-style:solid;border-color:#000099; border-width:1px;}
#navigation h2 {padding:5px 0 5px 50px;}
#navigation ul{padding:0 0 0px 1px; margin:0px;}
#navigation li{float:left;border-right:#FFF solid 1px;height:15px;padding-bottom:0px;}
#navigation li a{padding:5px 5px 5px 5px;color:#fff; font-size:14px;text-decoration:none;}
#navigation li a:hover{ color:#FF6666;}
#navigation li a.active{ color:#FF6666;}
	#navigation ul li a#current,
	#navigation ul li a:hover {color:#FF6666;}
	#navigation ul li#last { border-right:none;}#main-content{float:right; height:366px; width: 617px;background-color:#CCCC99;border-style:solid;border-color:#000099; border-width:1px;border-top:none;}
	
/* =main content */
#main-content {float:left; width:609px;margin-left:5px;}
#site-content p{padding-bottom:10px;}
	#content {padding:20px;}
	#content p{ }
		#establish{background-image:url(/images/js-tree.png); background-position:center; background-repeat:no-repeat; height:100%;}
			#establish li{padding-top:45px;}
		#tuition{font-size:12px; text-align:center;}
		#tuition{padding-top:5px;}
		#tuition th{font-size:14px; font-weight:bold;}
		#tuition th, td{text-align:center;}
		#mission{}
			#address {padding:0 20px 0 20px;}
			#address h3{padding-bottom:10px;}
		#history p{font-size:13px;}
		#scholarships{}
		#application-forms{}
		#policies{}
			#policies ul{padding-left:40px;}
			#policies ul li{list-style:upper-roman outside;}
			#policies h3{padding:20px 0 15px 0;}
			#policies a{padding-left:120px;}
		#school-board {padding:10px 0 10px 0;}
		#school-board th h3{text-align:center; text-decoration:underline;margin:0; padding:0;}
		#note img{float:right; margin-right:30px}
		#address-note{float:left;}
		#note p{padding-bottom:20px;}
		#soon img{margin-top:50px;}
		#faculty {text-align:center; font-size:12px;}
		#faculty img{padding-bottom:10px;}
		#requirements{font-size:11px;}
			#requirements h3{padding:0 0 20px 0;}
		#appform h3{padding:0px 0 20px 0;}
		#appform h4{padding:0px 0 0px 75px;}
		#appform p{padding:0 0 0px 60px;}
		#news  {padding-top:20px;padding-left:10px;}
		#news table td{text-align:left; }
		.calendar-listing{ float:left;width:160px;}
		.calendar-img{float:right; width:100px;}
		#calendar{padding:10px;}
		#calendar a{text-decoration:underline;}
		#calendar-popup{padding-top:40px;}
			#calendar-popup img{text-align:center;}
			#key{clear:both; font-size:11px;width:600px;}
		#calendar ol{float:left; padding:15px 10px 0 0;}
			#calendar ol li{padding-bottom:6px;}
		#calendar table{float:left; background-color:#FFFFFF; border:1px solid; font-size:12px;}
		#calendar table td{ text-align:left; vertical-align:top;border:1px solid}
		#calendar-popup #calendar table td {padding:5px;}
		#calendar th{background-color:#CCCC99; text-align:center;font-size:12px;}
		#calendar ul{float:left; padding:40px 0 0 10px; font-size:12px;}
			#calendar ul li{padding-bottom:0px;}
		#calendar h4{clear:both; padding-left:110px;}
		#key {width:595px; text-align:left;}
	#journal-content{ }
		#news-feed{background-image:url(/images/js-sbook-teachers.png); background-repeat:no-repeat;height:355px;}
			#news-feed ul{padding:70px 0 0 430px;}
			#news-feed li{padding-bottom:48px;}
			#news-feed a{text-decoration:underline;}
		#upperclass-activities{background-image:url(/images/js-sbook-activities.png); background-repeat:no-repeat;height:355px;}
			#upperclass-activities ul{padding:70px 0 0 480px;}
			#upperclass-activities li{padding-bottom:90px;}
			#upperclass-activities a{text-decoration:underline;}
		#images{background-image:url(/images/js-sbook-pictures.png); background-repeat:no-repeat;height:355px;}


/***********************************************/
/* =Normalizes Browser Styles                   */
/***********************************************/
/*--Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
/*--Normalize font-size for headers*/
h4, h5, h6 {font-size: 100%;}
/*--Removes list-style from lists */
ol,ul {list-style: none;}
/*--Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
/*--Removes list-style from lists*/
table {border-collapse: collapse;border-spacing: 0;}
/*--Removes border from fieldset and img */
fieldset, img {border: 0;}
/*--Left-aligns text in caption and th*/
caption, th {text-align: left;}
/*--Removes Quotation marks from Q*/
q: before, q: after {content: '';}