/** 
 * SilverStripe Sterling Theme
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
*
{
	margin: 0;
	padding: 0;
}

/*img, div
{
	behavior: url(themes/blackcandy/js/iepngfix.htc);
}*/

body
{
	background: url(../images/bg.jpg) repeat;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #363636;
}

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

.clear
{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#container
{
	width: 915px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

#content_top
{
	background:url(../images/content_top.png) no-repeat;
	height: 15px;
}

#content
{
	background-position: top;
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-y;
}

#content_main
{
	width: 540px;
	padding: 20px;
	float: left;
}

#content_side
{
	width: 300px;
	padding-right: 20px;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
}

#latestNews
{
	width: 300px;
}

#latestNewsTop
{
	height: 10px;
	background: url(../images/news_top.jpg) no-repeat;
}

#latestNewsContent
{
	background-color: #D9D9D9;
	padding-left: 10px;
	padding-right: 10px;
}

#latestNewsBottom
{
	height: 10px;
	background: url(../images/news_bottom.jpg) no-repeat;
}

#newsletterSignUp
{
	width: 300px;
	margin-top: 20px;
}

#newsletterSignUpTop
{
	height: 10px;
	background: url(../images/newsletter_top.jpg) no-repeat;
}

#newsletterSignUpContent
{
	background-color: #91ACBC;
	padding-left: 10px;
	padding-right: 10px;
}

#newsletterSignUpContent table
{
	margin: 0px;
	padding: 0px;
	border: none;
}

#newsletterSignUpContent table td
{
	margin: 0px;
	padding: 0px;
	border: none;
}

#newsletterSignUpBottom
{
	height: 10px;
	background: url(../images/newsletter_bottom.jpg) no-repeat;
}

/* HEADER
----------------------------------------- */
#header
{
	height: 115px;
}

#header img
{
	margin-left: 20px;
}

#banner
{
	height: 150px;
	margin-bottom: 7px;
}

#banner1
{
	width: 220px;
	float: left;
	margin-right: 7px;
	background: url(../images/bnrIMG1.jpg) no-repeat;
	height: 150px;
	font-size: 0px;
}

#banner2
{
	width: 220px;
	float: left;
	margin-right: 6px;
	background: url(../images/bnrIMG2.jpg) no-repeat;
	height: 150px;
	font-size: 0px;
}

#banner3
{
	width: 220px;
	float: left;
	margin-right: 7px;
	background: url(../images/bnrIMG3.jpg) no-repeat;
	height: 150px;
	font-size: 0px;
}

#banner4
{
	width: 220px;
	float: left;
	background: url(../images/bnrIMG4.jpg) no-repeat;
	height: 150px;
	font-size: 0px;
}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#navigation
{
	width: 900px;
	height: 30px;
	background: #91ACBC;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #363636;
}

#nav, #nav ul.level1, #nav ul.level2
{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:normal;
}

#nav a
{
	display: block;
}

#nav li
{
	float: left;
}

#nav li:hover ul
{
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul
{
	left: auto;
}

#nav ul
{
	width: 200px;
	display:block;
}

#nav a,
#nav a:hover,
#nav a:visited
{
	color: #363636;
	text-decoration:none;
	display:block;
}

#nav span
{
	padding:8px 22px 6px 22px;
	display:block;
	font-size:14px;
}

#nav a:hover
{
	color:#ffffff;
}

#nav ul.level2
{
	position: absolute;
	left: -999em;
	background-image:url(../images/nav_bg.png);
	border-left: 1px solid #91ACBC;
	border-bottom: 1px solid #91ACBC;
	border-right: 1px solid #91ACBC;
	border-top:0;
	padding: 1px;
}

#nav ul.level2 a
{
}

#nav .level2 a:hover
{
	color:#ffffff;	
}

#nav .level2 span
{
	padding:5px 20px 5px 20px;
	display:block;
	font-size:12px;
}

/* FOOTER
----------------------------------------------- */
#footer
{
	background: url(../images/content_bottom.png) no-repeat;
	height: 33px;
	padding-top: 7px;
	padding-left: 20px;
	padding-right: 20px;
	color: #ffffff;
	font-size: 10px;
	margin-bottom: 20px;
	clear: both;
}

span.footerLinks
{
	margin-left: 120px;
}

span.footerLinks a
{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}

span.aa
{
	margin-left: 160px;
}

span.aa a
{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}

a img
{
	border: none;
}