/*START UNIVERSAL STYLES*/
table, table tr, table tr td {padding:0; margin:0;}
* {padding:0;margin:0;}
body img{border: 0;margin:0;padding:0;margin-right:5px;}
hr {height: 2px; background-color:#060;color:#060;border:0; } /*<hr> is the tag used to create a line*/
ul li{margin-top:10px;}
ul.insidebullets{list-style-position:inside;}
/*END UNIVERSAL STYLES*/
/*put link info below */
a:link {
	color: #009900;
	text-decoration: none;
}
a:visited {
	color: #006600;
	text-decoration: none;
}
a:hover {
	color: #00FF00;
	text-decoration: none;
}
a:active {
	color: #990000;
	text-decoration: none;
}

a[href $='.pdf'] { 
	padding-right: 20px;
	background: url(../images/pdficon_small.gif) no-repeat center right;
}

/*BODY*/
body {
	background: #FFF url("../images/background.jpg") repeat-x;
	font-family: arial;
	padding: 0;
	margin: 0;
}


/*BODY - HEADING*/
#headingwrapper, #heading #heading ul, #heading ul li, #heading ul li a {padding: 0; margin: 0;}
#headingwrapper {
	text-align: right;
    width:100%;
	font-size:93%;
    line-height:normal;
    background-color: #595;
    border-bottom: 2px #363 solid;
}
#heading {width: 764px; margin: 0 auto;text-align:right;}
#heading ul {list-style-type: none;text-transform:lowercase;width: 100%;}
#heading ul li {display: inline;padding-left: 20px;padding-right: 0;}
#heading ul li a { text-decoration: none; color: #ccc;}
#heading ul li a:hover {color: #FFF;}
/*BODY - END HEADING*/


/*BODY - CONTAINER*/
#container {
	text-align: left;
	border: 2px solid #545454;
	border-top: 0;
	width: 764px;
	background-color: white;
	margin: 0 auto;
	padding: 0;
}

/*BODY - CONTAINER - BANNER TEXT STYLES (the text stylings are probably useless, they're just there for google and non-image-supporting browsers)*/
/*#container h2#mainheading span#name {font-weight: normal; font-family: Helvetica; font-size: 40pt; color: #FFF; text-align:right;display:none;}*/
#container h2#mainheading span#name, #container h2#mainheading span#address1, #container h2#mainheading span#address2, #container h2#mainheading span#phonefax {display:none;}
#container h2#mainheading img#logo {height: 80px; width:80px; float: left;display:none;border: 0;margin-top:0;}
#container h2#mainheading span#slogan {font-weight: normal; font-family: arial; font-size: 13pt; color: #FFF; text-align:left;display:none;margin-top:0;margin-bottom:10px;}
#container h2#mainheading {
	padding: 0;
	height: 120px;
	width: 764px;
	background: url("../images/banner.jpg") #393;
}
/*BODY - CONTAINER - END BANNER TEXT STYLES*/


/*-----------------MENU-----------------------*/
/*BODY - CONTAINER - MENU*/
#menu li{margin:0;margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;}/*reset universal list styles*/
#menu {
	border-bottom:2px solid #CCCCCC;
	background-color:white;
	font-family: arial;
	margin-bottom: 20px;
	width:204px;
}
#menu a{text-decoration:none;display:block;}
#menu, #menu ul {list-style-type:none;}
		#menu, #menu li, #menu a, #menu ul {
			background-color:#FFF;
			text-align: left;
		}
		#menu a{color:#000;}
		a.head { 
			cursor: pointer; 
			border-top: 2px solid #CCCCCC;
			color: #000;
			font-weight:300;
		}

		ul#menu li a.selected, ul#menu li a:active {background-color: #060;color:#FFF;}
		ul#menu li ul, a.head {border-left: 2px solid #CCCCCC;}
		ul#menu li ul li a {margin-left: 10px;}
		
		ul#menu li ul li a {color: #474;font-size: 9pt;}
		ul#menu li ul li a:hover {margin-left: 0;color: #000;border-left: 10px solid #595;}
		
		ul#menu li ul li a.highlighted, ul#menu li ul li a:active, ul#menu li ul li.highlighted a {background-color: #595;color: #FFF;}
		
		#menu a[href $='.pdf'] { 
			padding-right: 12px;
			background: #FFF url(../images/pdficon_smaller.jpg) no-repeat center right;
		}
		
		#menu [icon ^="out"] {
			padding-right: 16px;
			background: transparent url(../images/arrow_upright.gif) no-repeat center right;
		}
		
		/*Smart menu highlighting system, courtesy of Christian Genco- christian.genco@gmail.com*/
		body.announcements a#announcements, body.dragondiary a#dragondiary{background-color:#595;color:#FFF;}
		body.administration a#administration, body.faculty a#faculty, body.counselors a#counselors, body.resourceofficer a#resourceofficer, body.supportstaff a#supportstaff{background-color:#595;color:#FFF;}
		body.bellschedule a#bellschedule, body.clubs a#clubs, body.dresscode a#dresscode, body.driversed a#driversed{background-color:#595;color:#FFF;}
		body.departments a#departments, body.academicplaningguide a#academicplaningguide{background-color:#595;color:#FFF;}
		body.collegeandcareer a#collegeandcareer, body.counselinginfo a#counselinginfo, body.testing a#testing{background-color:#595;color:#FFF;}
		body.databases a#databases, body.librarystaff a#librarystaff, body.resources a#resources{background-color:#595;color:#FFF;}
		body.aboutus a#aboutus, body.attendance a#attendance, body.dragonshop a#dragonshop, body.healthinfo a#healthinfo, body.ptso a#ptso, body.teacherresources a#teacherresources{background-color:#595;color:#FFF;}
