/*--Background menu resize ----------------------------------*/

#search_main{                  /*search box on main page, top right*/
    float:right;
    position:relative;
    top:23px;
    width:200px;
    z-index:300;
    left:10px;
    font-size:0.88em;
}


#loading {
	position: absolute;
	top: 49.5%; 
	left: 49.5%;
	z-index: 3;
	width: 24px; 
	height: 24px;
	background-image: url(images/progress.gif) 0 0 ;
        }

#supersize{
	position:fixed;
        z-index:-1;
        left:0;
        top:0;
        }
		
#supersize img, .supersize a{
	height:100%;
        width:100%;
	position:fixed;
        text-indent: -999em;
        z-index: 0;
        }
		
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
	}
		
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
        }

body {
      margin:0;      /*removes any pre set margins present in some browsers*/
      padding:0;
      border:1;   /* Removes border around the viewport in old versions IE */
      width:100%;		     /* make page fit whole width of screen.*/
      height:100%;		     /* make page fit whole height of screen.*/
      background-repeat:repeat-x;
      font-family:"calibri", Arial, Helvetica, sans-serif;
      overflow:auto; 
      font-size:100%;
}  

img{
    border:none;
}

.container{              /*container for entire site. Controlls centering.*/
	width:62.50em;
        left:0;
        top:0;
        position:relative;
        margin:auto;                        /*Centers content area on page*/
        margin-bottom:-86px;                         
        background:none;  
        			
}


/*=======================================================

Header and footer

=======================================================*/
#header {                                           /* header on test page*/
	background: url(header2.gif) 0 0;
	width:100%;
	height:103px;
}

#main_container_header{                  
        background:url(header-blank.png);
        background-repeat:no-repeat;
        width:62.50em;                                      
        height:1.38em;
        margin:-1.3em 0 0 0;       
} 

#b-footer {
	width:62.50em;
	height:7em;
	//text-align:center;
        clear:both;
        z-index:3;      
      
	}

#b-footer a{
    font-size:1em;    
}

#footer{
       background:#fff;
}

#footer ul, #footer p{
float:left;
width:150px;
font-size:0.63em;
color:#3a5795;
margin:10px 0 0 10px;
}

#footer h5{
font-size:1.2em;
margin:0;
padding:0;
}

#footer_logo{
float:left;
}

#footer_logo p{
margin:-5px 0 0 13px;
}
/*--------------------------Eof header & footer--------*/


#maintitle{			          /*container for kent online title*/
	position:absolute;
	top: 100px;
	width: 300px;
        z-index:2;
}

#maintitle h2{                                          /*Kent online title*/
        font-size:1.3em;
}

a {                                               /*overall style for links*/
	color:#3a5795;
	font-size: 0.88em;
text-decoration: none;
}

a:hover {                               /*pink background on hover for links*/
	color:#fff;
	background-color:#ff00aa;
        dispay:block;
}


h1, h2, h3, h4 {
	margin:0 0 .2em 0;
	padding:10px 0 10px 0;
}


p {
	color:#333333;
	font-size:13px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;

}

p li {
	color:#333333;
	font-size:13px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
margin: 0px 0px 0px 15px;


}

img {
        display:block;
}

img a:hover {

}

/*=======================================================

COLUMN CONTAINER

=======================================================*/
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			        /* width of whole page */
	overflow:hidden;	 /* This chops off any overhanging divs */
}


/* common column settings */


.colright,

.colmid,

.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	}
	
.col1{
	float:left;
	position:relative; left:25%;
	padding: 0 0 0 0;}

.col2, .col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;         /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included 	here, make it whatever value you need */
	
        overflow:hidden;
	}

/********************** 3 Column settings *****************************/


.threecol {
	background:#eee;
	
/* right column background colour */

	}
.threecol .colmid {
	right:35%;			/* width of the right column */
	background:#fff;	/* center column background colour */
	}
.threecol .colleft {
	right:50%;			/* width of the middle column */
	background:#eee;	/* left column background colour */
	}

