/* CSS Document */
/*
Choice of Colors

#cccccc		Light grey
#0000BB		Dark blue
#FFFFFF		White
#0032B4		background medium blue
#339999		Steal Blue
#333333
#c64934		red
#2A7DCA

*/
/* for whole web page */
html {
	height: 100%;
}

/* body part of web page */
body {
	height: 100%;
	margin-bottom: 1px;
}

/* standard helper classes */
.clr {
	clear: both;
}

/* all the outside frames common styles */
.outline {
  border: 0px solid #0032B4;
  background: url(../img/backgroundcontent.gif);
	padding: 0px;
}

/* for a certain part of font style */
.Style1 {
	font-family: Arial;
	font-size: 10pt;
}


/* style for the navigation text above the contents table such as : HOME * ACADEMICS * Kindergarten) */
#pathway_text {
  overflow: hidden;
	display: block;
	color: #339999;
	font-weight: bold;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border: 1px solid #cccccc;
	margin-bottom: 2px;
    background: #ffffff;
}

/*style for the image "arrows.png" showed between the text such "HOME" and "ACADEMICS" */
#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 8px;
}

/*
/*  TOP MENU PARAMETERS                         */
/*
/* common style upper tags "CALENDAR F.A.Q" etc */
ul#mainlevel-nav
{
	list-style: none;
	padding-bottom: 0px;
	margin: 0px;
	font-size: 0.8em;
}

/* STYLE of link text of upper tags "CALENDAR F.A.Q" etc  */
ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	white-space: nowrap;
	border-left: 2px solid #cccccc;
}

/* style for inside the "a" block link text of upper tags "CALENDAR F.A.Q" etc */  
ul#mainlevel-nav li a
{
	display: block;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-top: 2px;
	text-decoration: none;
	color: #0000FF;
	background: transparent;
}

/*button action definition of style for inside the "a" block link text of upper tags "CALENDAR F.A.Q" etc */
#buttons>ul#mainlevel-nav li a { width: auto; }

/* define the style then mouse move over the link of above area. */
	ul#mainlevel-nav li a:hover
{
	color: #fff;
	background: #0000BB;
}
/*
#search_outer {
	float: left;
	width: 165px;
}
*/  THE SCHOOL NAME HEADER IS DISPLAYED HERE      */

/* common style for out of header part of the page */
#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}

/* the header */
#header {
	float: left;
	padding: 0px;
	margin-right: 0px;
	width: 802px;
	height: 101px;
	Vertical-align: bottom;
	background:   url(../img/header_short_fin.jpg) no-repeat;
}

/* for common style of the left frames */
#left_outer {
  float: left;
	margin-top: 0px;
    margin-right: 3px;
	width: 159px;
    background: #FFFFFF; 
}

/* for the inner parts of left frames when the buttons are clicked and extended*/
#left_inner {
  border: 0px solid #2A7DCA;
	padding: 0px;
  float: none !important;
  float: left;
  background: #FFFFFF; 
}

/* style of outside of content frame - HOME * ACADEMICS */ 
#content_outer {
	padding: 0px;
	margin-top: 0px;
	margin-left: 10px;
	/* border: 1px solid #0032B4; */
	float: left;
	width: 624px;
}

/* style of inside of the content frame */
#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}

/* for tables style of content inside frame */
table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

/* for content frame table "td" tags */
table.content_table td {
	padding: 0px;
	margin: 0px;
}

/* outer style of "NEWS" and "WHO's ONLINE" */
#right_outer {
	margin-left: 2px;
	width: 165px;
    background: #FFFFFF;
}

/* inner style of "NEWS" and "WHO's ONLINE" */
#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
}

/* for the content table outer systle */
table td.body_outer {
	padding: 8px;
	border: 0px solid #0000bb;
    background: #FFFFFF;
}

/* for the "ul" text of the html page */
ul
{
margin: 0;
padding: 0;
list-style: none;
}

/* for the "link" text of the html page */
li
{
line-height: 15px;
padding-left: 15px;
padding-top: 0px;
background-image:   url(../../../../templates/rhuk_solarflare_ii/images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 2px;
}

/* common td tags */
td {
	text-align: left;
	font-size: 11px;
}

/* extension of body of the page style */
body {
	margin: 15px;
	height: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	line-height: 120%;
	font-size: 11px;
	color: #333333;
	background: #225599;    /*  Change color for site background */
}

/*link tags and visited tags appeas in the page */
a:link, a:visited {
	color: #2A7DCA; text-decoration: none;
	font-weight: bold;
}

/* hover tags appears in the page */
a:hover {
	color: #c64934;	text-decoration: none;
	font-weight: bold;
}

/* style for the "Welcome" panel when tabs clicked */
table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

/* td tags style for "Welcome" panel opened */
table.contentpaneopen td {
   padding-right: 2px;
}

/* used if heading added in the content, probably not used if include iframe*/
table.contentpaneopen td.componentheading {
	padding-left: 4px;
}

/* noraml status of content panel  if not opened*/
table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

/* normal status of content panel td tags when not opened*/
table.contentpane td {
	margin: 0px;
	padding: 0px;
}


/* normal status of content panel td tags when not opened, for the heading part if used*/
table.contentpane td.componentheading {
	padding-left: 4px;
}

/* for all the buttons, in the left frame */
.button {
  color: #0000bb;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background:   url(../../../../templates/rhuk_solarflare_ii/images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

/* for the component page if used, not being used now */
.componentheading {
	background:   url(../../../../templates/rhuk_solarflare_ii/images/subhead_bt.png) repeat-x;
	color: #333333;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;

}

/* for the column style in content frame */
.contentcolumn {
	padding-right: 5px;
}

/* heading style of the content frame */
.contentheading {
	height: 30px;
	color: #0032B4;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
    
}

/* for the content page tilte style if used to describe the iframe content */
.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
    
}

/* for the left main menu items */
table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
/* for the div tags of the left main menu items */ 
div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}
/* common style for th of left main menu and the h3 header of div tags of the "main menu" title */
table.moduletable th, div.moduletable h3 {
	/*background:   url(../img/subhead_bg.png) repeat-x; */
	background: #C8DCF0;  
	color: #0000bb;    /*  Text Color   */
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

/* for the td of table tags of the left main menu items*/
table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

/* common for tables tags*/
table.pollstableborder td {
  padding: 2px;
}

/* not being used, could be used when showing created and updated date */
.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

/* for link and visited text of the upper tabs like calendar and faq. */
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background:   url(../img/menu_bg1.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #474746;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	height: 20px !important;
	height: 20px;
	width: 100%;
	text-decoration: none;
}

/* for hover mouse move over tags of upper tab part */
a.mainlevel:hover {
	background-position: 0px -28px;
	text-decoration: none;
	color: #0000BB;
}

/* for the active menu in the left main menu */
a.mainlevel#active_menu {
	color:#339999;
	font-weight: bold;
}

/* for mouse move over sytle of left avtive menu home only */
a.mainlevel#active_menu:hover {
	color: #0000BB;
}

/* for the sublevel of active menu */
a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #474746;
	text-align: left;
}

/* for mouse over sublevel of active menu*/
a.sublevel:hover {
	color: #0000BB;
	text-decoration: none;
}

/* active sublevel menu */
a.sublevel#active_menu {
	color: #339999;
	text-decoration: bold;
}

/* for the highlight of the code, not be used */
.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
/* not used now */
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

/* for the common forms */
form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

/* for the possible seperator of the article in the content frame */
span.article_seperator {
	display: block;
	height: 1.5em;
}