/* Reset margin, padding */
body, td, th {
	margin: 0px;
	padding: 0px;
}

/* Set up basics and background */
body {
	background-color: #FFFFFF;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFFFF;
	background-attachment: fixed;
}

/* Links for entire page */
a:link {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	color: #FF9900;
	text-decoration: none;
}
a:hover {
	color: #FFCC00;
	text-decoration: underline;
}
a:active {
	color: #FF9900;
	text-decoration: none;
}
/* No borders on image links */
a img {
	border: none;
}

/* Outermost container, setting width and centering */
#main {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 800px;
}

/* Dunno why I did this ... just in case? 
#header {
	width: 100%;
}*/

/* Portion of page between header and footer */
#content {
	width: 800px;
	padding: 0px;
	background: url(../images/glow_inner_outer.png);
}

/* Navigation Bar is a list. Overrides Spry styles to fit page */
#MainNavBar {
	margin-right: 10px;
	clear: both;
	width: 770px;
}

/* Changing size of individual boxes */
#MainNavBar li  {
	width: 152px;
	padding: 0px;
	margin: 0px;
}

/* Changing spacing around the actual words */
#MainNavBar a 
{
	padding: 3px 0px;
	margin: 0px;
	line-height: 100%;
}

/* Portion of page below navigation bar */
#info {
	padding: 0px;
	margin-right: 15px;
	margin-left: 15px;
	clear: both;
}

/* Bottom of page, which includes school information */
#footer {
	padding-top: 10px;
	clear: both;
	background: #000066 url(../images/glow_inner_outer.png);
}

/* Format paragraphs in footer */
#footer p {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align:center;
	font-size: small;
}

/* Image used at bottom of page to make it look curvy 
#footerimage {
	width: 100%;
}*/

/***************** DIRECTORY TABLE ********************/
/* Text is blue, white background, blue border */
.directory {
	color: #000066;
	background: #FFFFFF;
	border: 1px solid #000066;
	border-collapse: collapse;
}
/* Table headers have a grey background */
.directory th {
	background-color: #CCCCCC;
}
/* Cells have blue border, small amt of padding */
.directory  td  {
	border: 1px solid #000066;
	margin: 0px;
	padding: 2px;
}
/* Small right/left margins on pics */
.directory img {
	margin-right: 2px;
	margin-left: 2px;
}
/* Non-hovered links in directory are blue */
.directory  a:link, .directory a:active, .directory a:visited {
	color: #000066;
}
/* Hovered rows - change background to blue, text to white */
.directory tr:hover {
	color: #FFFFFF;
	background: #000066;
}
.directory tr:hover a {
	color: #FFFFFF;
}
/* Hovered links - text is white & italic */
.directory  a:hover   {
	color: #FFFFFF;
	font-style: italic;
}

/* Add space between items in a list */
.spaced_list li {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Remove space around element */
.nospace {
	padding: 0px;
	margin: 0px;
}

/* Set padding for title at top of page such as "Math" or "Academics" */
.title {
	padding-top: 10px;
}

/* Obviously, smaller version of text */
.smaller {
	font-size: 0.9em;
}

/* Less blocky font, used for "signatures" and such */
.fancy {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.1em;
}

/************** Used only in ROTC, Library, and Trainters. Better alternative? ********/
.orange {
	color: #CC6600;
}

/*************** Only used on Clinic page right now ... do I need this? ********/
.information {
	background-color: #000066;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}
.information th {
	color: #FFFFFF;
	background-color: #000066;
	border: 1px none #CC6600;
}
.information td {
	padding: 5px;
	border: 1px solid #FFFFFF;
}
.information .emphasize {
	font-style: italic;
	text-align: center;
}