/* ---------->>> RESET <<<-----------*/

html 		{ font-size:100.01%; }
body 		{ 
	font-size:16px; 
	font-family: arial, helvetica, sans-serif, "trebuchet ms";
	text-align:center;
	line-height:16px;
	}



* 	{ 
	margin:0px;
	padding:0px;
	line-height:1.5em; }

/* ---------->>> DEBUG <<<-----------*/

/*
div 		{border: 1px dotted red}
span		{border: 1px dashed blue}
*/

/* ---------->>> GENERICS <<<-----------*/

.width100 	{ width: 100%; }
.width75 	{ width: 75%; }
.width50 	{ width: 50%; }
.floatLeft 	{ float: left; }
.floatRight 	{ float: right; }
.alignLeft 	{ text-align: left; }
.alignRight 	{ text-align: right; }
.alignCenter 	{ text-align: center; }
.bold		{ font-weight: bold; }

.quicklinks	{ 
	text-align:left;
	display:inline;
	color:#013878;
	font-weight:bold;
	font-size:.9em;
	text-decoration: none;
	padding: 3px 10px;
	}
.quicklinks:hover { 
	color:#c0c0c0;
	}	
.quicklinks img	{
	border: 0px;
	margin-right: 3px;
	}
.framer5 {
	padding: 5px;
	border: 1px solid #4080C0;
	margin: 5px;
	}	
.framer2 {
	padding: 2px;
	border: 1px solid #4080C0;
	margin: 2px;
	}
.framer1 {
	padding: 1px;
	border: 1px solid #4080C0;
	margin: 1px;
	}	

/* ---------->>> CONTAINER <<<-----------*/

#container 	{ width:80%;margin:10px auto;text-align:left;min-width:760px; }

/* ---------->>> HEADER <<<-----------*/

#header 	{
	background-image: url("../cssimg/poweredby.gif");
	background-repeat: no-repeat;
	background-position: right 25%;
	}
#header img {
	border: 0px;
	}

#header #schoolinfo {
	margin: 0px 0px 15px 0px;
	display:block;
	clear:left;
	}
#header #schoolinfo h1 {
	font-size: 1.35em;
	color: #806020;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}
#header #schoolinfo h2 {
	color: #806020;
	font-size: .9em;
	font-weight: normal;
	margin-top: -8px;
	
	}	

#header #mainmenu {
	clear:both;
	margin: 0px;
	padding:0px;
	min-height:22px;
	height:auto !important;
	height:22px;
	text-align:left;
	margin-left:15px;
	}
#header #mainmenu ul {
	list-style: none;
	}
#header #mainmenu li {
	float: left;
	}
#header #mainmenu li a {
	background-image: url("../cssimg/mainmenu_notselected.jpg");
	min-height:22px;
	height:auto !important;
	height:22px;
	display: block;
	text-align: center;
	width: 105px;
	padding: 0px;
	color: #fff;
	text-decoration: none;
	font-size:.8em;
	margin-left:4px;
	}
#header #mainmenu li a:hover {
	color: #F0F000;
	background-image: url("../cssimg/mainmenu_selected.jpg");
	}
#header #mainmenu .selected {	
	background-image: url("../cssimg/mainmenu_selected.jpg");
	}
#header #submenu {
	height:30px;
	background-image: url("../cssimg/submenu_right.jpg");
	background-position:right;
	background-repeat: repeat-x;
	}
#header #submenu .starter {
	height:30px;
	background-image: url("../cssimg/submenu_left.jpg");
	background-repeat: no-repeat;
	width:10px;
	display:inline;
	float: left;
	}
#header #submenu ul {
	padding-top:4px;
	padding-left:8px;
	list-style: none;
	}
#header #submenu li {
	float: left;
	}
#header #submenu li a {
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size:.8em;
	margin-left:2px;
	padding-right:20px;
	
	}
#header #submenu li a:hover {
	color: #F0F000;
	}
#header #submenu #recommend a {
	color: #fff;
	text-decoration: none;
	font-size:.7em;
	float:right;
	padding-top:6px;
	padding-right:8px;
	font-weight:bold;
	}
#header #submenu #recommend a:hover {
	color: #F0F000;
	}
