/*---------------------------HOME PAGE LAYOUT AND STYLES---------------------------*/

#right-column-title
{
width:230px;
height:40px;
float:right;
margin-right:20px;
font-family:Verdana;
color:#8a5959;
font-size:medium;
font-weight:200;
}

#left-column
{
width:435px;
height:600px;
position:relative;
float:left;
margin-top:0px;
margin-left:0px;
font-family:Verdana;
font-size:11px;
color:#7C6F57;
border-right-style:solid;
border-right-color:#F7F6F3;
padding-right:10px;
padding-top:10px;   
}

#right-column
{
width:250px;
height:564px;
float:right;
margin-right:20px;   
font-family:Verdana;
color:#7C6F57;
font-size:12px; 
}

/*--------------------------------EVENTS ON DEFAULT.ASPX----------------------------------*/

#eventsDiv
{
margin-left:10px;
margin-top:20px;   
}

.eventsHeader
{
font-family:Verdana;
font-size:13px;
color: #8a5959;    
}
 
.events
{
font-family:Verdana;
font-size:11px;     
}
 
.eventsDate
{
font-family:Verdana;
font-size:11px;
font-style: italic;
}

/*--------------------------------------------SITE MAP PATH STYLES--------------------------------------------*/

.siteMapPathNode
{
font-family:Verdana;
font-size:12px;
color:#1458c3; 
}

.siteMapPathCurrent
{
font-family:Verdana;
color:#8a5959;
font-size:13px;    
}

/*----------------------------------------------HYPERLINK STYLES------------------------------------------------*/

a.linkstyle:link
{
color:#1458c3;
font-size:x-small;
}
        
a.linkstyle:visited
{
color:#1458c3;
font-size:x-small;
}
                
a.linkstyle:hover
{
color:#8a5959;
font-size:x-small;
}
        
a.linkstyle2:link
{
color:#1458c3;
font-size:small;
}
        
a.linkstyle2:visited
{
color:#1458c3;
font-size:small;
}
                
a.linkstyle2:hover
{
color:#8a5959;
font-size:small;
}
               
/*-------------------------------------------STYLES FOR ALL MAIN CONTENT-----------------------------------------*/    
        
p
{
font-family:Verdana;
font-size:11px;
color:#7C6F57;
}
     
p.style1
{
font-family:Verdana;
font-size:11px;
color:#7C6F57;
}      
        
li
{
font-family:Verdana;
font-size:11px;
color:#7C6F57; 
}
        
p.subheading
{
font-family:Verdana;
font-size:14px;
color:#8a5959;
}
        
.subheading2
{
font-family:Verdana;
font-size:14px;
color:#8a5959;
}
      
#page-title
{
width:550px;
height:30px;
margin-top:20px;
margin-left:0px;
font-family:Verdana;
color:#8a5959;
font-size:22px;    
}

#page-title-clubs
{
width:500px;
height:30px;
margin-top:20px;
margin-left:0px;
font-family:Verdana;
color:#8a5959;
font-size:22px;    
}

#page-title-ict
{
width:700px;
height:30px;
margin-top:20px;
margin-left:0px;
font-family:Verdana;
color:#8a5959;
font-size:22px;    
}

#page-title-hair
{
width:600px;
height:30px;
margin-top:20px;
margin-left:0px;
font-family:Verdana;
color:#8a5959;
font-size:22px;    
}

#content
{
font-family:Verdana;
font-size:11px;
color:#7C6F57;
margin-left:10px;
}
     
/*----------------------------------------------------SCHOOL CALENDAR--------------------------------------------------*/     
        
#school_calendar
{
position:relative;
float:right;
width:150px;
height:40px;
text-align:center;
margin-left:20px;
margin-top:20px;
border-bottom-style:solid;
border-bottom-color:ActiveBorder;
border-bottom-width:1px;
}
    
/*-----------------------------------------------------EXAMINATIONS FORM---------------------------------------------------*/
   
#examination_info
{
width:466px; 
height:423px; 
text-align:left; 
margin-left:20px;   
}
             
/*-----------------------------------------------------TERM DATES FORM------------------------------------------------*/     
  
  
  
#termDatesSelect
{   
position:relative;
margin-top:10px;
}
  
#termDatesDD
{
position:relative;
margin-top:10px;    
}
  
#termDatesTables
{
margin-left:10px; 
position:relative;
margin-top:50px;  
}
             
   /*-------------------------------------------------CONTACTS INFORMATION FORM---------------------------------------------*/
   
#contact
{
width:457px;
height:144px;
text-align:left;
margin-top:20px;
margin-left:20px;
font-family:Verdana;
font-size:small; 
color:#8a5959; 
}
       
#contact_req
{
width:696px;
height:229px;
text-align:left;
margin-top:20px;
margin-left:20px;
font-family:Verdana;
font-size:small; 
color:#8a5959;  
}
        
   /*------------------------------------------TABLE STYLES (USED IN VARIOUS FORMS SITE WIDE)---------------------------------------*/
        
        
.govTable
{
border-style:solid;
border-width:1px;
border-color:#ede9e9;
}
    
.govTable td
{ 
padding:5px;
font-family:Verdana;
font-size:11px;
color:#7C6F57;
}
       
.govHeader
{
text-align:center;
font-family:Verdana;
font-size:12px;
color:#8a5959;
}     
       
.gvGeneral 
{
border-bottom:#ede9e9 1px solid; 
text-align : left; 
font-family:verdana;
font-size:10px;
border-left : #ede9e9 1px solid; 
margin : 10px auto; 
border-top : #ede9e9 1px solid; 
border-right : #ede9e9 1px solid
}

