
body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial Rounded MT Bold;
	font-size: 12px;
	color: #ffffff; /* FONT COLOR for WELCOME API HIGH SCHOOL - NEWS CONTENT */
	background-image: url(image/bckg.png);
	background-repeat:repeat;
	background-color: #6d6a6b;
}

a:link, a:visited { color: #00a1ff; text-decoration: none; font-weight: bold; } 
a:active, a:hover { color: #00a1ff; text-decoration: underline; }

p {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}


.cleaner {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;	
}

.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 30px;
	font-size: 1px;	
}

.cleaner_with_width {
	float: left;
	width: 20px;
	height: 30px;
	font-size: 1px;	
}

#wrapper {  /* BACKGROUND GRADIENT */
	margin: 0 auto;
	background: url(image/gradientBCKG.png) top repeat-x;
} 

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
} 

/* BANNER */
#banner {
	clear: both;
	width: 880px;
	height: 320px;
	padding: 0 40px;
	margin: 0 0 10px 0;
	background: url(image/banner.png);
}

#banner h1 {
	margin: 0px;
	padding: 0px;
	padding: 120px 0 20px 0;
	font-size: 27px;
	font-weight: bold;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial Rounded MT Bold;
}

#banner p {
	font-size: 23px;
	width: 500px;
	line-height: 30px;
	padding: 30px 0 20px 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial Rounded MT Bold;
}

/* END OF BANNER */

#content {   
	clear: both;
	position: relative;
	width: 960px;
	padding: 0 2px;
	overflow:hidden;
    word-wrap: break-word;
}

#content h1 {
	font-size: 24px;
	color: #009dff;
	padding: 0 0 20px 0;
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial Rounded MT Bold;	
}

#content h2 {
	font-size: 20px;
	color: #009dff;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial Rounded MT Bold;	
}

#content h3 {
	font-size: 16px;
	color: #c6ca1d;
	padding: 0 0 5px 30px;
	margin: 0 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial Rounded MT Bold;	
}


#content .content_section_01 {
	clear: both;
	width: 876px;
	padding: 40px;
	background-color: #444041;
}

.content_section_01 .section_01_left {
	float: left;
	width: 556px;
	padding-right: 40px;
	border-right: 1px solid #333;
}

.content_section_01 .section_01_right {
	float: right;
	width: 238px;
}

.section_01_left p{
	padding-bottom: 10px;
	text-align: justify;
}

.section_01_right p{
	padding-bottom: 5px;
	text-align: justify;
}

#content .section_01_right h1 {
	font-size: 18px;
	color: #009dff;
	padding: 0 0 20px 0;
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial Rounded MT Bold;
}

#content .content_section_02 {
	clear: both;
	color: #CCC;
	width: 956px;
	padding: 0px;
	border-top: 1px solid #2c2829;
	background-color: #221e1f;
}

.content_section_02 p {
	text-align: justify;
}

.content_section_02 .section_02_subsection {
	float: left;
	width: 238px;
	margin: 30px 0px;
	padding: 0 40px;
	border-right: 1px solid #332e30;
	background-color: #221e1f;
}

.section_02_subsection li a {
	color: #e7eaeb;
	font-weight: normal;
}

.section_02_subsection ul {
	margin: 20px 0 10px 10px;
	padding: 0px;
	list-style: none;
}

.section_02_subsection li {
	margin: 0px;
	padding: 0 0 15px 25px;
	
}

/* ABOUT US PAGE TEXT BOXES CONFIGURATION*/
#content .content_section_03 {
	clear: both;
	width: 876px;
	padding: 40px;
	background-color: #444041;
}

.content_section_03 .section_03_left {
	float: left;
	width: 876px;
	padding-right: 40px;
}

.section_03_left p{
	padding-bottom: 10px;
	text-align: justify;
}

#content .content_section_04 {
	clear: both;
	color: #CCC;
	width: 956px;
	background-color: #221e1f;
}

.content_section_04 p {
	text-align: justify;
}

.content_section_04 .section_04_subsection {
	float: left;
	width: 878px;
	margin: 30px 0px;
	padding: 0 0 0 45px;
	background-color: #221e1f;
}

.section_02_subsection li a {
	color: #e7eaeb;
	font-weight: normal;
}

.section_02_subsection ul {
	margin: 20px 0 10px 10px;
	padding: 0px;
	list-style: none;
}

.section_02_subsection li {
	margin: 0px;
	padding: 0 0 15px 25px;
	
}

/* END OF ABOUT US SECTION */

/* FORMAT FOR CURRICULUM PAGE */

.articletop1 {
position: relative;
height: 15px;
width: 850px;
margin-top: 10px;
background-image:url(Images/articletop1.png);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
}

.article5 {
position: relative;
height: auto;
width: 850px;
background-color: #444041;
overflow:hidden;
}

.articlebtm1 {
position: relative;
height: 15px;
width: 850px;
margin-bottom: 10px;
background-image:url(Images/articlebtm1.png);
background-position:center;
background-repeat:no-repeat;
overflow: visible;
}

.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size:14px;
color: white;
padding: 10px;
border: 1px solid #000;
width: 350px; /*width of tooltip*/
}

/* END OF CURRICULUM PAGE */

/* FOOTER*/
#footer {
	clear: both;
	width: 960px;
	height: 140px;
	padding: 15px 0 0 0;
	text-align: center;
	color: #888;
	background: url(image/footer.jpg);
}

#footer h3 {
	font-size: 12px;
	color: #c6ca1d;
	padding: 0 0 5px 30px;
	margin: 0 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, Arial Rounded MT Bold;	
}

#footer p {
	padding-bottom: 5px;
}

#footer a {
	color: #888;
	font-weight: normal;
}
/* END FOOTER */