#header #hor_adspace {
	height:40px;
	background-image: url("../cssimg/header_adspace.jpg");
	background-repeat: repeat-x;
	padding: 4px 20px 0px 20px;
	font-size: .8em;
	font-weight: bold;
	color: #2060A0;
	text-align: center;
	}
#header #poweredby {
	width: 100px;
	height: 35px;
	font-size:.7em;
	display:;
	right: 0px
	clear:left;
	}
#header #quicklinks {
	text-align:right;
	}

#maincontent {clear:both;}


/* ---------->>> CONTENT <<<-----------*/

#content 	{
	margin-right:225px; 
	font-size: .9em;
	line-height: 1.9em;
	}
#content p {
	margin-bottom:15px;
	}

#content blockquote {
	margin-left:50px;
	border-left: 3px solid #000;
	}

#content h1	{ 
	font-size: 1.3em;
	color: #202020;
	border-top: 1px solid #806020;
	border-bottom: 1px solid #806020;
	margin-top:20px;
	padding-left: 5px;
	font-weight: normal;
	}
#content h2	{ 
	font-size: .7em;
	color: #202020;
	text-align: right;
	margin-bottom:10px;
	font-weight: normal;
	}
#content h3	{ 
	font-size: 1.1em;
	color: #202020;
	text-align: left;
	margin-bottom:10px;
	}
#content h4	{ 
	font-size: 1.05em;
	color: #202020;
	text-align: left;
	margin:5px 0;
	}
#content td h2	{ 
	font-size: .7em;
	color: #202020;
	text-align: right;
	margin-bottom:10px;
	}


#content #alert {
	margin: 0px 0px 20px 0px;
	border:1px solid #202020;
	background-color:#F0F000;
	padding:8px;
	color: #002040;
	font-size: .9em;
	}
#content #alert img {
	float:right;
	margin:10px;
	background-color: #FFF;
	padding: 5px;
	border: 4px solid #A04000;
	}
#content #alert h1 { 
	margin: 0px;
	border: 0px;
	padding: 0px;
	font-size: 1.4em;
	font-weight: bold;
	color: #002040;
	}
#content #alert ul {
	list-style: square;
	}
#content #attention {
	background-image: url("../cssimg/attention_mid.jpg");
	background-repeat: repeat-y;
	margin: 0px auto;
	width:534px;
	}
#content #attention #top {
	background-image: url("../cssimg/attention_top.jpg");
	background-repeat: no-repeat;
	height:46px;
	padding: 5px 10px 0px 10px;
	font-size: 1.4em;
	color: #806020;
	}
#content #attention #att_content {
	margin:0px;
	padding: 0px 15px 0px 15px;
	}
#content #attention #bottom {
	background-image: url("../cssimg/attention_bottom.jpg");
	background-repeat: no-repeat;
	height:20px;
	}
#content #attention ul {
	margin-left: 50px;
	margin-bottom: 25px;
	}
#content #attention ul li {
	margin: 0px;
	padding: 0px;
	}
#content .buttonlink {
	background-image: url("../cssimg/content_button.jpg");
	background-repeat: no-repeat;
	width:100px;
	height:25px;
	text-align: center;
	font-size: .7em;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding:4px 4px 4px 0px;
	margin:0px;
	margin-top:10px;
	color: #202020;

	}
#content #quicklinks {
	display: inline;
	}

#content table {
    	border-collapse: collapse;
    	margin: 0px 15px 0px 30px;
	}
#content td {
	padding: 5px;
	border-bottom: 1px dashed #A0C0E0;
	font-size: 1em;
	}
#content .toprow {
	background-color:#fff;
	font-weight: bold;
	font-size: 1em;
	}

#content .pageblock {
	height: 16px;
	width:16px;
	display: inline-block;
	text-align:center;
	text-decoration: none;
	color: #2060A0;
	font-size: .7em;
	border: 1px solid #A0C0E0;
	font-weight: bold;
	margin: 1px;
	}
#content .pageblockselected {
	height: 16px;
	width:16px;
	display: inline-block;
	text-align:center;
	text-decoration: none;
	background-color: #A0C0E0;
	color: #FFF;
	font-size: .7em;
	border: 1px solid #A0C0E0;
	font-weight: bold;
	margin: 1px;
	}
#content .pageblock:hover {
	background-color: #A0C0E0;
	color: #FFF;
	}

