/*
 SilverStripe BlackCandy Theme
 http://www.silverstripe.com
 */
 
/************
  * Misc Styles and defaults 
  */
  
* {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

html {
	background: #a9e062	 url(../images/BgGradient.jpg) repeat-x;
}
.clear{
	clear:both;
}

a img {
	border:0;
}


/*** Main Header ***/
#TopMenu {
	height:50px;
	width:765px;
	margin:0 auto;
	text-align:right;
	line-height:70px;
}
#TopMenu a {
	font-family:Georgia, "Bell MT", "Times New Roman";
	font-size:15px;
	color:#222;
}
#HeaderBar {
	width:100%;
	height:200px;
	background: #a9e062	 url(../images/BgHeaderBar.jpg) repeat-x;
	text-align:center;
}


/**************
 	Site Container Box
*/
#Container { 
	width: 765px;
	padding-bottom: 15px;
	margin:-11px auto ;
	}
#Layout {
	overflow: hidden;
	background: transparent url(../images/BgContentTop.jpg) no-repeat;
	clear:left;
	width:745px;
	padding:5px 0px 0px 10px;
}
#Content {	
	margin: 0;
	background: transparent url(../images/BgContent.jpg) repeat-y;
	text-align: left;
	width:755px;
}

.typography {
	padding:0px 0px 0px 10px;
}

#ContentBottom {
	background: transparent url(../images/BgContentBottom.jpg) no-repeat;
	width:755px;
	height:30px;
}

.left {
	float:left;
}

.right {
	float:right;
}
/** Header **/
#Header { 
 	width: 768px; 
 	margin: 0 auto;
	overflow: hidden;
	background: #58ade1 url(../images/header.gif) repeat-x left center;
	}
 	#Header h1 { 
	  	color: #fff; 
		font-size: 3.2em; 
		font-family: Tahoma, Verdana, sans-serif;
		font-weight: 300;
		padding: 20px 0 0 30px;
		}
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}


/***Navigation ***/
#Navigation {
	width: 765px;
	margin: 0 auto;
	overflow: hidden;
	font-family: Georgia, "Bell MT", "Times New Roman";
}
#Navigation ul { 
 	float: left; 
	margin-right: 10px;
	}
	#Navigation ul li { 
	 	list-style: none; 
		float: left;
		line-height: 44px;
		display: block;
		}
		#Navigation ul li.twoLines { 
			line-height: 20px;
			}
  		#Navigation ul li a { 
			float: left;
			text-decoration: none;
			display: block; 
			text-align:center;
			height: 59px; 
			width:125px;
			font-size: 14px; 
			color: #5f5f5f;
			background: transparent url(../images/TabNotSelected.jpg) no-repeat left top; 
			}
			#Navigation ul li a:hover { 
			 	background: transparent url(../images/TabNotSelectedHover.jpg) no-repeat left top; 
				color: #5f5f5f;
				cursor: pointer;
				}
    		#Navigation ul li a.current,
    		#Navigation ul li a.section,
    		#Navigation ul li a.section:hover,
    		#Navigation ul li a.current:hover { 
			 	background: transparent url(../images/TabSelected.jpg) no-repeat left top; 
			 	color: #fff;
				font-size:16px;
				}
			#Navigation ul li a.current span,
			#Navigation ul li a.section span,
    		#Navigation ul li a.section:hover span,
			#Navigation ul li a.current:hover span {
				background: #fff url(../images/activeTabRight.png) no-repeat right top;
				color: #444;
			}
			
#bottomMenu {
	text-align:center;
}
	#bottomMenu a {
		font-family:Georgia, "Bell MT", "Times New Roman";
		font-size:15px;
		color:#222;
	}


/* Footer 
*****************************************/

#Footer { 
 	clear: both;  
	height: 5em; 
	text-align: center; 
	}
	#Footer .footerTop {
		width: 100%;
		display: block;
		height: 2em;
	}
  	#Footer p { 
		color: #fff;
		font-size: 1.1em;
		text-align: center;
		margin-top: -0.6em;
	}
  	#Footer a { 
	   	color: #fff; 
		}
	#Footer a:hover {
		color: #fff;
		text-decoration: underline;
	}