a:link {text-decoration: none; color: #990000;}
a:visited {text-decoration: none; color: #990000;}
a:active {text-decoration: none}
a:hover {text-decoration:none; cursor: hand;}

body {
     background-color: #FFFFFF;
     background-image: url(../images/gradient.jpg);
     background-repeat: repeat-x;
	 font-family: arial;
	 margin: 0;
}
.main {
     width:    800px;
     margin:   0 auto;
     border:   1px solid #DDDDDD;
}
.header {
     width:    100%;
     height:   104px;
     clear:    left;
	 background-color:	#FFFFFF;
}
.headerImage {
     width:    564px;
     height:   104px;
     float:    left;
}
.headerDetails {
     width:    236px;
     margin-left:   564px;
}
.subheader {
     width:    100%;
     height:   141px;
     background: url(/images/new_header.jpg) no-repeat;
     clear:    left;
}
#flashContainer {
     width:    564px;
     height:   141px;
     float:    left;
}
#urgentNews {
	margin: 10px 0;
	border: 1px solid #900;
	min-height: 50px;
}
.urgentNewsTitle {
	text-align: center;
	padding: 7px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #900;
}
.urgentNewsContent {
	text-align: center;
	font-size: 0.9em;
	color: #900;
	padding-bottom: 10px;
}
#newsbox {
     width:		236px;
	 height:	141px;
	 float:		left;
     /*margin-left:   564px;
     font-family:   arial;
     font-size:     12px;*/
}
.contentContainer {
     width:    800px;
     background: url("http://www.parkhillschool.com/images/content_bg_new.jpg") repeat-y;
     background-color: #FFF;
     clear:    left;
	 /*border:	1px solid #990000;*/
}

#navcol {
	width:    170px;
	font-size:     0.8em;
	font-family:   arial;
	background-color: #FFFFCC;
	color:    #990000;
	float:    left;
	padding-top:   5px;
}
#contentMain {
	/*position: relative;*/
	width:    610px;
	padding:  10px 10px;
	min-height: 400px;
	float:	left;
	/*background-color: #fff;*/
	/*border:   1px solid #0000FF;*/
}
#contentHeader {
	width:    590px;
	background-color: #fff;
	padding:  0px 0px 5px 20px;
	margin-bottom:	10px;
	font:     24px arial;
	color:    #990000;
	min-height: 20px;
	text-align: left;
	border-bottom:   1px solid #CCCCCC;
}
#contentHeaderText {
	width:    590px;
	padding:  1px 10px 1px 10px;
	margin-bottom:	10px;
	font:     24px arial;
	color:    #990000;
	min-height: 20px;
	text-align: left;
	border-bottom:   1px solid #CCCCCC;
}
#indexHeader {
	width:    590px;
	padding:  10px 10px;
	font:     24px arial;
	color:    #990000;
	border-bottom:   1px solid #CCCCCC;
}
#photoColumn {
	width: 200px;
	float: left;
	min-height: 300px;
	text-align: left;
	padding-top: 15px;
	padding-left: 20px;
	/*border: 1px dashed #123456;*/
}
#textColumn {
	width: 348px;
	float: left;
	min-height: 300px;
	text-align: left;
	padding: 15px 17px 10px 17px;
	/*padding-left: 30px;*/
	/*border: 1px dotted #123456;*/
}
#photoColumn_R {
	width: 227px;
	float: left;
	min-height: 300px;
	text-align: left;
	padding-top: 15px;
	padding-left: 20px;
	/*border: 1px dashed #123456;*/
}
#textColumn_L {
	width: 330px;
	float: left;
	min-height: 300px;
	text-align: left;
	padding-top: 15px;
	padding-left: 30px;
	/*border: 1px dotted #123456;*/
}
#fullText {
	font: 0.9em Arial;
	color: #666666;
	padding: 15px 20px;
	/*border: 1px dashed #123456;*/	
}
.textColumnHeaderStyle {
	font-family: Arial;
	font-size: 0.8em;
	font-variant: small-caps;
	font-weight: bold;
	color: #990000;
	padding: 15px 0px 5px 0px;
}
.textColumnStyle {
	font-family: Arial;
	font-size: 0.9em;
	color: #666666;
}
#contentbar1{
	width: 610px;
	min-height: 350px;
	text-align: center;
	/*background-color: #FFFFFF;*/
	/*border: 1px solid #999999;*/
}
#contentbar2{
	clear: both;
	min-height: 200px;
	/*background-color:#FFFFFF;*/
	padding-top: 12px;
	/*border: 1px solid #990000;*/
}
#content1 {
	float: left;
	width: 305px;
	text-align: center;
	/*border: 1px solid #990000;*/
}
#content23{
	float:left;
	width:290px;
	margin-left: 15px;
	min-height: 200px;
	/*border: 1px solid #990000;*/
}
#content2{
	width: 100%;
	min-height: 150px;
	text-align: left;
	/*background-color: #ABCDEF;*/
	border-top: 1px solid #CCC;
}

