/* ---------------------------------------------------------- */
/* global styles -- these are applicable across all divs      */
/* but may be overridden by more specific styles              */
/* ---------------------------------------------------------- */

html, body { font: 86%/140%  Verdana, Arial, sans-serif; margin: 0; padding: 0; color: #000;
	background:  url("http://www.austinschools.org/campus/mccallum/images/background.gif") top left repeat-x;
	background-color: #0060A9;}
p { margin: 0; padding: 0 0 1em 0; }
sup { font-size: 0.9em; }
sub { font-size: 0.95em; }

a:link { color: #0060A9; }
a:visited { color: #999; }
a:hover { color: #8BB7D8; }
 
.small { font-size: .9em; }
.large {font: 1.1em/1.5em Verdana, Arial, Sans-serif;}
.caption  {font: 9px/11px Verdana, Arial, Sans-serif; margin: 0; padding: 3px;}


/* ---------------------------------------- */
/* page layout and positioning div elements */
/* ---------------------------------------- */

div#container {margin: 0; padding: 30px 0 0 20px; width: 800px; }

div#topbox { position: relative;  width: 760px; height: 125px; margin: 0; padding: 0; background-color: #fff;}
div#logo { position: absolute; top: 0px; left: 0; width: 580px; height: 125px; margin: 0; padding: 0; }
div#logomac { position: absolute; top: 45px; left: 0; width: 580px; height: 125px; margin: 0; padding: 0; }
div#photo { position: absolute; top: 0; left: 580px; width: 180px; height: 125px; margin: 0; padding: 0; background-color: #00467B;}

div#bottombox {position: relative; width: 760px; margin: 0; padding: 0; background-color: #fff; }

div#submenu {width: 580px; height: 20px;  margin: 0; padding: 0; background-color: #000;}

div#content{
	width: 725px;
	padding: 20px;
	margin: 0;
	background-color: #eee;
}
div#menu { width: 180px; padding: 25px 0px 20px 0px; margin: 0; background-color: #fff; }

/* ---------------------------------------------------------------------- */
/* styles, colors, and padding for logo                                   */
/* ---------------------------------------------------------------------- */

div#logo img { margin-left: 20px; margin-top: 20px; }
div#logomac img { margin-left: 20px; margin-top: 20px; }

/* ------------------------------------------------ */
/* styles for navigation                            */
/* ------------------------------------------------ */

div#submenu p {font: .87em/1em Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; padding: 5px 20px 5px 20px;}
div#submenu a {text-decoration: none; }
div#submenu a:link { color: #fff;  }
div#submenu a:visited { color: #ccc; }
div#submenu a:hover { color: #74A8D0; }

div#menu a {font-size: .85em; font-weight: bold; display: block; text-decoration: none; margin: 0; padding: 0.5em 0 0.4em 10px; border-bottom: 1px solid #ccc; }
div#menu a:link { color: #00467B; }
div#menu a:visited { color: #00467B; }
div#menu a:hover { color: #74A8D0; }


/* ---------------------------------------------------------- */
/* styles, colors, and padding for center column with content */
/* ---------------------------------------------------------- */

div#content h1 { font: 1.6em/1em Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 0.8em 0; 
	font-weight: bold; color: #0060A9; }
div#content h2 {font: 1.4em/1.4em Arial, Helvetica, sans-serif; margin: 0; padding: .2em 0 0.4em 0; color: #000; font-weight: bold; }
div#content h3 {font: 1.2em/1.2em Arial, Helvetica, sans-serif; margin: 0; padding: .2em 0 0.4em 0; color: #000; font-weight: bold; }
div#content h3.indent { margin: 0 0 0 1.2em; padding: 0; }


/* ---------------------------------------------------------- */
/* default table style                                        */
/* ---------------------------------------------------------- */

div#content table { margin: 0; padding: 0; }
div#content th { font-size: 1em; background-color: #0060A9; color: #fff; font-weight: bold; text-align: left; padding: 0.3em;}
div#content td { font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif; padding: 0.3em; }
div#content table td p { font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif; }

/* ---------------------------------------------------------- */
/* table with borders                                         */
/* ---------------------------------------------------------- */

div#content table.bordersOn {
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	padding: 0;
	margin: 0.5em 0 1.5em 0 }

div#content table.bordersOn th {
	font-size: 1em;
	background-color: #0060A9;
	font-weight: bold;
	vertical-align: bottom; 
	text-align: left;
	padding: 0.3em;
	color: #ffffff; 
	border-left: 1px solid #999;
	border-bottom: 1px solid #999; }
	
div#content table.bordersOn td {
	font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 0.3em;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999; }
	
div#content table.bordersOn td p { font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif; }


/* ---------------------------------------------------------- */
/* table with compressed spacing                              */
/* ---------------------------------------------------------- */

div#content table.nopadding { margin: 0; padding: 0 }
div#content table.nopadding th { font-size: 1em; background-color: #0060A9; color: #fff; font-weight: bold; text-align: left; padding: 0.1em;}
div#content table.nopadding td { font: 1em/1.1em Verdana, Arial, Helvetica, sans-serif;
	padding: 0.1em; }