form {
	margin-left:10px;
	margin-right:10px;
	font-size: 1em;
	}
form fieldset{
	border: 1px dashed #4080C0;
	padding: 10px;
	margin-bottom:10px;
	}	
form fieldset legend {
	font-size:1em;
	font-weight:bold;
	background: #FFF;
	padding-left: 5px;
	padding-right: 10px;
	}
form input {
	width:auto;
	height:18px;
	margin:5px 0 0 10px;
	font-size:.9em;
	}	
	
form textarea {
	width:340px;
	height:80px;
	overflow: auto;
	margin:5px 0 0 10px;
	border: 1px solid #4080C0;
	}
form label {
	display: block;
	width: 130px;
	float: left;
	text-align: right;
	}
form .mocklabel {
	display: block;
	width: 130px;
	float: left;
	text-align: right;
	margin-right:10px
	}

form br {
	clear:left;
	}
form .required {
	font-weight: bold;	
	}
.formhelp { 
	font-size: .75em;
	margin-left: 140px;
	}	

#formbuttons {
	display: block;
	margin-top: 15px;
	}
#formbuttons ul {
	list-style: none;
	}
#formbuttons li {
	float: right;
	margin-left: 0px;
	}
#formbuttons li a {
	background-image: url("../cssimg/content_button.jpg");
	background-repeat: no-repeat;
	width:100px;
	height:25px;
	text-align: center;
	font-size: .8em;
	font-weight: normal;
	display: block;
	text-decoration: none;
	padding:4px 4px 4px 0px;
	margin: 0px;
	color: #202020;	
	}
.galleryimage {
	padding-top: 15px;
	width: 250px;
	float:left;
	border: 0px solid red;
	text-align:center;
	height: 250px;
	overflow:hidden;
	font-size: .9em;
	}

/* ---------->>> SUBCONTENT <<<-----------*/

#subcontent 	{
	width:205px;float:right;
	}


#subcontent #box {
	background-image: url("../cssimg/box_mid.jpg");
	background-repeat: repeat-y;
	margin-bottom:20px;
	}
#subcontent #box #top {
	background-image: url("../cssimg/box_top.gif");
	background-repeat: no-repeat;
	height:29px;
	padding: 8px 10px 0px 10px;
	font-size: .9em;
	font-weight: bold;
	color: #202020;
	}
#subcontent #box #box_content {
	margin:0px;
	padding: 0px 15px 0px 15px;
	font-size:.8em;
	}
#subcontent #box #bottom {
	background-image: url("../cssimg/box_bottom.jpg");
	background-repeat: no-repeat;
	height:15px;
	}
#subcontent .buttonlink {
	background-image: url("../cssimg/content_button_blue.jpg");
	background-repeat: no-repeat;
	width:75px;
	height:20px;
	text-align: center;
	font-size: .9em;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding-top:2px;
	margin:5px 10px 0px 5px;
	color: #202020;
	}
#subcontent td {

	}
#subcontent form {
	margin: 0px;
	}

#subcontent form input {
	width:auto;
	height:18px;
	margin:5px 0px 5px 0px;
	font-size:.9em;
	}

/* ---------->>> FOOTER <<<-----------*/

#footer {
	padding: 0px;
	clear:both;
	margin-top:40px;
	background-image: url("../cssimg/footer_right.jpg");
	background-position: right;
	background-repeat: no-repeat;
	}
#footer .starter {
	height:21px;
	background-image: url("../cssimg/footer_left.jpg");
	background-repeat: no-repeat;
	}
.copyright {	
	margin-top: 5px;
	clear: both;
	text-align:center;
	font-size: .7em;
	}
.copyright img {
	border:0px;
	}

/* ---------->>> MODAL <<<-----------*/
#modal_container {
	padding:5px;
	background-color:#fff;
	border:1px solid #666;
	overflow:auto;
	font-family:inherit;
	font-size:12px;
	color:#333;
	text-align:left;
	}
#modal_container.test {
	background-color:#900;
	color:#fff;
	padding:30px;
	text-align:center
	}
#modal_overlay {
	background-color:#000;
	}
#modal_overlay.test {
	background-color:#fff;
}	

#dialogprompt * {
	}
#dialogprompt h1 {
	font-size: 1.2em;
	border-bottom: 1px solid #000;
	text-align:left;
	}