#content3{
	width: 100%;
	min-height: 100px;
	border-top: 1px solid #CCCCCC;
	margin-top: 10px;
	padding-top: 10px;
	/*background-color:#00AAFF;*/
}
#content4{
	float: left;
	min-height: 100px;
	width: 285px;
	padding: 10px 0px;
	margin: 0px 10px;
	border-top: 1px solid #CCC;
	/*background-color: #4444FF;*/
}
#content4container {
	width: 274px;
	margin: 8px;
	padding-top: 8px;
	border-top: 1px solid #CCCCCC;
	background-image: url(/images/containergradient.jpg);
	background-repeat: repeat-x;
	min-height: 100px;
	/*background-color: #4444FF;*/
}
#content5{
	float: left;
	min-height: 180px;
	width: 290px;
	padding-top: 15px;
	margin-left: 10px;
	border-top: 1px solid #CCC;
	/*background-color: #8888FF;*/
}
#innercontent5 {
	padding:	10px;
	background-image:	url(/images/containergradient.jpg);
	background-repeat:	repeat-x;
	min-height:	150px;
}
#content5container {
	width: 274px;
	margin: 8px;
	padding-top: 8px;
	border-top: 1px solid #CCCCCC;
	/*background-color: #4444FF;*/
}
#footer {
     width:		580px;
     margin-left:	185px;
     clear:		left;
     font:		12px arial;
     color:		#AAAAAA;
	 padding:	10px 10px;
	 border-top:	1px solid #CCC;
}
#News {
	background-color: #FFFFCC;
	width: 100%;
	min-height: 20px;
	margin-bottom: 10px;
	text-align: left;
	/*border-bottom: 1px solid #CCCCCC;*/
}
#teacherContainer {
	/*position: absolute;*/
	border-bottom: 1px solid #BBBBBB;
	width: 610px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	/*min-height: 150px;*/
}
#teacherHeader {
	/*position: absolute;*/
	padding: 5px 0px 0px 20px;
	color: #990000;
	font-weight: bold;
	width: 590px;
	/*border: 1px solid #990099;*/
}
#photoTeacher {
	position: relative;
	width: 160px;
	float: left;
	min-height: 200px;
	text-align: left;
	padding-top: 15px;
	padding-left: 20px;
	font-size: 0.8em;
	color: #666666;
	/*border: 1px dashed #123456;*/
}
#textTeacher {
	position: relative;
	color: #666666;
	width: 396px;
	float: left;
	min-height: 100px;
	text-align: left;
	padding-top: 15px;
	padding-left: 30px;
	/*border: 1px dotted #123456;*/
}
.feesItem {
	font: 0.8em Arial;
	color: #666666;
	width: 270px;
	float: left;
	/*border: 1px dashed #00FF00;*/
}
.feesPrice {
	font: 0.8em Arial;
	color: #666666;
	width: 65px;
	float: left;
	padding-left: 5px;
	/*border: 1px dashed #FF0000;*/
}
.feesDescription {
	font: 0.8em Arial;
	color: #666666;
}
.contentImages {
               width:    200px;
               float:    left;
               padding-left: 10px;
               text-align:    center;
          }
          .contentDetail {
               width:    390px;
               margin-left:   220px;
               font-family:   arial;
               color:    #666666;
               font-size:     12px;         
          }
          .contentDetail p {
               font:   18px arial;
               color:    #990000;         
          }
          .indexcontent {
               width:    590px;
               padding:  10px 10px;
               font:     24px arial;
               color:    #990000;
               /*border:   1px solid #FF0000;*/
          }
          .indexcontent_grid {
               width:    285px;
               /*border:   1px solid #DDDDDD;*/
               float:    left;
               margin:   5px;
          }
          .indexcontent_2 {
               width:    290px;
               /*border:   1px solid #DDDDDD;*/
               margin-left:   300px;
          }
          .indexcontent_2a {
               width:    290px;
          }
          .indexcontent_2b {
               width:    290px;
          }
          .indexcontent2 {
               width:    590px;
               padding:  10px 10px;
               font:     24px arial;
               color:    #990000;
               border:   1px solid #FF0000;
          }
          .indexcontent_21 {
               width:    250px;
               border:   1px solid #DDDDDD;
          }
          .indexcontent_22 {
               width:    250px;
               border:   1px solid #DDDDDD;
          }
     .lunchItem {
          margin-bottom: 10px;
     }