div#content table.nopadding td p { font: 1em/1.1em Verdana, Arial, Helvetica, sans-serif; }

/* ---------------------------------------------------------- */
/* ordered and unordered lists                                */
/* ---------------------------------------------------------- */

div#content ul { margin: 0; padding: 0 0 0.4em 0.2em; }
div#content ul li { background: url("http://www.austinschools.org/campus/mccallum/images/square.gif") no-repeat 0 0.6em; padding: 0 0 0.4em 1em; list-style-type: none;
	background-color: #eee;}
div#content ul.indent { margin: 0; padding: 0 0 0.4em 1.6em; list-style-type: none; }
div#content ul.indent li { background-image: url("http://www.austinschools.org/campus/mccallum/images/square.gif"); background-repeat: no-repeat; background-position: 0 0.6em;
	padding: 0 0 0.4em 1em; }
div#content ul li ul { margin: 0; padding: 0.4em 0 0 0; }
div#content ul li ul li { list-style-type: none; 
	background: url("http://www.austinschools.org/campus/mccallum/images/squareblk.gif") 0 0.6em no-repeat; padding-left: 1em; }
div#content ul li ol { margin: 0 0 0 1.6em; padding: 0; }
div#content ul li ol li { margin: 0; padding: 0.4em 0 0 0; background-image: none; list-style-type: decimal;}
div#content ol { margin: 0 0 0 1.8em; padding: 0 0 0.4em 0; }
div#content ol li { margin: 0; padding: 0 0 0.4em 0; }
div#content ol li ul li { background:  url("http://www.austinschools.org/campus/mccallum/images/square.gif") 0 1em no-repeat;  padding: 0.4em 0 0 1em; }
div#content ol li ol li { padding: 0.4em 0 0 1em; }


/* ---------------------------------------------------------- */
/* Miscellaneous styles used inside the content div           */
/* ---------------------------------------------------------- */

div#floatimageright {float: right; padding: 0px 0px 0px 20px}
div#floatimageleft {float: left; padding: 0px 20px 0px 0px}
div.floatimageright {float: right; padding: 0px 0px 0px 20px}
div.floatimageleft {float: left; padding: 0px 20px 0px 0px}
img.left {float: left; margin: 0; padding: 8px 15px 10px 0; }
img.right {float: right; margin: 0; padding: 8px 0 10px 15px; }
table.outline { border-width: 1px; border-color: #999999; border-style: solid; margin: 0; padding: 0 }


/* -----------------------------------------------------*/
/* styles for footer                                    */
/* ---------------------------------------------------- */

div#footer {position: relative; width: 760px; text-align: right; color: #fff; font-size: .8em; }
div#footer a:link {color: #fff; }
div#footer a:visited {color: #fff; }
div#footer a:hover {color: #fff; }
#container #bottombox #content .right {
	float: right;
}