.threecol .col1 {
	width:46%;	/* width of center column content (column width minus padding on either side) */
	left:102%;	/* 100% plus left padding of center column */
	}
.threecol .col2 {
	width:15%;	/* Width of left column content (column width minus padding on either side) */
	left:39%;	/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
.threecol .col3 {
	width:33%;	/* Width of right column content (column width minus padding on either side) */
	left:90%;		/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
	
	
/********************** 2 Column (left menu ) settings *****************************/
.leftmenu {
	background:#fff;	
	border: 1px;                    /* right column background colour */
	}
.leftmenu .colleft {
	right:75%;			/* right column width */
	background:#f4f4f4;	        /* left column background colour */
	}
.leftmenu .col1 {
	width:70%;			/* right column content width */
	left:101%;			/* 100% plus left column left padding */
	}
.leftmenu .col2 {
	width:27%;  /* left col content width (col width less left & right padding) */
	left:3%;	   /* (right left & right padding) + (left col left padding) */
	}



/*=======================================================

      System Contols - Account Admin area (login, edit profile etc...)

=======================================================*/

div.login input.textbox , .login input.button {
      width: 80%;
      display: block;
}
div.login input.button {
      font-weight: bold;
}
div.login a {
      display: block;
      margin: 0.5em 0 0 0;
      }
div.controlpanel ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      }
div.controlpanel li {
      padding: 0;
      margin: 0;
      height: 2em;
      }
div.controlpanel li a { 
      line-height: 1.5em;

      }
div.controlpanel li.logout {
      text-align: left;
      padding: 3px;
}
div.controlpanel li.logout a {
      display: inline;
      padding: 3px;
      color: #c00;
}
div.controlpanel li.logout a:hover {
      color: #fff;
      background-color: #c00;
      }
.TextRegion_edit {
	  float: right;
      }
	  
/*------------------------------------------------
--------------------------------------------------
              Main Content Section
--------------------------------------------------
------------------------------------------------*/


/*start of js css */

#main_container{		           /*main content wrapper*/
     float:left;
     width:100%;
     /*background: #FFF;*/
     position:relative;
     z-index:1; 
     min-height:600px; 
}

.main_container h1{                        /*Page Title*/
	color:#3a5795;
	font-size:1.6em;
	font-weight:bold;
        position:relative;
        padding:10px 0 10px 5px;     
}

/*---------------Eof image and news section-----------------------------*/


/*------wrapper for user generated in main content area------*/

.msl_content{
	float:left;
	position:relative;
	width: 680px;
        z-index:3;
        margin-left:15px;
        padding:0;
}

.msl_content h5 a:hover{
   	color:#FFF;
	background-color: #ff00aa;
}

.msl_content p{
        padding-right:5px;
        margin-top:20px;
}
    

/*------content area for front page------*/

.frontpage_msl_content{
	float:left;
	position:relative;
	width: 720px;
	height:100%;
	margin: 10px 15px 35px 15px;
        z-index:3;
}


/*--------right-hand column wrapper-------------*/
	
.boxes_col{								
	float:right;
	width:230px;
        font-size:100%; 
        margin-top:20px;
}

.boxes_col a:hover{
	display:block;
	color:#FFF;
	background-color:#ff00aa;
}

.boxes_col h2{
        font-size:1.4em;
        padding-bottom:5px;
}

.boxes_col h2 a:hover{
	display:block;
	color:#FFF;
	background-color:#ff00aa;
}

ul, li {
	margin:0;
	padding:0;
        list-style-type:none;	
}

.menu {
	position:relative;
	background-color:gold;
	border:1px solid darkblue;
	width:150;
	font-size:11px;
	font-family:verdana;
	font:bold;
	position:absolute;
	cursor:se-resize;
}



.item_panel {
	width:150;
	border-left:1px solid darkblue;
        border-right:1px solid darkblue;
	clip:rect(0,150,0,0);
	position:absolute;
}

