/* Styled Elements
----------------------------------------------- */
html,body {
   /* height: 100%; */
	margin: 0;
	padding: 0; /* need this to have Opera display page without white space */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a, a:link, a:active, a:visited { color: #0066CC; font-weight: bold; text-decoration: none;}
a:hover{color: #BF6104; text-decoration: underline;}

p, ul, ol, td, dl, dt, dd, div#global-footer, #events h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	line-height: 15px;
}
p {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 2px;
	font-size:14px;
}
h1 {
	margin-top: 0px;
	margin-bottom: 0px;
}
h2 {
	font-size: 14px;
	line-height: 22px;
	font-weight:bold;
	color: #663300;
	margin: 0px;
	padding: 4px 0px;
}
h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;	
	color: #000000;	
	background-color:#99CC66;
	padding: 5px 5px;
}

h3 a, a:link, a:active, a:visited {
	color: #0066cc;
}
h3 a:hover{color: #0066cc; text-decoration: underline;}

h4 {
	font-size: 12px;
	font-weight: bold;	
	color: #333333;
	padding: 2px 2px;
}

address {
	font-style: normal;
	margin-left: 1em;
	display: inline;
}
acronym, abbr {
  border-bottom: 0;
  font-style: normal;
  cursor: help;
}



/* Generic Classes and IDs
----------------------------------------------- */
/* sets header properties  */
#global-header {
	
}

/* sets the width for the page container */
#top {
	width: 800px;
	border: 0px solid #e2e2e2;
}


#wcsuLink {
	background-color: #e2e2e2;
	border: 0px solid #66cbff;
	width: 796px;
	margin: 0px;
	padding: 4px 2px;
	text-align: right;
}
#wcsuLink a, #wcsuLink a:link, #wcsuLink a:visited{
	font-size: 12px;
	line-height: 11px;
	border: 0px solid green;
	color: #336699;
	margin: 0px;
	padding: 2px;
	text-align: right;
	text-decoration: none;
}

#wcsuLink a:hover {
	color: #336699;
	text-decoration: underline;

}

/* replaces the school title text with the banner image
need to change the padding and height value, ie 150px to match the height of the image */
#banner {
		padding: 162px 0 0 0;
		overflow: hidden;
		/*background: url(../images/wuhsmsheader.jpg) no-repeat;*/
		height: 0px !important; /* for most browsers */
		height /**/:162px; /* for IE5/Win */
}

/* moves the address off screen to be visible only with styles turned off */
#banner {
	text-indent: -5000px;
	line-height: -10px;
	margin: 0px;
	padding-bottom: 0px;
}

#address {
	text-indent: -5000px;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
}

/* main-body - Container for the "content" and optional "additional-info" blocks
width can be changed to correspond to any changes in the sidebar width
----------------------------------------------- */
#main-body {
	width: 360px;
	padding: 0px 0px;
	margin: 0px;
	margin: auto;
	border: 0px solid red;
	background-color: #FFFFFF;
}

#main-body2 {
	width: 580px;
	padding: 0px 0px;
	margin: 0px;
	margin: auto;
	border: 0px solid red;
	background-color: #FFFFFF;
}

#content {
	width: 580px;
	padding: 0px 0px;
	margin: 0px;
	margin: auto;
	border: 0px solid blue;
}


/*#content2 {
	width: 580px;
	padding: 0px 0px;
	margin: 0px;
	margin: auto;
	border: 0px solid blue;
}*/

#main-body-2col {
	width: 320px;
	padding: 0px 0px;
	margin: 0px;
	margin: auto;
	border: 0px solid red;
	background-color: #FFFFFF;
}

#content-2col {
	width: 320px;
	padding: 0px 0px;
	margin: 0px;
	margin: auto;
	border: 0px solid blue;
}

/* sets the width and floats the splash image */
#splashImage {
	margin: 1px;
	margin-top: 1px;
	border: 1px solid #000000;
	font-size: 12px;	
	width:auto;
}

#splashImage p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #666666;	
}

