/* CSS Document */

/* Authored by:
------------------------------------------
The Graphic Element
August 2008
http://www.thegraphicelement.com

License: Copyright (c) 2008, The Graphic Element, All rights reserved.
------------------------------------------ */

/* Imported Styles
------------------------------------------ */
@import url(reset.css);

/* Go on just say it...
------------------------------------------ */
@import url(http://www.miracastaccc.com/css/reset.css);


/* Global
------------------------- */
	body { color: #333; font-size: 62.5%; background: #acd1af url(../img/bg.gif) repeat 50% 50%; }
	a:link, a:visited, a:hover, a:active { text-decoration: none; }
	a:focus { outline: none; } /* Removes FF link outlines */
	body, input, table, td, th, textarea { font-family: "Lucida Grande", Arial, Verdana, Helvetica, Geneva, sans-serif; }

  h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Geneva, sans-serif; }
	h1 { margin-bottom: 1.3em; color: #207b9e; font-size: 2.5em; }
	h2 { margin: 1.4em 0 0.5em; color: #5196B1; font-size: 2.1em; }
	h3 { margin: 1.3em 0 0.5em; color: #14698a; font-weight: bold; font-size: 1.4em; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; letter-spacing: 1px; text-transform: uppercase; }

	#wrapper { margin: 10px auto; width: 900px; background: #fff; border: 5px solid #fff; }


/* Header
------------------------- */
	#header { position: relative; height: 110px; background: #fff2c0 url(../img/header-bg.gif) no-repeat 0 0; }
	a#logo { position: absolute; bottom: 5px; left: 10px; width: 383px; height: 59px; }
	
	#subnav { position: absolute; top: 0; right: 8px; width: 125px; height: 25px; background: url(../img/subnav-bg.gif) no-repeat 0 0; }
	#subnav li a { position: absolute; top: 5px; height: 15px; text-indent: -999em; background-image: url(../img/subnav-btn.gif); background-repeat: no-repeat; }
	#subnav li a#n-contact { left: 10px; background-position: 0 0; width: 60px; }
	#subnav li a#n-faq { right: 12px; background-position: -60px 0; width: 40px; }
	#subnav li a#n-contact:hover { background-position: 0 -15px; }
	#subnav li a#n-faq:hover { background-position: -60px -15px; }
	
	form#search { position: absolute; right: 5px; bottom: 5px; }
	#searchbox { width: 150px; }
	
	
/* Nav
------------------------- */
	#nav { float: left; margin-top: 5px; width: 900px; background: #5e8d63; border: 1px solid #427948; border-width: 1px 0; }
	#nav a { display: block; padding: 5px 10px; color: #094C1B; }
	#nav li { float: left; }
  #nav li:hover a { color: #fff2c0; }
	#nav li a#n-admission, #nav li a#n-college, #nav li a#n-applications, #nav li a#n-testing, #nav li a#n-financial-aid, #nav li a#n-college-reps, #nav li a#n-career-info, #nav li a#n-special-needs { padding: 0; height: 35px; text-indent: -999em; background-image: url(../img/nav.gif); background-repeat: no-repeat; }
	
	/* BUTTONS */
	#nav li a#n-admission {  background-position: 0 0; width: 99px; }
	#nav li a#n-college { background-position: -99px 0; width: 140px; }
	#nav li a#n-applications { background-position: -239px 0; width: 119px; }
	#nav li a#n-testing { background-position: -358px 0; width: 85px; }
	#nav li a#n-financial-aid { background-position: -443px 0; width: 122px; }
	#nav li a#n-college-reps {  background-position: -565px 0; width: 98px; }
	#nav li a#n-career-info {  background-position: -663px 0; width: 112px; }
	#nav li a#n-special-needs {  background-position: -775px 0; width: 125px; }
	
	/* OVER & ON STATES - use li:hover so item stays selected */
	#nav li:hover a#n-admission, body#admission #nav li:hover a#n-admission {  background-position: 0 -35px; }
	#nav li:hover a#n-college, body#college #nav li:hover a#n-college { background-position: -99px -35px; }
	#nav li:hover a#n-applications, body#applications #nav li:hover a#n-applications { background-position: -239px -35px; }
	#nav li:hover a#n-testing, body#testing #nav li:hover a#n-testing { background-position: -358px -35px; }
	#nav li:hover a#n-financial-aid, body#financial-aid #nav li:hover a#n-financial-aid { background-position: -443px -35px;  }
	#nav li:hover a#n-college-reps, body#college-reps #nav li:hover a#n-college-reps {  background-position: -565px -35px;  }
	#nav li:hover a#n-career-info, body#career-info #nav li:hover a#n-career-info {  background-position: -663px -35px; }
	#nav li:hover a#n-special-needs, body#special-needs #nav li:hover a#n-special-needs {  background-position: -775px -35px;  }
	
	/* 1st drop down */
	#nav ul { z-index: 500; float: left; background: #acd1af; border: solid #427948; border-width: 1px 1px 0; }
	#nav li ul { position: absolute; width: 150px; height: auto; }
	#nav ul li { position: relative; margin-left: 0; width: 150px; font-size: 1em;}
	#nav li ul a { margin-left: 0; padding: 0.5em; }
  #nav li:hover ul a { color: #094C1B; }
	#nav li ul a:hover, #nav li ul li:hover { color: #fff; background-color: #4a8ba5; }
	#nav li li { width: 150px; border-bottom: 1px solid #427948; }
	
	/* Hide & Reveal */
	#nav ul, #nav li:hover ul ul { left: -999em; }
	#nav li:hover ul, #nav ul li:hover ul { left: auto; }
	

/* Content
------------------------- */
	#content-wrapper { clear: left; width: 900px; overflow: auto; }
	#content { float: right; padding: 30px 30px 30px 40px; width: 630px; }
	#sidebar { float: left; width: 200px; }
	
	p { margin: 0.5em 0 1em; line-height: 1.7em; }
	#content p, #content ul, #content ol, #content dl { font-size: 1.3em; }
	#content p.highlight { margin: 20px 0; padding: 5px; font-size: 1.4em; text-align: center; border: 1px solid #666; }
	#content p.highlight strong { font-size: 140%; }
	#content h3 + p { margin-top: 0.3em; }
	#content p.clear, #content table.clear { clear: both; }
	#content p.disclaimer { font-size: 1.1em; }
	#content a { color: #207b9e; border-bottom: 1px dotted #999; }
	#content a:hover { color: #333; border-bottom: 1px solid #207b9e; }
	#content a.button { margin-top: 0.7em; display: block; width: 353px; height: 47px; border: 0; }
	
	#content ul { margin: 0.7em 0 0 30px; list-style: disc; }
	#content li { margin-bottom: 0.5em; line-height: 1.4em; }
	#content li ul, #content li ol { margin-left: 35px; font-size: 100%; } /* Nested ul/ol */
	#content ul ul { margin-top: 0.5em; list-style: circle; } /* Second tier ul */
	#content ul.nobullet { margin-left: 0; list-style: none; }
	
	#content ol { margin: 0.7em 0 0 25px; list-style: decimal; }
	#content ol ol { font-size: 100%; }
	#content ol ol { list-style: lower-latin; } /* Second tier ol */
	#content ol ol ol { list-style: lower-roman; } /* Third tier ol */
	
	#content dl ul { font-size: 100%; } /* Nested ul within dl */
	#content dt { margin-top: 1.5em; color: #207b9e; font-style: italic; font-weight: bold; }
	#content dd { line-height: 1.4em; }
	
	#content img.center { display: block; margin: 20px auto; }
	#content img.right { float: right; margin: 5px 0 5px 10px; }
	
	#content .box { float: right; margin: 5px 0 20px 20px; width: 150px; padding-bottom: 5px; font-size: 1.1em; background: #abd2af url(../img/links-btm.gif) no-repeat 0 100%; }
	#content .box h2 { margin: 0; height: 25px; text-indent: -999em; background: url(../img/links-head.gif) no-repeat 0 0; }
	#content .box ul { margin: 5px 5px 5px 10px; font-size: 1em; list-style: none; }
	#content .box a { text-decoration: none; }


	/* SIDEBAR */
	#n-calendar a { margin-top: 5px; display: block; width: 200px; height: 40px; text-indent: -999em; background: url(../img/calendar-btn.gif) no-repeat 0 0; }
	#n-calendar a:hover { background-position: 0 -40px; }
	#n-naviance a { margin-top: 5px; display: block; width: 200px; height: 35px; text-indent: -999em; background: url(../img/naviance-btn.gif) no-repeat 0 0; }
	#n-naviance a:hover { background-position: 0 -35px; }

	#sidebar .box { margin-top: 5px; width: 200px; padding-bottom: 5px; font-size: 1.1em; background: #ffeb9d url(../img/box-btm.gif) no-repeat 0 100%; }
	#sidebar .box h2 { margin: 0; height: 25px; text-indent: -999em; background-repeat: no-repeat; background-position: 0 0; }
	#sidebar #n-reps h2 { background-image: url(../img/reps-head.gif); }
	#sidebar #n-news h2 { background-image: url(../img/news-head.gif); }
	#sidebar .box a { color: #333; text-decoration: underline; }
	#sidebar .box a:hover { color: #207b9e; }
	#sidebar .box p { line-height: 1.4em; }
	#sidebar .box p, #sidebar .box ul { margin: 0.7em 15px; }
	#sidebar .box ul { margin-left: 30px; list-style: disc; }
	#sidebar .box li { padding-bottom: 0.7em; }
	
	#gradelvl { position: relative; margin-top: 5px; width: 200px; height: 135px; background: url(../img/gradelvl-bg.gif) no-repeat 0 0; }
	#gradelvl li a { position: absolute; left: 70px; width: 135px; height: 27px; text-indent: -999em; background-image: url(../img/gradelvl-btn.gif); background-repeat: no-repeat; }
	/* BUTTONS */
	#gradelvl li a#n-seniors { top: 0; background-position: 0 0; }
	#gradelvl li a#n-juniors { top: 27px; background-position: 0 -27px; }
	#gradelvl li a#n-sophomores { top: 54px; background-position: 0 -54px; }
	#gradelvl li a#n-freshmen { top: 81px; background-position: 0 -81px; }
	#gradelvl li a#n-parents { top: 108px; background-position: 0 -108px; }
	/* OVER STATES */
	#gradelvl li a#n-seniors:hover { background-position: 0 -135px; }
	#gradelvl li a#n-juniors:hover { background-position: 0 -162px; }
	#gradelvl li a#n-sophomores:hover { background-position: 0 -189px; }
	#gradelvl li a#n-freshmen:hover { background-position: 0 -216px; }
	#gradelvl li a#n-parents:hover { background-position: 0 -243px; }
	
	
	/* HOME */
	body#home h1 { margin-top: 1em; }
	body#home .container { float: left; margin-bottom: 2em; width: 300px; text-align: center; }
	body#home img.center { display: block; margin: 2em auto 0; }
	
	/* ADMISSION */
	body#admission #content table { margin: 2em auto; border: 1px solid #ccc; border-collapse: separate; border-spacing: 2px; }
	body#admission #content th { padding: 5px 0; color: #e6e6e6; font-size: 1.3em; text-align: center; background: #666; }
	body#admission #content th, body#admission #content td.col1 { width: 100%; }
	body#admission #content td { padding: 5px 0; font-size: 1.1em; text-align: center; border: 1px solid #ccc; }
	body#admission #content td.title { background: #fff2c0; }
	body#admission #content td.alt { background: #e6e6e6; }
	.container { overflow: auto; }

	table#uc-elig { width: 400px; }
	table#uc-elig td { width: 50%; }
	table#sat-scores, table#act-scores { float: left; margin: 2em 0; width: 300px; }
	table#act-scores { float: right; }
	table#sat-scores td { width: 25%; }
	table#elig-index { width: 500px; }
	
	/* COLLEGE SEARCH */
	ul#vowels { margin-left: 0; list-style: none; }
	ul#vowels li { margin-bottom: 1em; padding-left: 130px; min-height: 115px; background-repeat: no-repeat; background-position: 0 0; }
	li#a { background-image: url(../img/a.jpg); }
	li#e { background-image: url(../img/e.jpg); }
	li#i { background-image: url(../img/i.jpg); }
	li#o { background-image: url(../img/o.jpg); }
	li#u { background-image: url(../img/u.jpg); }
	li#y { background-image: url(../img/y.jpg); }
	
	/* TESTING */
	body#testing #content table { margin: 1.5em 0; }
	body#testing #content td, body#testing #content th { padding: 5px; width: 188px; font-size: 1.2em; border: 1px solid #999; }
	body#testing #content table.col2 td { width: 388px; }
	body#testing #content table.col2 td.subject { width: 188px; }
	body#testing #content tr.head th { font-size: 1.1em; text-transform: uppercase; background: #acd1af; }
	
	/* FINANCIAL AID */
	body#financial-aid p.highlight { font-weight: bold; border: 0; }
	body#financial-aid p.highlight strong { font-size: 100%; border-bottom: 1px solid #333; }
	body#financial-aid #content table { margin: 1em 0; border: 1px solid #ccc; border-collapse: separate; border-spacing: 2px; }
	body#financial-aid #content th { padding: 5px 0; color: #333; font-size: 1.3em; text-align: center; background: #fff2c0; border: 1px solid #ccc; }
	body#financial-aid #content td { padding: 5px; width: 160px; font-size: 1.1em; text-align: center; border: 1px solid #ccc; }
	body#financial-aid #content td.date { width: 100px; }
	
	/* COLLEGE REPS */
	body#college-reps table { margin-top: 1em; }
	body#college-reps #content td, body#college-reps #content th { padding: 5px; font-size: 1.2em; border-bottom: 1px dotted #ccc; }
	body#college-reps #content th { border-top: 0; }
	body#college-reps #content td.school, body#college-reps #content th.school, body#college-reps #content th.seminar { width: 250px; }
	body#college-reps #content td.date, body#college-reps #content th.date { width: 150px; text-align: center; }
	body#college-reps #content td.period, body#college-reps #content th.period, body#college-reps #content td.time, body#college-reps #content th.time { width: 150px; text-align: center; }
	body#college-reps #content tr:hover { background: #fff2c0; }
	body#college-reps #content tr.nohover:hover { background: none; }
	body#college-reps #content th.month { color: #999; letter-spacing: 1px; text-align: center; text-transform: uppercase; background: #e6e6e6; border-bottom: 1px dotted #ccc; }

	/* SPECIAL NEEDS */
	#content a.uptop { float: right; font-weight: bold; font-size: 0.9em; text-transform: uppercase; text-decoration: none; }
	
	/* NAVIANCE */
	#naviance-link a { margin-top: 5px; display: block; width: 150px; height: 25px; text-indent: -999em; background: url(../img/naviance-btn-link.gif) no-repeat 0 0; border: 0; }
	#naviance-link a:hover { background-position: 0 -25px; border: 0; }
	body#naviance .container { float: right; margin: 0 0 20px 20px; width: 150px; }
	body#naviance #content .box { float: none; display: block; margin: 5px 0 0 0; }

	/* NEWS */
	body#news #content li { margin-bottom: 1.5em; }
	body#news #content li li { margin-bottom: 0.4em; }
	body#news.admin #content table tr { margin-bottom: 1.5em; }
	body#news.admin #content table td { padding: 0; line-height: 1.4em; font-size: 1.3em; }
	
	/* ADMIN */
	#content table#admin-nav, body#financial-aid #content table#admin-nav, body#college-reps #content table#admin-nav { margin-bottom: 20px; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; }
	#content table#admin-nav td, body#financial-aid #content table#admin-nav td, body#college-reps #content table#admin-nav td { margin: 0; padding: 0; width: auto; color: #666; font-size: 1.1em; border: 0; }
	#content table#admin-nav tr:hover, body#financial-aid #content table#admin-nav tr:hover, body#college-reps #content table#admin-nav tr:hover { background: none; }
	table#admin-nav a { color: #5196B1; font-weight: bold; border-bottom: 0; }
	table#admin-nav a:hover { color: #14698a; border-bottom: 0; }
	
	body#admin #content h3 { margin-top: 2em; }
	body#admin #content td { padding: 0.4em 0.8em 0.5em 0; font-size: 1.3em; }
	body#admin #content td td { font-size: 100%; }
	body#admin li a { color: #333; }
	body#admin #content th { padding: 10px 5px; text-align: center; background: #fff2c0; }
	body#admin table#accounts th { padding: 10px 5px; text-align: center; background: #fff2c0; border: 1px solid #ccc; }
	body#admin table#accounts td { padding: 5px 0; font-size: 1.1em; text-align: center; border: 1px solid #ccc; }


/* Footer
------------------------- */
	#footer { clear: both; margin: 0 0 0 200px; padding: 10px 20px 5px; font-size: 1em; text-align: center; }
	#footer a { color: #333; }
	#footer a:hover { color: #207b9e; }