.item_panel a {
	 text-decoration:none;
	 color:black;
	 cursor:hand;
}

.item {
	 background-color:lightyellow;
	 width:148;
	 font-size:10px;
	 font-family:verdana;
}

/*=======================================================

					contact box

=======================================================*/

.topboxmain1 {                            /*Right-hand column sections*/
	background-repeat:repeat-x;
        border:none;
	background-color:#FFF;
	font-size:0.75em;
	height:100%;
	line-height:100%;
	margin:0 1em 0 0;
	padding:5px 5px 5px;
	color:#333;
        margin-bottom:15px;	
}

.boxinner {                                          
	font-size:100%;
	line-height:1.4;
	margin:5px 0 0 0px;
	width:220px;
	height:auto;
	overflow:hidden;
}

	

/* --------------- contact details section---------------------------------*/

.contact-header {
	color:#3a5795;
	font-size:1em;
     	font-weight:bold;
        margin:0;
	padding:0;
}

.contactboxinner {
	float:left;
	border:thick;
	font-size:0.75em;
	height:130px;
	overflow:hidden;
	padding:0 5px;
	width:177px;
}

.contactboxinnercol {
	float:left;
	height:128px;
	margin:0 10px 10px;
	overflow:hidden;
	width:133px;
}

.contactdetail {
	float:left;
	font-size:11px;
	height:30px;
	width:152px;
}

#contactvenue {
	float:left;
	font-size:12px;
	font-weight:bold;
	height:20px;
	padding:5px 5px 5px 0;
	width:152px;
}

.contact_text{
	float:right;
	padding: 5px;
}

/*-----Eof contact box------*/

.adverts{

padding-bottom:10px;
}

/*-----Eof right hand column-------*/

/*end of js css */

/*=======================================================

      TOOLBAR - CONTACT, SITE MAP, HELP, SEARCH

=======================================================*/
#tb {
      text-align: left;
      height: 2em;
      background-color: #000;
      color: #fff;
      border-bottom: 1px solid #000;
      line-height: 2em;
}

#search {
    float:left;
    position:relative;
    
    width:200px;
}

#tbControls {
      position: absolute;
      right: 17em;
      top: 0;

}

.skiplinks {
      list-style-type: none;
      margin: 0;
      padding: 0; 
}

.skiplinks li {
      display: inline;
      margin: 0;
      padding: 0;
      }

li.skipnav a {
      font-size: 80%;
      color: #666;
      text-decoration: none;
      padding: 0 1em;
}

li.skipnav a:hover{
      background-color: #9c3;
      color: #fff;
      text-decoration: none;
}

#tbControls ul {
      margin: 0;
      padding: 0;
      }
#tbControls li {
      padding: 0;
      display: inline;
      margin-left: 1em;
}
#tbControls li a {
      text-decoration: none;
      color: #ccc;
      font-size: 90%;
      font-family: arial;
      line-height: 2.2em;
}
#tbControls li a:hover {color: #c00;}

/*=======================================================

      System Contols - Account Admin area (login, edit profile etc...)

=======================================================*/

div.login input.textbox , .login input.button {
      width: 80%;
      display: block;
}
div.login input.button {
      font-weight: bold;
}
div.login a {
      display: block;
      margin: 0.5em 0 0 0;
      }
div.controlpanel ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      }
div.controlpanel li {
      padding: 0;
      margin: 0;
      height: 2em;
      }
div.controlpanel li a { 
      line-height: 1.5em;

      }
div.controlpanel li.logout {
      text-align: left;
      padding: 3px;
}
div.controlpanel li.logout a {
      display: inline;
      padding: 3px;
      color: #c00;
}
div.controlpanel li.logout a:hover {
      color: #fff;
      background-color: #c00;
      }
.TextRegion_edit {
      float: right;
      }

/* --------------------------------------left hand nav menu ------------------------------------- */

#nav_holder {			/*not controlling anything on advice page*/
	border:thin dotted;
	float:left;
	height:100px;
	margin:13px 0 0 10px;
	padding:0 0 0 15px;
	position:relative;
	width:90px;
}