/* sets the width and floats of the Principal Intro */
#principalIntro { 
	width: 100%;
	clear: both;
	padding: 0px;
	margin: 0px;
	border: 0px solid #000000;	
}

#principalIntro h3 {
	margin: 0px;
	margin-top: 10px;
	padding: 0px 0px;
	font-size: 14px;
	line-height: 16px;	
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
	background-color: #5b8f47;
	border-left: 0px solid #d67d09;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../dev2/images/headerBullet.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-top: 2px;
	padding-bottom: 2px; 
}
#principalIntro p { margin: 2px; padding: 2px; font-size: 12px;}



/* intro
----------------------------------------------- */
#intro {
	width: 100%;
	clear: both;
}

/* Events
----------------------------------------------- */
#events{
	width: 100%;
	border: 0px solid purple;
}

#events h2 {
	margin: 0px;
	padding: 2px 3px;
	background-color: #f0f0f0;
	color: #000000;
	border-bottom: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

#events h3 {
	margin: 0px;
	padding: 0px;
}
#events p {
	margin: 0px;
	padding: 0px;
}

#events dl {
	margin: 0px;
	padding: 2px;
	border: 0px solid red;
	font-size: 10px;

}

#events dt {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	color: #333333;
}

#events dd {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size: 10px;
}





/* News Box
----------------------------------------------- */
#news {	
	width: 100%;
	border: 0px solid blue;

}

#news h3 {
	margin: 0px;
	margin-top: 10px;
	padding: 0px 0px;
	font-size: 14px;
	line-height: 16px;	
	font-weight: bold;
	color: #000000;
	letter-spacing: 1px;
	background-color: #5b8f47;
	border-left: 0px solid #d67d09;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../dev2/images/headerBullet.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
	
}

#news h4 {
	margin: 0px;
	padding: 0px;
	
}

#news ul {
	font-size: 11px; 
	line-height: 12px;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-left: 14px;
}

#news li {
	padding: 0px;
	margin: 0px;
	list-style-type: square;
	border: 0px solid red;
}
#news li p {
	padding: 0px;
	margin: 0px;
	border: 0px solid green;
}

#news a, #news a, #news a:link, #news a:visited {
	font-weight: bold;
	color: #0066CC;
	font-size: 11px; 
	line-height: 12px;
	text-decoration: none;

}

#news a:hover {
	font-weight: bold;
	color: #0066CC;
	text-decoration: underline;
}

/* Can be used for top Navigation tabs, if any
----------------------------------------------- */
#navigation {
	border-bottom: 0px solid #666666;
	border-top: 0px solid #666666;
	margin: auto;
	float: left;
	/*background-image: url(../images/navTop_bg.jpg);
	background-repeat: repeat-x;   */
	background-color: #125208;
	list-style: none;
	padding: 0px 0px 0px 30px;
	width: 770px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-family: "Trebuchet MS", Times, serif;
	font-variant: small-caps;
	
}

#navigation a {
	color: #ffffff;
	background-color: #125208;
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 1px;
	float: left;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-decoration: none;
	text-transform: capitalize;

}

#navigation a:hover, #navigation a.active, #home #tab-home a {
	color: #FFFF66;
	background-color: #125208;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

#navigation li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 0px;
	border-right: 0px solid #e2e2e2;
	border-left: 0px solid #e2e2e2;
	
}

#adminBox {
	padding: 3px;
	margin: 0px;
	margin-top: 5px;
	font-size: 11px;
	background-color: #5b8f47;
	border: 1px solid #998d79;
	border-bottom: 2px solid #998d79;
}

#adminBox p{
	padding: 2px;
	margin: 2px;
	font-size: 11px;

}


/* Sidebar - sets the width, background, and other attributes for the side navigation bar
----------------------------------------------- */
#sidebar {
	width: 180px;
	padding: 0px 15px;
	padding-bottom: 10px;
	border: 0px solid green;
}


/* Sidebar2
----------------------------------------------- */
#sidebar2 {
	width: 180px;
	padding: 0px 15px;
	padding-bottom: 10px;
	border: 0px solid red;
}

