/* SchoolWeb Sample Stylesheet
Text Colour
Header Text 1 Colour
Header Text 2 Colour
Header Text 3 Colour
Link Colour
Link Hover Colour
Navigation Colour
Navigation Text Colour
Navigation Links Colour
Navigation Links Hover Colour
Navigation Box Colour
Table Header Colour
Table Row 1 Colour
Table Row 2 Colour
Table Text Colour
Background Colour
Warning Text Colour*/

html, body
{
font-family: Arial, Helvetica, Sans-Serif;
color: #000080;
height:100%
}

body 
{
margin: 0; 
padding: 0;
background-color: #165284;
}


/* Left Navigation panel */

#leftnav
{
float: left;
width: 166px;
margin: 0;
padding: 12px 0 0 4px;
color: #80FFFF;
}

#leftnavimg
{

width:156px;
height:160px;
text-align: center;
}

#leftnav p
{
font-size:125%; 
font-weight:bold;
margin: 0 0 1em 0;
}

#leftnav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, Sans-Serif;
}


#leftnav a
{
display: block;
padding: 3px;
margin-bottom: 2px;
width: 150px;
background-color: #4682B4;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
#leftnav a.w3clinks {
background: none;
text-align: center;
border: none;
}

#navlist a:link, #leftnav a:visited,#bottom a:link, #bottom a:visited
{
color: #00FFFF;
text-decoration: none;
}

#navlist a:hover,#bottom a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

/* Main content area */

#content
{
height:100%;
min-height:100%;
background-color: #80a0d0;
margin-left: 166px;
border-left: 1px solid gray;
padding: 1em 1em 0 1em;
}

html>body #content{height:auto} /* for mozilla */

#content h2 
{ 
margin: 0 0 .5em 0;
}

/* Main content title area */

#top,#bottom
{
padding: 1em;
background-color: #165284;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
color: #FFFFFF;
}
#bottom {
padding:0em;
padding-right: 0.5em;
text-align: right;
}

#top h1
{
padding: 0;
margin: 0;
}

#langmenu {
float: right;

}