.gvGeneral CAPTION
{          
font-family:verdana;
font-size:10px;
background-color : #ede9e9; 
padding-left : 5px; 
color : #8a5959; 
font-size : 12px; 
font-weight : bold;
}

.gvPadding{
padding-bottom : 5px; 
padding-left : 5px; 
padding-right : 5px; 
padding-top : 5px;
}

.gvAlternateRow{
background-color : #ede9e9;
}      
       
#listpos{
margin-top:10px;
}      
	        
.sdHeader{
text-align: center; 
width : 70%; 
color : #8a5959; 
font-size : 12px; 
font-weight : bold;
}
	       
.timeTableWrapper
{
 width: 300px; 
margin-left :auto; 
margin-right : auto;
}   
        
.changeOver
{
text-align: center;  
padding-bottom: 5px;  
background-color: #ede9e9;  
padding-left: 5px;  
padding-right : 5px;  
font-weight: bold;  
padding-top : 5px;
} 


/*--------------------------------------------------------VACANCIES PAGE STYLES--------------------------------------------------*/

#vacancyWrapper
{
margin-left: 20px;
border-color:ActiveBorder;
border-style:solid;
border-width:1px;
}

.vacancyTitle
{
text-align : center; 
font-size : 14px; 
text-transform:uppercase;
font-weight : bold;
font-family:Verdana;
font-size:12px;
color:#8a5959;
}

.vacancySub
{
font-family:Verdana;
font-size:12px;
color:#8a5959;
font-size : 12px;
}

.vacancyTdStyle
{
width:33%; 
font-family:Verdana; 
font-size:12px; 
color:#8a5959; 
font-size : 12px;
}

.vacDesc
{
text-align : left
}

.vacCenter
{
text-align : center
}


        
/*----------------------------------------------------------UNIFORM AND EQUIPMENT FORM-------------------------------------------------------*/

.uhTable
{
border-bottom :#ede9e9 1px solid; 
font-family:verdana;
font-size:10px;
border-bottom: #ede9e9 1px solid; 
border-left : #ede9e9 1px solid; 
width : 80%; 
margin-left : auto; 
border-top : #ede9e9 1px solid; 
margin-right: auto; 
border-right : #ede9e9 1px solid;
color:#7C6F57;
}

.uhTable2
{   
font-family:verdana;
font-size:10px;
border-bottom : #ede9e9 1px solid; 
border-left : #ede9e9 1px solid; 
width : 80%; 
margin-left : auto; 
border-top : #ede9e9 1px solid; 
margin-right : auto; 
border-right : #ede9e9 1px solid;
color:#7C6F57;
}

.uhHeader
{
text-align : center; 
color : #8a5959; 
font-size : 12px; 
font-weight : bold;
}

.uhTable TR
{
width : 50%;
}

.uhTable TD
{
padding-bottom : 5px; 
padding-left : 5px; 
width : 50%; 
padding-right : 5px; 
height : 20px; 
vertical-align : top; 
padding-top : 5px;
}
.uhTable2 TD
{
padding-bottom:5px; 
padding-left:5px; 
padding-right:5px; 
vertical-align:top; 
padding-top:5px;
}

/*----------------------------------------------------------SCHOOL CALENDAR STYLES FOR DATABASE DATA-------------------------------------------------------*/

.calendarHeader
{
font-family:Verdana;
font-size:12px;
color: #8a5959;
text-align:center;
}
 
 .calendarTime
{
font-family:Verdana;
font-size:12px;
text-align:center;    
}

 .calendarDate
{
font-family:Verdana;
font-size:12px;
text-align:center;  
font-style:italic;     
}

/*----------------------------------------------------------AJAX Accordian Styles-------------------------------------------------------*/

.accordianHeader
{
font-family:Verdana;
font-size:12px;
color:#8a5959;
background-color:#f7f5ef;
border-style:solid;
border-color:ButtonShadow;
border-width:1px; 
height:20px;
text-align:center; 
padding-top:7px; 
cursor:pointer;
margin-bottom:7px;
}

.accordianHeaderSelected
{
font-family:Verdana;
font-size:12px;
color:#8a5959;
background-color:#ebe7de;
border-style:solid;
border-color:ButtonShadow;
border-width:1px; 
height:20px;
text-align:center; 
padding-top:7px; 
cursor:pointer;
margin-bottom:7px;
}



.accordianContent
{
font-family:Verdana;
font-size:12px;
color:#8a5959;
background-color:white;    
}


/*----------------------------------------------------------AJAX Tabs Styles-------------------------------------------------------*/

/* default layout */
.ajax__tab_default .ajax__tab_header {white-space:normal !important}
.ajax__tab_default .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.ajax__tab_default .ajax__tab_tab {overflow:hidden;text-align:center;display:-moz-inline-box;display:inline-block}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-line.gif")%>) repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-right.gif")%>) no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_tab {height:13px;padding:4px;margin:0px;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {cursor:pointer;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {cursor:pointer;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {cursor:pointer;background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-hover.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-right.gif")%>) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active-left.gif")%>) no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {background:url(<%=WebResource("AjaxControlToolkit.Tabs.tab-active.gif")%>) repeat-x;}
.ajax__tab_xp .ajax__tab_disabled {color: #A0A0A0;}
.ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

/* plain theme */
.ajax__tab_plain .ajax__tab_outer {text-align: center; vertical-align: middle; border:2px solid #999999;}
.ajax__tab_plain .ajax__tab_inner {text-align: center; vertical-align: middle; }
.ajax__tab_plain .ajax__tab_body {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_header {text-align: center; vertical-align: middle;}
.ajax__tab_plain .ajax__tab_active .ajax__tab_outer {background:#FFFFE1;}