#sidebar2 ul { 
list-style-type: none;

}


.sidebarColor {
	background-color: #f0f0f0;
}

.contentbarColor {
	background-color: #ffffff;
}



/* Side Navigation List -
styles the link effects in the side navigation
----------------------------------------------- */
/* Unlinked Side Navigation Properties */
#sideNav {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 border: 0px solid red;
}

#sideNav ul{ 
	padding: 0px;
	margin: 0px;
	border: 0px solid blue;
}

#sideNav ul li h2 { 
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px 3px;
	background-color: #f0f0f0;
	color: #000000;
	border-bottom: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}


#sideNav ul li ul{ 
	padding: 0px;
	margin: 0px;
	border: 0px solid green;
}


#sideNav ul li {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	border-bottom: 0px solid #7e7eb7;
}

/* styles borders between list elements and adds a bullet image*/
#sideNav ul li ul li {
	list-style: square url(../../dev2/images/bullet.gif) outside;
	padding-top: 1px;
	padding-bottom: 3px;
	margin: 0px;
	margin-left: 20px;
}


/* Linked Side Navigation Properties */
#sideNav a, #sideNav a:link, #sideNav a:active, #sideNav a:visited  {
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: #0066cc;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right: 0px solid #2D2665;
	text-decoration: none;

}

/* On Hover Side Navigation Properties */
#sideNav a:hover, #sideNav a:visited:hover {
	color: #0066cc;
	text-decoration: underline;
}

/* Side Navigation List -
styles the link effects in the side navigation
----------------------------------------------- */
/* Unlinked Side Navigation Properties */
#sideNav2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 border: 0px solid red;
}

#sideNav2 h2 { 
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px 3px;
	background-color: #f0f0f0;
	color: #000000;
	border-bottom: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

#sideNav2 ul{ 
	padding: 0px;
	margin: 0px;
	border: 0px solid blue;
}

#sideNav2 ul li h2 { 
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px 3px;
	background-color: #f0f0f0;
	color: #000000;
	border-bottom: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}


#sideNav2 ul li ul{ 
	padding: 0px;
	margin: 0px;
	border: 0px solid green;
}


#sideNav2 ul li {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	border-bottom: 0px solid #7e7eb7;
}

/* styles borders between list elements and adds a bullet image*/
#sideNav2 ul li ul li {
	list-style: square url(../../dev2/images/bullet.gif) outside;
	padding-top: 1px;
	padding-bottom: 3px;
	margin: 0px;
	margin-left: 20px;
}

/* styles borders between list elements and adds a bullet image*/
#sideNav2 ul li  {
	list-style: square url(../../dev2/images/bullet.gif) outside;
	padding-top: 1px;
	padding-bottom: 3px;
	margin: 0px;
	margin-left: 20px;
}


/* Linked Side Navigation Properties */
#sideNav2 a, #sideNav2 a:link, #sideNav2 a:active, #sideNav2 a:visited  {
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: #0066cc;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right: 0px solid #2D2665;
	text-decoration: none;

}

/* On Hover Side Navigation Properties */
#sideNav2 a:hover, #sideNav2 a:visited:hover {
	color: #0066cc;
	text-decoration: underline;
}

/* Calendar
----------------------------------------------- */
#calendar {
	border-collapse: collapse;
	width: 160px;
	margin: auto;
	padding-top: 5px;
}

#calendar table {
	border: 0px solid red;
}

#calendar td {
	text-align: center;
	font-size: 9px;
	line-height: 10px;
	padding: 0px;
	margin: 0px;
}
#calendar th {
	border-top: 1px solid #663300;
	border-bottom: 1px solid #663300;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}
#calendar a:link, #calendar a:visited, #calendar a:active {
	font-size: 9px;
	line-height: 10px;
	color: #0066CC;
	text-decoration: none;
}
#calendar a:hover {
	font-size: 9px;
	line-height: 10px;
	color: #0066CC;
	text-decoration: underline;

}