.clear{
clear:both;
padding-bottom:1px;
border-top: 1px solid black;
}
#contactswrapper,#linkswrapper,#gbformwrapper,#linkswrapper,#forumwrapper,#viewforumwrapper,#newswrapper,#classpageswrapper {
width: 70%;
margin-left: auto;
margin-right: auto;
background-color: #a0c0e0;
/* padding:5px 15px 5px 15px; */
border: 1px solid black;
overflow:hidden;
width:92%;/*ie 6 bug et ie4*/
margin-top:-8px;/*nn4*/
}
#gbformwrapper,#forumwrapper, #viewforumwrapper, #classpageswrapper {
width: 60%;
}
#contactswrapper div.contactsheader {
width: 99%;
background-color: #4682B4;
border-bottom: 1px solid black;
font-weight: bold;
font-size: 1.2em;
padding-left: 1%;
}
#contactswrapper div.contactsfooter {
width: 100%;
background-color: #4682B4;
border-bottom: 1px solid black;
border-top: 1px solid black;
}
#contactswrapper div.contactinfo {
width: 100%;
padding-left: 2px;
}
.fieldtitle, .fielddata{
border:1px solid black;/*float:left;*/
line-height:1.5em;
margin-bottom:-1px;
margin-right:-1px;
overflow:hidden;
text-align:left;
white-space:nowrap;
border-bottom: none;
}
.fielddata, .fieldtitle, .fieldreplies{
float:left;
display:inline;/*ie fix*/
}
 .fieldtitle br, .fielddata br, .fieldreplies br {
line-height:1.5em;
}
#contactswrapper div.fieldtitle {
border-right:none;
border-left: none;
width: 20%;
}
#contactswrapper div.fielddata {
border-right:none;
width: 80%;
}
#forumwrapper div.fieldtitle {
border-right:none;
border-top: 1px solid black;
border-left: none;
width: 20%;
}
#forumwrapper div.fielddata {
border-right:none;
border-top: 1px solid black;
width: 80%;
overflow: visible;
white-space: normal;
}
#viewforumwrapper div.fieldtitle {
border-right: 1px solid black;
border-top: 1px solid black;
border-left: none;
width: 60%;
}
#viewforumwrapper div.fielddata {
border-top: 1px solid black;
border-right:none;
text-align: center;
width: 26%;
overflow: visible;
white-space: normal;
}
#viewforumwrapper div.fieldreplies {
border-right:none;
text-align: center;
border-top: 1px solid black;
width: 10%;
overflow: visible;
white-space: normal;
}
#viewforumwrapper div.replies div.fielddata{
text-align: center;
border-left: none;
width: 14%;
}
#viewforumwrapper div.forumform div.fielddata{
text-align: right;
padding-right:2px;
border-left: none;
width: 20%;
}
#viewforumwrapper div.forumform div.fieldtitle{
border-left: 1px solid black; 
border-right:none;
width: 79.8%;
}
#viewforumwrapper div.tablesubheader div.fieldtitle {
width: 60%;
}
#viewforumwrapper div.tablesubheader div.fielddata {
width: 24.5%;
padding-left:1%;
overflow: visible;
white-space: normal;
}
#viewforumwrapper div.tablesubheader div.replies div.fielddata {
width: 12.7%;
margin-left: 2px;
padding-left:1%;
overflow: visible;
white-space: normal;
}
#viewforumwrapper div.tablesubheader div.fieldreplies {
width: 13.7%;
border-bottom: none;
border-left: 1px solid black;
overflow: visible;
white-space: normal;
}
#forumwrapper div.fieldspan,#viewforumwrapper div.fieldspan {
padding-left: 1%;
border-top: 1px solid black;
width: 100%;
}
#forumwrapper div.forumpost,#forumwrapper div.forumpostformtext,#viewforumwrapper div.forumpost,#viewforumwrapper div.forumpostformtext  {
padding-left: 5px;
}
#forumwrapper div.forumpostforminput,#viewforumwrapper div.forumpostforminput {
padding: 5px;
}
#gbformwrapper div.fieldtitle {
border-right:none;
border-left: none;
width: 30%;
}
#gbformwrapper div.fielddata {
border-right:none;
width: 70%;
}
#linkswrapper div.fieldtitle {
/* border-right:none; */
border-left: none;
width: 80%;
}
#linkswrapper div.fielddata {
border-right:none;
border-left: none;
width: 20%;
text-align: center;
}
#linkswrapper div.tablesubheader div.fielddata, #linkswrapper div.tablesubheader div.fieldtitle,#forumwrapper div.tablesubheader div.fielddata, #forumwrapper div.tablesubheader div.fieldtitle,#viewforumwrapper div.tablesubheader div.fielddata, #viewforumwrapper div.tablesubheader div.fieldtitle, #viewforumwrapper div.tablesubheader div.clear,#newswrapper div.tablesubheader div.clear,#classpageswrapper div.tablesubheader div.tablecolspan, #linkswrapper div.tablesubheader div.fieldspan {
background-color: #4682B4;
border-bottom: 1px solid black;
font-weight: bold;
color: #000000;
}
#linkswrapper div.tablesubheader div.fieldtitle {
border-right: 1px solid black;
width: 79%;
padding-left: 1%;
border-left: 1px solid black;
color: #000000;
}
#linkswrapper div.tablesubheader div.fieldspan {
border-right: 1px solid black;
width: 99%;
padding-left: 1%;
border-left: 1px solid black;
color: #000000;
}
#linkswrapper div.tablesubheader div.fielddata{
width:19.8%;
margin-left: 1.0px;
text-align: center;
border-left: 0px solid black;
color: #000000;
}
.contactsft {
text-align:right;
padding-left:6px;
padding-right:6px;
font-weight: bold;
}
.contactsfd {

padding-left:6px;
padding-right:6px;
}
.guestbookft {
text-align:right;
padding-left:6px;
padding-right:6px;
font-weight: bold;
}
.guestbookfd {
padding: 6px
}


#gbmessage {
width: 90%;
margin-left: auto;
margin-right:auto;
color: red;
font-weight: bold;
}
#gbpagenum {
font-size:1.2em;
font-weight:bold;
text-align:center;
}
#guestbookwrapper {
width: 60%;
margin-left:auto;
margin-right: auto;
}
#guestbookwrapper span.postedby {
font-style: italic;
}


.gbheader {
width: 99%;
background-color: #4682B4;
border-bottom: none;
font-weight: bold;
font-size: 1.2em;
padding-left: 1%;
text-align: center;
color: #000000;
}
.gbfooter {
width: 100%;
background-color: #4682B4;
border-bottom: none;
border-top: 1px solid black;
clear:both;
color: #000000;
}
.tableheader {
width: 99%;
background-color: #4682B4;	
border-bottom: 1px solid black;
font-weight: bold;
font-size: 1.2em;
padding-left: 1%;
text-align: center;
color: #000000;
}
.tablefooter {
width: 100%;
background-color: #4682B4;
border-bottom: 1px solid black;
border-top: 1px solid black;
clear:both;
font-size:0.8em;
color: #000000;
}
div.tablecolspan {
width: 100%;
padding-left: 2px;
border-bottom: 1px solid black;
}
div.padding {
padding-left:2px;
}
.forumdesc {
padding-left:2px
}
.lastpost {
font-size: 0.9em;
}
div.fieldtitle,div.fielddata,div.cpagewrap {
overflow: visible;
white-space:normal;
}