/**  * SilverStripe Black Candy Theme * http://www.silverstripe.com * * Main Layout File */ /* Misc Styles and defaults -------------------------------------------- */  * {	margin: 0;	padding: 0;}body {	color: #333; 	font-size: 62.5%;  	margin-bottom: 40px;	font-family: Verdana, Lucida, sans-serif; }html {	background: #946C6B;}table {	border-collapse: collapse;	border-spacing: 0;	border:0px;}caption, th, td {	text-align: left;	font-weight: normal;}.clear{	clear:both;}/* CONTAINER----------------------------------------- */#BgContainer {	width: 800px;  	margin: 0 auto; }#Container { 	width: 800px;	padding: 0px 0px 0px 0px;	background: #fff url(../images/aajc_sub_02.jpg) repeat-y;}#Layout {	width: 680px;	clear: both;	overflow: hidden;	margin: 10px 60px 0px 60px;	border-bottom:2px solid #999;	min-height:200px;}#Content {	width: 480px;	float: left; 		margin: 0;	text-align: left;}/* HEADER----------------------------------------- */#Header {  	width: 800px; 	padding:83px 0px 83px 0px; 	margin: 0px 0px 0px 0px;	overflow: hidden;	background: url(../images/aajc_sub_01.jpg) no-repeat;} 	#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;	}#Home_header {  	width: 800px; 	padding:155px 0px 155px 0px; 	margin: 0px 0px 0px 25px;	overflow: hidden;	background: url(../images/home_01.jpg) no-repeat;} 	#Home_header h1 { 	  	color: #fff; 		font-size: 3.2em; 		font-family: Tahoma, Verdana, sans-serif;		font-weight: 300;		padding: 20px 0 0 30px;	}	#Home_header p {		font-size: 1.4em;		color: #fff;		clear: left;		margin: 0 0 0 100px;	}/* MAIN NAVIGATION - TABS----------------------------------------- */#Navigation {	width: 680px;	margin: 0 auto;	padding-top: 10px;	overflow: hidden;	border-bottom:2px solid #999;}	#Navigation ul {  		float: right; 		margin-right: 10px;	}		#Navigation ul li { 	 		list-style: none; 			margin: 0 2px; 			float: left;			line-height: 1.2em;			display: block;		}  			#Navigation ul li a { 				float: left;				text-decoration: none;				display: block; 				height: 1.2em; 				padding: 0 0 0 10px;				color: #333333;				font-weight:300;				font-size:14px;			}				#Navigation ul li a span {					text-align: center;	        		float: left;					padding-right: 10px;					height: 1.2em;				}					#Navigation ul li a:hover { 						color: #3E91C4;						cursor: pointer;						font-weight:300;						font-size:14px;					}					#Navigation ul li a:hover span {						cursor: pointer;					}					    			#Navigation ul li a.current,	    		#Navigation ul li a.section,	    		#Navigation ul li a.section:hover,	    		#Navigation ul li a.current:hover { 				 	color: #3E91C4;					font-weight:300;					font-size:14px;					}				#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 {					color: #3E91C4;					font-weight:300;					font-size:14px;				}    /* BREADCRUMBS-------------------------------------------- */#Breadcrumbs {  	color: #B7C0C5;	text-align: left;	font-size: 0.9em; 	margin: 0px 5px 10px 0;}	#Breadcrumbs p {		margin: 0;	}/* SIDEBAR-------------------------------------- */#Sidebar {  	width: 180px; 	float: right;  	margin: 10px 0 0 0;	padding: 0;}	#Sidebar .sidebarBox {		margin: 0 0 5px 0;		padding-bottom: 2px;		background: #EFEFEF; 	}	#Sidebar ul {		margin: 2px 0 5px 3px;	}		#Sidebar li {			margin: 8px 0px 0px 5px;			list-style: none;		}	#Sidebar h3 { 		clear: both; 		text-transform: uppercase;		color: #333333;		font-weight: 300; 		font-size: 1.4em; 		margin: 0 0 10px 0;		line-height: 1.8;		padding: 1px 0 0 10px;		border-bottom:1px solid #999999;	}		#Sidebar .sidebarBottom {		height: 15px;		display: block;		width: 200px;		margin: -5px 0 0 0;	}	#Sidebar a em {		font-style: normal;	}	#Sidebar p {		font-size: 11px;	 	clear: both;	 	margin: 10px 10px 0 10px;	}		/* MENU2 */    ul#Menu2 li {     	font-size: 0.9em;     	margin: 1px 0 5px 4px;        list-style: none;    }    	ul#Menu2 li a {            display: block;            width: 196px;            font-size: 1.2em;            height: 1.8em;            line-height: 1.8em;            color: #898989;      	}			ul#Menu2 li em {				padding-left: 8px;				display: block;			}				ul#Menu2 li li em {					padding-left: 0;				}      	/* Level 1       	- We use 3 elements for the nav to get 3 background images applied.            * span - topleft rounded corner            * em - bottomleft rounded corner            * a - arrow on the right            <a><span><em></em></span></a>      	*/      	ul#Menu2 li a:hover,      	ul#Menu2 li a.current,      	ul#Menu2 li a.current:hover {        	background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center;        	color: #666;			cursor: pointer;            text-decoration: none;      	}	  	ul#Menu2 li a.current {	  		font-weight: 700;	  	}      	ul#Menu2 li a.section,      	ul#Menu2 li a.section:hover {            background: #DCDCDC;            font-weight: 700;            width: 193px;       	}      	ul#Menu2 li a.levela:hover span,      	ul#Menu2 li a.current span,      	ul#Menu2 li a.section span,      	ul#Menu2 li a.section:hover span,      	ul#Menu2 li a.current:hover span {			background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;			display: block;			width: 100%;			height: 100%;		} 		ul#Menu2 li a.levela:hover em,		ul#Menu2 li a.current em,		ul#Menu2 li a.section em,		ul#Menu2 li a.section:hover em,		ul#Menu2 li a.current:hover em {        	background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;			display: block;			width: 100%;            height: 100%;      	}      		ul#Menu2 li ul {            	height: 100%;            	position: relative;            	margin: -4px 0 0 0;            	width: 193px;            	padding: 4px 0 10px 0;            	background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left;      		}      			ul#Menu2 li ul li {            		width: 160px;            		background: #DCDCDC;            		padding: 0;            		font-size: 0.8em;            		display: inline;            		margin: 0;      			}      				ul#Menu2 li ul li ul {            			background: #DCDCDC;            			margin-left: 0;      				}	      					ul#Menu2 li li a.current,      				ul#Menu2 li li a.section,      				ul#Menu2 li li a.section:hover,      				ul#Menu2 li li a.current:hover {            			color: #555;            			font-weight: 700;            			background: #DCDCDC;      				}      					ul#Menu2 li li ul {            				margin: 0 0 0 10px;            				padding: 0;            				width: 175px;      					}      					ul#Menu2 li li ul .roundWhite {            				margin-bottom: -10px;      					}      						/* Sub Menu */      		ul#Menu2 li a.levelb {            	font-size: 1.7em;            	text-indent: 8px;            	width: 188px;				background: transparent;            	margin-left: 10px;      		}	  		ul#Menu2 li a.levelb:hover,      		ul#Menu2 li li a.current,      		ul#Menu2 li li a.current:hover,      		ul#Menu2 li li a.section,      		ul#Menu2 li li a.section:hover {            	background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;            	text-decoration: none;            	display: block;            	color: #fff;      		}      		ul#Menu2 li a.levelb:hover span,      		ul#Menu2 li li a.current span,      		ul#Menu2 li li a.current:hover span,      		ul#Menu2 li li a.section span,      		ul#Menu2 li li a.section:hover span {            	background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;            	display: block;            	width: 100%;            	height: 100%;      		} 	      		ul#Menu2 li a.levelb:hover em,      		ul#Menu2 li li a.current em,      		ul#Menu2 li li a.current:hover em,      		ul#Menu2 li li a.section em,      		ul#Menu2 li li a.section:hover em {            	background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;            	display: block;            	width: 100%;            	height: 100%;      		}/* COMMENTS---------------------------------------- */#CommentHolder ul {	list-style: none;	margin: 20px 0;}#PageComments li {	margin: 5px 0;	padding: 1px;	width: 88%;}	#PageComments li.odd {		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;		padding-left: 40px;		padding-right: 10px;		border-bottom: 2px solid #BCE4FE;	}	#PageComments li.even {		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;		padding-right: 40px;		padding-left: 10px;	}		#PageComments li.odd p.info {			color: #3AA0C3;		}		.actionLinks li {		   display: inline;		   border-right: 1px solid;		}			.actionLinks li a {				padding-right: 3px;				font-size: 10px;			}   			.actionLinks li.last {      			border-right: none;   			}.commentrss {	background: transparent url(../images/feed-icon-14x14.png) no-repeat;	padding-left: 20px;	font-size: 1.1em;	line-height: 1.6em;}#PageCommentsPagination p {	text-align: center;	font-size: 1.2em;}#PageComments p {	font-size: 1em;}	#PageComments p.info {		color: #999;		margin: 0px;		padding: 0;		line-height: 1em;		font-size: 0.9em;	}/* SEARCH RESULTS STYLES------------------------------------------------ */ul#SearchResults {	margin: 10px 0;}	ul#SearchResults li {		list-style: none;		margin: 5px 0;		font-size: 1em;	}/* SEARCH FORM -----------------------------------------------*/html #SearchForm_SearchForm {	float: right;	width: 240px;	margin: 5px;}html #SearchForm_SearchForm .middleColumn {	float: left;	width: 164px;	margin: 0 5px 0 0;	padding: 2px;	background-color: #51a9df;	}	html #SearchForm_SearchForm .middleColumn input.text {		width: 160px;		border: none;		color: #666;	}html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {	float: left;	margin-top: 2px;}/* MESSAGEBOXS--------------------------------------------- */.message {	margin: 15px;	padding: 5px;	width: 92%;	color: #979908;	border: 4px solid #F7F8B4;	background: #FFFFEA;}span.middleColumn .message {	margin: 4px 0 0 3px;}.required {	margin: 4px 0 0 3px;	padding: 5px;	width: 92%;	color: #DC1313;	border: 4px solid #FF7373;	background: #FED0D0;}p#Remember label {	margin: -24px 0 0 20px;	text-align: left;}.entry {	border-bottom: 1px solid #eee;}.typography #Content p.authorDate {	color: #444;	margin-top: -15px;	}/* UNSUBSCRIBE NEWSLETTER------------------------------------------------ */#Unsubscribe_MailingListForm_MailingListForm{	min-height:100px;}	#Unsubscribe_MailingListForm_MailingListForm p{		margin:0 !important;		padding:10px;	}		#Unsubscribe_MailingListForm_MailingListForm p label{			display: inline;		}	#Unsubscribe_MailingListForm_MailingListForm label{		margin:0;	}/* FOOTER----------------------------------------------- */#Footer {  	clear: both;  	width: 800px; 	text-align: center;}#foot{	padding:10px 0px 0px 0px;	background: #fff url(../images/aajc_sub_02.jpg) repeat-y;}