/* Copyright/Credits - styles and positions the footer
----------------------------------------------- */

#copyright, span#copyright {
	margin-right: 0em;
}
#credits {
    clear: both;
	margin: 0px 5px 20px 5px;
	padding: 20px 5px 0px 5px;
	font-size: 11px;
	color: #666666;
}

#credits a, p {
	font-size: 11px;
}




/* Footer - styles and positions the footer
----------------------------------------------- */
#global-footer {
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 30px 0px;
	text-align: right;
	clear: left;
	background-color: #e5e5e5;
	border-top: 0px solid #262572;
}
#global-footer address {
	margin-left: .5em;
}
#global-footer li {
	display: inline;
}
#global-footer p, #global-footer ul, #global-footer span, #global-footer address {
	font-size: 10px; 
	color: #666666;
	line-height: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#global-footer a, #global-footer a:link, #global-footer a:visited {
	font-size: 10px;
	font-weight: normal;
	color: #0066cc;
	text-decoration: none;
	padding-right: 4px;
}

#global-footer a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #0066cc;
	padding-right: 4px;
}
#footerNav, #footerLegal {
	color: #e2e2e2;
}

#footerNav li {
	text-transform: uppercase;
}
#footerNav li:after, #footerLegal li:after {
	content: " | ";
}

/* Adds a footer image, will not be displayed with styles turned off
padding and height should correspond to the image height, ie 91px */
#footerIMG {
		padding: 20px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width:750px;
		overflow: hidden;
		background: url(../../dev2/images/footer.jpg) no-repeat;
		height: 0px !important; /* for most browsers */
		height /**/:20px; /* for IE5/Win */
}


/* Background
----------------------------------------------- */
body {
	/*background-image: url(../images/bg_body.gif);*/
	background-color:#cccab6;
	background-repeat: repeat;
}

div#top {
	margin: auto;
	margin-top: 0px;
	position: relative;
	padding: 0px;
}

body.sidebar div#top {
	/*background: url(../images/sidebar.jpg) repeat-y;*/
}

body.dsidebar div#top {
	background: url(../../dev2/images/sidebar-back-dg.gif) repeat-y; 
}

body.dsidebar #global-header #navigation {
	border-bottom: 4px solid #FBB56F;
}

body.dsidebar #sidebar h2 {
	background-color: #663300;
}

body.fullcontent #main-body {
	width: 725px;
	float: none;
	margin: 1em;
	/* 
	float: none;
	margin: 2em; */
}

body.fullcontent #footer {
	margin: 2em;
}


.additional-col #content {
	width: 340px;
	float: left;
	border: 0px solid red;
}

#additional-info {
	float: right;
	width: 200px;
	padding: 0px;/* OK 11-12 */
	margin-right: 10px;
	border: 1px solid #000000;
	background-color: #e2e2e2;
}

#login-control {
	background-color: #ffffff;
}
.mission {
background-image:url(../images/studentshillside_gradient450.jpg);
background-repeat: no-repeat;
background-position:top right;
}

/* News Wrapper 1
----------------------------------------------- */

#wrapper-content { background: white url('newsbox/images/bg02-white-left.png') no-repeat left top; }

* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('newsbox/images/bg02-white-right.png') no-repeat right top;
	padding: 5px 245px 5px 40px;
	
}

#wrapper-menu-page {
	float: right;
	width:550px;
	margin: 20px 30px 3em 2em;
	background: transparent url('newsbox/images/menu2.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: 10;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }


#board table {
	border: 0px solid red;
}

#board td {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	padding: 2px;
	margin: 2px;
}
#board th {
	border-top: 1px solid #663300;
	border-bottom: 1px solid #663300;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	background-color:#CCCCCC;
}
#board a:link, #calendar a:visited, #calendar a:active {
	font-size: 12px;
	line-height: 12px;
	color: #0066CC;
	text-decoration: none;
}
#board a:hover {
	font-size: 12px;
	line-height: 12px;
	color: #0066CC;
	text-decoration: underline;

}

#bio {
background-color:#CCCCCC;

}