/*BODY - CONTAINER - END MENU*/
/*-----------------END MENU-----------------------*/


#content {margin: 0 auto;}
#leftcolumn{text-align: left;}


/*BODY - CONTAINER - NEWS*/
#news {
	width: 204px;
	float: left;
	text-align: left;
	color: #333;
	background: url("../images/news-b.gif") no-repeat bottom left;
	/*line-height: 1.6em;*/
	/*margin: 20px 20px 20px 0;*/
	font-size: 9pt;
	background-color: #EEE;
}
	
	#news h3 {
		border: 0;
		margin: 0;
		padding: 8px 0 5px 25px;
		display:  block;
		border-bottom: 2px solid #777;
		background: url("../images/news-t.gif");
		font-family: Arial, sans-serif;
		font-size: 13px;
		color: #000000;
		font-variant: normal;
	}
	
	#newscontentwrapper {border-right: 1px solid #999;border-left: 1px solid #999;}
	
	#news ul {
	color: #222222;
	font: 12px Arial, sans-serif;
	margin: 0 0 15px 0;
	padding-left:5px;
 	list-style-position:inside;
	}
	ul.nobullets {list-style-type:none;}
	#news li {
	margin-top: 3px;
	}
	
	#news p .date {
		display: block;
		color: #333;
		font-weight: bold;
		font-size: 11px;
		font-family: Arial, sans-serif;
		text-decoration: underline;
		margin: 0;
		padding: 0;
	}
/*BODY - CONTAINER - END NEWS*/



/*----------------------------------------*/
/*START LEFT COLUMN OF PAGE*/
/*----------------------------------------*/


/*BODY - CONTAINER - SLIDESHOW*/
#slideshowrapper {padding:0;width: 100%; height: 270px; overflow:hidden;text-align:left;margin-bottom: 10px;margin-top:0;}
#slideshow {text-align:left;margin:0;padding:0;}
#slideshow img{margin:0;padding:0;}
/*BODY - CONTAINER - END SLIDESHOW*/


/*-----------------PARAGRAPH STYLES-----------------------*/
#mainparagraph {
	font-family: arial, sans-serif;
	text-align: left;
	color:#000;
	margin: 0 0 20px 0;
}

#mainparagraph h2 {
	margin: 0 0 0 0;
	padding:0;
	text-indent: 0;
	color: #000;
}

#mainparagraph p {
	font-size: small;
	text-align: justify;
	color:#000;
}

.paragraph {
	display: block;
	text-align: left;
	padding:0;
	margin: 0 15px 15px 0;
	font-family: arial, sans-serif;
}
	.paragraph p {
	font-size: 8pt;
	background-color: transparent;
	text-align: justify;
	}
	.paragraph h2 {
	padding: 5px 0 0 0;
	margin: 0;
	display: block;
	color: #000;
   font-size: 12pt;
   text-align: left;
   	background-color: transparent;
}
	.paragraph a {
		display: block;
		color: #55BB55;
		text-decoration: none;
		background-color: transparent;
	}
/*-----------------END PARAGRAPH STYLES-----------------------*/


/*BODY - CONTAINER - FOOTER*/
#footer {
	text-align: center;
	background-color: #393;
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 11px;
	}
	
	#footer p {
		color: #DDD;
		margin: 0;
		}
		
	#footer a{
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
	}
/*BODY - CONTAINER - END FOOTER*/

	

/*USELESS CODE*/
/*
#phone, #address, #fax {
	position:fixed;
  	_position:absolute;
    IE6 doesn't support position:fixed, so it will just see the contact info absolutely positioned on the bottom of the page
  	bottom:0;
  	left: 0;
	text-align: center;
	margin-left: 0 auto;
	margin-right: 0 auto;
	overflow: hidden;
	width: 100%;
	height: 0;
	z-index: 99;
	background-color: #000;
	opacity: 0;
	filter:alpha(opacity=70);
	}
#phone {font-size: 80pt;}
#address {font-size: 50pt;}
#fax {font-size: 70pt;}
#phone a, #address a, #fax a{text-decoration: none;color: white;}
*/