/* 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.miracostaccc.com/css/reset.css);


/* Global
------------------------- */
  body { margin: 0.5in; color: #333; font-size: 10pt; background: none; }
	a:link, a:visited, a:hover, a:active { text-decoration: none; }
	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: 1em; color: #207b9e; font-size: 1.8em; }
	h2 { margin: 1.1em 0 0.5em; color: #5196B1; font-size: 1.6em; }
	h3 { margin: 1em 0 0.5em; color: #14698a; font-weight: bold; font-size: 1.1em; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; letter-spacing: 1px; text-transform: uppercase; }

	#wrapper { width: 100%; }
  #subnav, form#search, #searchbox, #nav, #sidebar { display: none; }


/* Header
------------------------- */
	#header { position: relative; height: 59px; background: none; }
	a#logo { position: absolute; bottom: 0; left: 0; width: 383px; height: 59px; }


/* Content
------------------------- */
	#content-wrapper { width: 100%; }
	#content { padding: 30px 0 0.25in;  }
	
	p { margin: 0.5em 0 1em; line-height: 1.4em; }
	#content p, #content ul, #content ol, #content dl { font-size: 1em; }
	#content p.highlight { margin: 20px 0; padding: 5px; font-size: 1.1em; text-align: center; border: 1px solid #666; }
	#content p.highlight strong { font-size: 1.4em; }
	#content h3 + p { margin-top: 0.3em; }
	#content p.clear, #content table.clear { clear: both; }
	#content p.disclaimer { font-size: 0.8em; }
	#content a { color: #207b9e; border-bottom: 1px dotted #999; }
	#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: 0.8em; 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: 0.7em; list-style: none; }
	#content .box a { text-decoration: none; }


	/* HOME */
	body#home h1 { margin-top: 1em; }
	body#home .container { float: left; margin-bottom: 2em; width: 3.25in; 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: 1em; 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: 0.8em; 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: 0; background: none; }
	
	/* TESTING */
	body#testing #content table { margin: 1.5em 0; }
	body#testing #content td, body#testing #content th { padding: 5px; width: 188px; font-size: 0.9em; 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: 0.8em; 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: 1em; text-align: center; background: #fff2c0; border: 1px solid #ccc; }
	body#financial-aid #content td { padding: 5px; width: 160px; font-size: 0.8em; 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: 0.9em; 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 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 { display: 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; }
	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: 1em; }
	
	/* 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: 0.8em; border: 0; }
	table#admin-nav a { color: #5196B1; font-weight: bold; border-bottom: 0; }
	
	body#admin #content h3 { margin-top: 2em; }
	body#admin #content td { padding: 0.4em 0.8em 0.5em 0; font-size: 1em; }
	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: 0.8em; text-align: center; border: 1px solid #ccc; }


/* Footer
------------------------- */
	#footer { clear: both; margin: 0; padding: 10px 0 0; font-size: 0.7em; text-align: center; }
	#footer a { color: #333; }