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

/* 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:hover{ color:#9999FF;}
#extranav-home li a.active{ color:#9999FF;}
#extranav-home p{float:left;padding-right:5px;}

#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:580px; margin-top:39px;background-color:#CCCC99;border-style:solid;border-color:#000099; border-width:1px;padding-top:30px;}
	.purpose p{text-align:center; font-size:13px; padding:20px 17px 15px 17px;}
	.design { font-size:12px; padding:5px; color:#660000; }
	.webmaster {font-size:12px; padding:5px; color:#660000; }
	.webmaster a {color:#333333;}
	.webmaster a:hover {color:#999999;}
/* 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{ height:182px;}
	#branding h1, blockquote {position:absolute;top:-9999px;}
	#crest img {margin:0;}
	#js-logo {}
	#children img{margin:10px 0 0 2px;}

/* =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{float:left;height:100px; width:609px;margin-top:5px; margin-left:5px;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;}

/* =popups */
#key {width:595px; text-align:left;}

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