/* CSS Document */

body {
text-align:center;
background-color: #ffffff;
margin-left: 0 auto;
margin-right: 0 auto;
font-family:Arial;
color: #000000;
}

#container {
width: 960px;
margin: 0px 0px 0px 0px; 
text-align: left;
margin-left: 0 auto;
margin-right: 0 auto;
}

#header 
{
    background: #ffffff url(/Core/Broadstairs/Layout/Graphics/headerBg.jpg) no-repeat;
    display:block;
    width: 960px;
    height: 230px;
    padding-left: 0px;

}



#navSection {
	padding: 3px;
	margin-bottom: 10px;
	text-align: center;
	}

#navSection ul 
{
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#navSection ul li 
{

	margin-left: 0;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
	list-style: none;
	display: inline;
	}

#navSection ul li+li
{
	border-left: 1px solid white;    
}

#navSection ul li a 
{
    color: #ffffff;
    font-size: larger;
    font-weight:bold;   
    text-decoration: none;
}

#navMain {
	float:left;
	background: #c2f0fd url(/Core/Broadstairs/Layout/Graphics/navMainBg.jpg) repeat-y;
	width:130px;
	padding-bottom: -2px;
	}
	
	#navMainBgBot 
	{
	    height:20px;
	    background: url("/Core/Broadstairs/Layout/Graphics/navMainBgBot.jpg");
	    padding-left: -5px;
	}
	

#navMain ul {
padding: 0px 12px 0px 0px;
margin: 0px;
list-style: none;
}

#navMain ul a 
{
display:block;
padding: 5px;   
width: 120px;
color:#ffffff;
text-decoration:underline;
}

#navUser 
{	float:right;
	width:178px;
    padding: 0px 0px 0px 0px;
	background: #000000;
	text-align: center;
	margin-right: 14px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	color: #ffffff;
	}

#navUser a
{
 color: #ffffff;
 padding-bottom: 5px;
}
    #navUser .navTitle 
    {
        font-weight:bold;
        font-size:larger;
    }

#contents {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:inherit;
	min-width:120px;
	width: 600px;
	margin-top: 7px;
	border:0px solid black;
	margin-left: 140px;
	padding:5px 10px 10px 10px;
	text-align: left;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
		}

#contents label {
   width: 200px;
   float: left;
   text-align: left;
}

#contents a {
	color:#801477;
	font-weight:600;
	text-decoration: underline;
	}
	
#contents a:hover {background-color:#eee;}

#contentsSub {
clear:right;
float:right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#randomImage {
clear:right;
float:right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footer 
{
    padding-top: 3px;
clear:both;
text-align:center;
    background: #ffffff url(/Core/Broadstairs/Layout/Graphics/FooterBg.jpg) no-repeat;
    display:block;
    width: 960px;
    height: 150px;
    color: #ffffff;
}

#footer a 
{
    color: #ffffff;
}

#printView 
{
    visibility:hidden;
}

.navMainClass
{
    color: #ffffff;
    padding-left: 5px;
}

.navMainClass span 
{
    font-weight:bold;
}

.headingText 
{
	font-size:x-large;
}

.HeadingText 
{
	font-size:x-large;
}

.subHeadingText 
{
	font-size:large;
}