/*
       Package : Gryffe High School Parent Council
       PRODUCED FOR USE ONLY BY THE ABOVE MENTIONED CLIENT

       Produced by Useful Design Ltd for the GHSC.
       www.usefuldesign.co.uk
       2/3/2010
       All Rights retained by Useful Design	   
	   
	   CHANGELOG - 
	   3/5/10 - *changed header image/logo to a background image.*
*/

body {
margin:10px auto;
width:950px;
background-color:#999;
font-family:Verdana, Geneva, sans-serif;
}

.attentionbox { 
  margin-top:0px;
  width:auto;
  height:auto;
  display:block;
  padding:10px;	
  background-color : #bb0000;
  color:#FFF;
}

.attentionbox h2 {
  color:#FFF;
  border-bottom-color:#FFF;
}

#header {
width : 950px;
height : 170px;
background:url(images/logoghsc.gif) no-repeat center;
border-top:#bb0000 3px solid;
}

#nav {
background-color : #bb0000;
width : 950px;
height : 42px;
}

.gap {
  height:4px;
  width:950px;
background-color : #FFFFFF;
}

#container {
width : 950px;
height : 44px;
padding : 10px;
}

ul#menu {
margin : 0;
padding : 0;
position : absolute;
font-weight : bold;
}

ul#menu li {
display : inline;
padding-left : 5px;
padding-right : 5px;
margin-top : 10px;
margin-left : 9px;
margin-right : 10px;
}

#nav a {
margin : 2px;
padding : 4px;
font : 14px verdana;
color : #ffffff;
font-weight : bold;
text-decoration : none;
width : 80px;
text-align : center;
}

#nav a:hover {
color : #ffffff;
background : #000032;
width : 80px;
text-align : center;
height : 20px;
}

#contentarea {
width : 950px;
background:url(images/bodybg.gif);
background-position:3px;
height : 850px;
}

#contcontainer {
float : right;
text-align : left;
width : 700px;
height : 700px;
padding : 5px;
}

#ptacontentarea {
width : 950px;
background:url(images/bodybg.gif);
background-position:3px;
height : 4000px;
}


#ptacontcontainer {
float : right;
text-align : left;
width : 700px;
height : auto;
padding : 5px;
background-color : #fff;
}

#egmcontentarea {
width : 950px;
background-color : #fff;
height : 1900px;
}

#egmcontcontainer {
float : right;
text-align : left;
width : 700px;
height : 1900px;
padding : 5px;
}

#egmcontmain {
	text-align : left;
width : 700px;
font-size : 13px;
height:auto;
}



#egmcontcontainer a {
color:#000;
}



#contimage {
float : right;
text-align:center;
width : 700px;
height:auto;
padding : 7px;
}

#contimage a {
text-decoration:none;
border:none;
color:#FFFFFF
}

#contpagetitle {
width : 700px;
}

#contmain {
	text-align : left;
	width : 700px;
	font-size : 13px;
}

.ptacontentmain {
	padding:5px;
	text-align : center;
	width : 700px;
	font-size : 13px;

}


#egmsidebar {
float : left;
padding : 5px;
width : 220px;
height : 1800px;
}

#egmsidebar2 {
background-color : #bb0000;
width : 220px;
height : 1800px;
}


#sidebar {
float : left;
padding : 5px;
width : 220px;
height : 800px;
}

#sidebar2 {
background-color : #bb0000;
width : 220px;
height : 800px;
}

.sbcontainer {
padding : 10px;
text-align : left;
color : #fff;
font-size : 13px;
font-weight : normal;
}

.sbcontainer a {
color : #fff;
}

.websiteattributes {
padding : 10px;
text-align : left;
color : #fff;
font-size : 13px;
font-weight : normal;
text-decoration : none;
}

.websiteattributes a {
text-decoration : none;
color : #bb0000;
}

#footer {
height : 20px;
width : 950px;
background-color : #000032;
font-size : 12px;
}

.footercontainer {
padding : 3px;
color : #fff;
font-size : 11px;
text-align : center;
}

.footercontainer a {
color : #fff;
text-decoration : underline;
}

h1 {
font-size : 15px;
font-weight : bold;
}

h2 {
color:#bb0000;
font-size : 20px;
font-weight : bold;
border-bottom:#bb0000 thin solid;

}

#minutes {
width : 680px;
height : 600px;
background-color : #000032;
}

#corr {
width : 680px;
height : 500px;
background-color : #000032;
}

.minutesitem {
color : #fff;
height : 10px;
padding : 6px;
text-align:center;
}

.minutesitem a {
text-decoration : underline;
color : #fff;
}

#ptaminutes {
width : 680px;
height : 50px;
background-color : #000032;
}


/* Virtual Tour Specifics, These are only to be used on tour.htm */
#vtcontentarea {
width : 950px;
background-color : #fff;
height : auto;
}

#vtcontcontainer {
text-align : left;
padding : 5px;
}

.vtcontpagetitle {
	padding:5px;
	font-size:13px;
text-align : center;
width : 950px;
}

.vtcontainer {
text-align : center;
}

.vtdetails {
font-size:13px;
padding:7px;
color: #FFFFFF;
margin : 10px auto;
width : 900px;
height : auto;
background-color : #000032;
}

.vtdetailsphotos {
font-weight:bold;
text-align:center;
font-size:13px;
padding:7px;
color: #FFFFFF;
margin : 10px auto;
width : 900px;
height : auto;
background-color : #000032;
}