.lunchDateHeader {
          font:     0.9em Arial;
		  font-weight: bold;
          color:    #990000;
		  /*font-variant: small-caps;*/
     }
     .lunchItems {
          font:     0.9em Arial;
          color:    #666666;
     }
.pageHeader {
	font:     0.9em Arial;
	font-weight: bold;
	color:    #990000;
	/*font-variant: small-caps;*/
}
.eventHeader {
	font:     0.95em Arial;
	font-weight: bold;
	color:    #990000;
	/*font-variant: small-caps;*/
}
.sectionHeader {
	font:     0.85em Arial;
	font-weight: bold;
	color:    #990000;
	/*font-variant: small-caps;*/
}
.footer {
     width:    610px;
     margin-left: 170px;
     clear:    left;
     font:     12px arial;
     color:    #CCCCCC;
}

.menuon       { font-size : 12px; background-color: #FFFF99; }
.menuoff       { font-size : 12px; background-color: #FFFFCC; }

#menu .linkon {
font-family : Arial, Helvetica;
font-size : 12px;
font-weight : bold;
text-decoration : none;
color : #990000;
margin-left: 10px;
}

#menu .linkoff {
font-family : Arial, Helvetica;
font-size : 12px;
font-weight : normal;
text-decoration : none;
color : #990000;
margin-left: 10px;
}

.OpenMorning {
	float: left;
	padding-left: 10px;
	color: #990000;
	font-size:2.0em;
	font-weight: bold;
}
.greyText {
     text-align: left;
	 font-family: arial;
     font-size: 0.8em;
     color: #666666;
}
.greyText_T {
     text-align: left;
	 font-family: arial;
     font-size: 0.75em;
     color: #666666;
}
.redText {
     font-family: arial;
     font-size: 0.8em;
     color: #990000;
}
.boldRed {
     text-align: left;
	 font-weight: bold;
     font-size: 14px;
     color: #990000;
}
.boldRed_a {
     text-align: left;
	 font-weight: bold;
     color: #990000;
}
.boldBigRed {
     font-weight: bold;
     font-size: 1.4em;
     color: #990000;
}
.boldBigBlue {
     font-weight: bold;
     font-size: 1.4em;
     color: #000099;
}

.applemenu {
          margin: 0;
          padding: 0;
          width: 100%; /*width of menu*/
          /*border: 1px solid #9A9A9A;*/
}
.welfare a {
	color: #666;
	text-decoration: none;
}
     
     .applemenu div.silverheader a {
          background: #FFFFCC url(silvergradient.gif) repeat-x center left;
          font: normal 1.0em Arial, "Trebuchet MS", Helvetica, sans-serif;
          color: #990000;
          display: block;
          position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
          width: auto;
          padding: 5px 0;
          padding-left: 8px;
          text-decoration: none;
          border-top: 1px solid #DDDDDD;
     }
     
     .applemenu div.silverheader a:visited, .applemenu div.silverheader a:active {
          color: #990000;
     }
     
     .applemenu div.selected a, .applemenu div.silverheader a:hover {
          background: #FFFF33 url(silvergradientover.gif);
          color: #990000;
          font-style: bold;
     }
     
     .applemenu div.submenu { /*DIV that contains each sub menu*/
          background: #FFFF33;
          padding: 5px 0px 5px 10px;
          font: normal 1em Arial;
          color: #990000;
		  min-height: 1px;
          /*height: 300px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
     }
     .applemenu div.submenu div.submenu2 { /*DIV that contains each sub menu*/
          background: #FFFF33;
          padding: 0px 0px 5px 10px;
          font: normal 1em Arial;
          color: #990000;
          /*height: 300px; Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
     }