#nav_menu {									
	color:#FFFFFF;
	float:left;
	position:relative;
	text-decoration:none;
}

/* -------------------------------- 


#search input.button{

background: transparent url("http://kent.ukmsl.net/stylesheet/DefaultStandard/search_submit_button.png") right top;
width:29px;
height:28px;
border: 0px solid #FFFFFF;
color:rgba(225, 225, 225, 0);
cursor:pointer;
overflow:hidden;
display:inline-block;
line-height:0;
font-size:0;
position:relative;
top:-5px; /* corrects positioning for for all browsers, except too high for IE7*/
*top:3px; /*drops down just in IE7*/
}


#search input.inputimage{
background: transparent url("http://kent.ukmsl.net/stylesheet/DefaultStandard/search_submit_button.png")no-repeat right top;}
*/


/* --------------------------------------ADMIN MENUS ------------------------------------- */

#msl_admin ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#msl_admin li {
	list-style: none;
	display: block;
	margin: 3px 0;
	padding: 2px 0;
	border-top: 1px dotted #ccc;
}
#msl_admin h4 {
	margin-top: 1em;
}

/*------------------------------------------------
--------------------------------------------------
MSL: CONTROL PANEL 
--------------------------------------------------
------------------------------------------------*/

.sidepanel {

//font-size: 11px;
}

.sidepanel h3 {
    margin: 0 -5px 5px -5px;
   
    padding: 2px 0 2px 5px;
    
    color: #333;
    font-weight: bold;
    font-size: 100%;
}

#main_panel{
        width:72%;
background:#fff;
float:left;
min-height:800px;
        }

#main_content{
float:left;
}

#side_bar{
float:right;
font-size:100%;
width:25%;
}

.user_content{
padding:0;
}
}


#controlpanel {
width:100%;
text-align:right;
display:block;

}

.loginbar #controlpanel a{
font-size:0.7em;
color:#3a5795;
}

#controlpanel h3{
display:none;
}

/*new webiste coming soon tag line*/

#new_site_message{
position:absolute;
float:left;
left:180px;
top:120px;
font-size:1.2em;
color:#000;
}

.content_section {                     /*content box*/
	background-repeat:repeat-x;
        border:none;
	background-color:#FFF;
	//font-size:0.75em;
	height:100%;
	line-height:100%;
	margin:0;
	padding:5px 5px 5px;
	color:#333;
        margin-bottom:15px;
       -moz-border-radius:2ex;
        -webkit-border-radius:2ex;	
}

.content_section h3{
        margin-left:10px;
        color:#3a5795;
        font-size:1.4em;
}

.content_section div.controlpanel ul{
       margin:0 0 0 10px;
       font-size:0.9em;
       color:#3a5795;
}
       
.content_section div.controlpanel h3{
       margin:0 0 0 9px;
       font-size:1em;
       //color:#3a5795;
}

.content_section div.controlpanel p{
       margin-left:10px;
       font-size:1em;
       color:#3a5795;
}

.content_section div.controlpanel div{
       
       font-size:0.7em;
       
}

.content_section div.sidepanel h3{
       font-size:1.4em;
       color:#3a5795;
       margin-left:10px;
}

.content_section div.sidepanel{
       margin:0 0 0 9px;
       //color:#3a5795;
}

.content_section div.sidepanel a{
       margin:0 0 0 9px;
       //color:#3a5795;
}

.content_section #msl_admin h3, h4{
       margin-left:10px;
       font-size:1.4em;
       color:#3a5795;
}

.content_section #msl_admin ul{
       margin:0 0 0 9px;
       color:#3a5795;
}

.content_section #msl_admin li{
       margin:3px 0 0 9px;
       color:#3a5795;
       border-top:none;
}

#facebook_box{
padding:5px;
}

.news_all{
background:#fff;
position:relative;
top:20px;
}

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:100px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

div#rotator ul li.show {
	z-index:500
}