/** 
  * 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-color:#ccc;
 }

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

 .clear{
	 clear:both;
 }

 /* CONTAINER
 ----------------------------------------- */
 #BgContainer {
	 width: 1000px;  
	 margin: 0 auto; 
 }
 #Container { 
	 width: 1000px;
	 /*background: #fff url(../images/containerbg.gif) repeat-y;*/
	 background-color:#FFFFFF;
 }
 #Layout {
	 width: 1000px;
	 clear: both;
	 overflow: hidden;
	 margin-left:0px;
	 margin-right:15px;
	 margin-top: auto;
	 margin-bottom: auto;
	 padding-top: 0px;
	 padding-right: 0px;
	 padding-bottom: 13px;
	 padding-left: 0px;	
 }
 #home-page{
	 width: 1000px;
	 clear: both;
	 overflow: hidden;
	 margin: 0px;
		background-color:#fff;
	/* background: #fff url(../images/layout_bg.jpg) repeat-x 0 0;*/
 }
 #home-page .typography img.center{
 display:block;
 float:none;
 margin-left:auto;
 margin-right:auto;
 }
 #home-page .typography{
 width:1000px;
 }
 /*#home-page .typography table {
 margin-top:5em;
 }*/
 #home-page .typography h2 {
 background:none;
 border:none;
padding:0px;
margin:0px;
 }
 #home-page .typography table td{
 border:none;
 padding:5px;
 }
#home-page .typography table .up-coming td{
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	}
 #home-page .typography table td h2{
 color:#3c2215;
 text-align:center;
 font-size:26px;
 }
 #home-page .typography table td h3 {
 padding-top:10px;
 color:#3c2215;
 text-align:center;
 font-size:18px;
 border:none;
 }
#home-page .typography table td h4{                                                                                         
         font-size:14px;                                                                                                     
         line-height:20px;                                                                                                   
         border:none;                                                                                                        
         padding-left:5px;                                                                                                   
 }
 #home-page .typography table td h4{
	color:#ff0000;
	font-size:18px;
	  border:none;
	 padding-bottom:10px;
	padding-left:0px;
	margin:0px;
 }
           
 #home-page .typography table td h4 span{
	 font-weight:bold;
 }
#home-page .typography p{
padding:0px 27px 0px 0px;
margin:0px;
}
 #home-page .typography .mar-color div{
 background-color:#af610f;
 color:#FFFFFF;
 line-height:16px;
 font-size:14px;
 margin-left:100px;
 width:800px;
 padding:5px;
 }
 #Content {
	 width: 787px; 
	 float: left; 	
	 margin: 0;
	 text-align: left;
	 padding-left:13px;
	 padding-top:10px;
 }
 /* HEADER
 ----------------------------------------- */
 #Header { 
	 width: 1000px; 
	 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;
	 }

 /* MAIN NAVIGATION - TABS
 ----------------------------------------- */
 #Navigation {
	 width: 1000px;
	 height:38px;
	 margin: 0px;
	 padding:0px;
	 background-color:#FFCC00;
	 background: #fff url(../images/navigation_bg.jpg) repeat-x 0 0;
 }
 /*	#Navigation ul { 
		 float: left; 
		 margin-left:10em;
	 }
		 #Navigation ul li { 
			 list-style: none; 
			 margin: 0 2px; 
			 float: left;
			 line-height: 4.4em;
			 display: block;
		 }
			 #Navigation ul li a { 
				 float: left;
				 text-decoration: none;
				 display: block; 
				 height: 2.3em; 
				 font-size: 1.4em; 
				 padding: 0 0 0 10px;
				 color: #333;
			 }
				 #Navigation ul li a span {
					 text-align: center;
				 float: left;
					 padding-right: 10px;
					 height: 2.3em;
				 }
					 #Navigation ul li a:hover { 

						 color: #333;
						 cursor: pointer;

					 }
					 #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: #444;
					 font-weight:bold;
					 }
				 #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: #444;
					 font-weight:bold;
				 } */

 /* BREADCRUMBS
 -------------------------------------------- */
 #Breadcrumbs { 
	 color: #555;
	 text-align: left;
 /*	background-color:#fbd87f;*/
	 border-bottom:#000 1px solid;
	 font-size: 0.9em; 
	 margin: 0px;
 }
	 #Breadcrumbs p {
	 margin: 0;
	 padding-top: 2px;
	 padding-right: 2px;
	 padding-bottom: 2px;
	 padding-left: 10px;
	 color: #555;
	 }
	 #Breadcrumbs p a{
	 color:#3C40CB;
	 }

 /* SIDEBAR
 -------------------------------------- */
 #Sidebar { 
	 width: 200px; 
	 float: left;  
	 margin: 10px 0 0 0;
	 padding: 0;
	 color:#FFFFFF;
 }
	 #Sidebar .sidebarBox {
		 margin: 0 0 5px 0;
		 padding-bottom: 2px;
		 background-color:#fbd37b;
		 /*background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; */
	 }
	 #Sidebar ul {
		 margin: 2px 0 5px 3px;
	 }
		 #Sidebar li {
			 margin: 8px 2px;
			 list-style: none;
		 }
	 #Sidebar h3 { 
		 clear: both;
		 color: #fff;
		 font-weight: 700; 
		 font-size: 1.4em; 
		 margin: 0 0 10px 0;
		 line-height: 1.8;
		 padding: 1px 0 0 10px;
		 background-color:#F28416;
		 /*background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left;*/
	 }

	 #Sidebar .sidebarBottom {
		 height: 10px;
		 display: block;
		 width: 200px;
		 margin: -5px 0 0 0;
		 background-color:#F28416;
		 /*background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;*/
	 }
	 #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: #333;
	 }
			 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: #222;
			 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%;
			 color:#111;
		 } 
		 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%;
			 color:1#11;
	 }
		 ul#Menu2 li ul {
		 height: 100%;
		 position: relative;
		 margin: -4px 0 0 0;
		 width: 193px;
		 padding: 4px 0 10px 0;
				 color:#111;
	     /*	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: #ef840d;
				 font-weight: 700;
				 background: #fcc026;
				 width:182px;
				 }
					 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: #ccc;

 }
	 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: 1000px;
	 height:70px;
	 text-align: center; 
	 background-color:#fff;
	border-top:#222 3px solid;
	/* background-image: url(../images/footer_bg.jpg);
	 background-repeat: repeat-x;
	 background-position: 0 0;	*/
	 font-size:13px;
	 margin-bottom:15px;
 }
	 #Footer .footerTop {
		 width: 100%;
		 display: block;
		 height: 1em;
		 padding-top:10px;
	 }
	 #Footer .footerTop #footermenu{
	 margin:0px;
	 padding:0px;
	 display:inline;
		 }
	 #Footer .footerTop #footermenu li{
	 list-style:disk;
	display:inline;
	padding:10px 0px 0px 7px;
	
		}
	#Footer .footerTop #footermenu li a{
		font-weight:bold;
 		}
	#Footer .footerTop #footermenu li a:hover{
		color:#444;
}

  	#Footer p { 
	color:#000000;
		font-size: 0.9em;
		text-align: center;
		margin-top: 0.4em;
		
	}
  		#Footer a { 
	   		color: #000; 
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #666;
				text-decoration: none;
			}