
/* CSS Document */



/* ACCESSIBILITY/SCREEN-READER */

.hide{
	left: -9999px;
	position: absolute;
	top: -9999px;
}

/* Hidden Links */
				.ScreenR, .ScreenR a {position:absolute; top:0; left:-9000px;}
				.ScreenR a:active, .ScreenR a:focus {background:none repeat scroll 0 0 yellow;border:1px solid #000066;display:block;font-weight:bold;left:18000px;padding:1em 3em;position:absolute;text-decoration:underline;top:0;white-space:nowrap;}  
				.ScreenR p {position:absolute; top:0; left:-9000px;}
				.ScreenR H1 {position:absolute; top:0; left:-9000px;}	



body {

	color: #000;
	background: #FFFFFF url(../images/BG-all.jpg) no-repeat center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}

body.none {

	color: #000;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;	
	}

/* links - remember to define focus styles! */

	a:link, a:visited {color:#ed1d24; text-decoration:none;}
	
	a:hover, a:active {text-decoration:underline;}

	a:focus {text-decoration:underline;}





/* container class for centered elements*/

.container
{
	width:960px;
	margin: 0px auto;

}

/* Browse Aloud */
.BA {border:medium none;float:right;margin:3px 0 0;}
.BA a:link, .BA a:visited, .BA a:hover, .BA a:active {color:#FFFFFF;border:none;}
.BA img {border:none;padding:3px 0 0 8px;}
.BA .BAFirst {margin:16px 13px 0 0;float:left;}

/* top navigation of site*/

#top-nav {background: url("../images/Sprite-Logo.png") repeat-x scroll center top #1F2023;float: right;height: 36px;padding: 0 0;width: 100%;} 
#top-nav ul {float: right;margin:5px 0 0;} 
#top-nav li {float: left;margin: 0;padding: 0 20px 0 5px;background-attachment:fixed;background:transparent url(../images/nav-sep.jpg) no-repeat scroll right -3px;}
#top-nav li img {border:none;}
#top-nav li a {display: block;float: left;color: #FFF;font-size: 0.8em;} 

/* Header*/
#header {width: 960px;margin: 0px auto;height: 114px;float:left;overflow:hidden;}

/* Logo */
.Logo { background: url("../images/Sprite-Logo.png") no-repeat scroll 0 -36px transparent;display: block;float: left;height: 114px;margin: 0 0 0;text-indent: -10000px;width: 281px;}
	.Logo a:link, .Logo a:visited {display:block;width:100%;height:100%;}
	.Logo a:hover {background:url('../images/Sprite-Logo.png') no-repeat 0 -36px transparent;display:block;}
	.Logo a:active {display:block;width:100%;height:100%;border:0;}
	.Logo a:focus {background:none;outline: 0px solid #ffffff;}

/* flags*/
#search ul {padding: 15px 0 0 0;float: right;} 
#search li {float: left;margin: 0 0 0 0.15em;} 
#search li a {height: 2em;line-height: 3em;display: block;float: left;color: #000;font-size: 0.6em;padding: 0.2em 0 0.2em 1.4em;} 
#search li a img {border:1px solid #000000;} 

/* Header Styles */

.Header-R1 {float: left;width: 679px;}
	#google_translate_element {float: right;height: 29px;overflow: hidden;padding: 7px 11px 0 0;text-align: right;width:150px;}
	.google_translate_text {background: url("../images/GoogleTranslate.png") no-repeat scroll 0 0 transparent;float: right;margin: 9px 0 0;text-indent: -10000px;width: 59px;}
	/* search*/
	#search {  background: url("../images/Sprite-Logo.jpg") no-repeat scroll -333px -53px transparent;float: right;padding: 4px 0;width: 332px;}
	#search label{display:none;}
	#searchText {background: none repeat scroll 0 0 transparent;border: medium none;height: 20px;margin: 0 0 0 15px;padding: 4px 0 0;position: relative;top: 0;width: 260px;}
	/* positioning of search box different in firefox - not sure why?*/
	@-moz-document url-prefix() { #searchText { top:-1px; } }	
	#submit {background: url("../images/Sprite-Logo.jpg") no-repeat scroll -614px -57px transparent;_position:relative;_left:-5px;border:none;text-indent:-999px;width:43px;height:34px;cursor:pointer;}
	#submit:hover {background: url("../images/Sprite-Logo.jpg") no-repeat scroll -614px -163px transparent;border:none;text-indent:-999px;width:43px;height:34px;cursor:pointer;}
.Header-R2 {float: left;width: 679px;}
	/* Customer login button */
	.CustomerLogin {background: url("../images/Sprite-Logo.jpg") no-repeat scroll -483px -97px transparent;display: block;float: right;height: 46px;margin: 0;text-indent: -10000px;width: 184px;}
	.CustomerLogin a:link, .CustomerLogin a:visited {display:block;width:100%;height:100%;}
	.CustomerLogin a:hover {background:url('../images/Sprite-Logo.jpg') no-repeat -483px -203px;display:block;}
	.CustomerLogin a:active {display:block;width:100%;height:100%;border:0;}
	.CustomerLogin a:focus {background:none;outline: 0px solid #ffffff;}

.Header-R3 {float: left;width: 679px;}
	.Header-R3 p {float: right;font-size: 0.8em;padding: 0 3px 0 0;}

/* Header Links, print etc*/

#icons
{
		padding:7px 0 0 0;
	width:160px;
	float:right;

} 

#icons ul
{
	float:right;
} 

#icons li
{
float: left;
margin: 0 0 0 0.10em;
} 


#icons li a
{
line-height: 3em;
display: block;
float: left;
color: #000;
font-size: 0.6em;
padding: 0.2em 0 0.2em 1.2em;
} 

#icons li img
{
border:none;
} 


/*main navigation of site*/


#main-nav
{
		height:34px;
		width: 100%;
	float:left;
		background:#e0161d url(../images/main-nav.jpg) repeat-x top;
			overflow:hidden;
} 


/*

#main-nav ul
{
	float: left;
} 

#main-nav li
{
float: left;
margin: 0 0.15em;
} 


#main-nav li a
{
		padding: 0.2em 1.4em 0.2em 0;
height: 2em;
line-height: 3em;
display: block;
float: left;
color: #FFFFFF;
font-size: 0.75em;

} 
*/


#jsddm
{	margin: 0;
	padding: 0;
	font-size: 0.75em;
		z-index:9999;}
	
	#jsddm li
	{	float: left;
		list-style: none;
		margin: 0px 20px 0px 0px;
		}
		
		#jsddm li.drop
	{	
		padding: 0 33px 0 0;
		background:url(../images/drop.png) no-repeat right 58%;	
		}	
		


	#jsddm li a
	{	display: block;
		background: none;
		padding: 11px 0px 8px 0px;
		text-decoration: none;
		margin: 0px;
		color:#FFFFFF;
		white-space: nowrap;}

	#jsddm li a:hover, #jsddm li a:focus
	{	text-decoration:underline;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border: 1px solid #000000;
			background:#FFFFFF;
			z-index:9999;}
		
		#jsddm li ul li
		{	float: none;
			margin:0;padding:0;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
		 	padding: 11px 20px 10px 20px;
		 	margin:0px;
		 	color:#000000;
			}
		
		#jsddm li ul li a:hover, #jsddm li ul li a:focus
		{background: #f9d7d8;}





#strip
{
			width: 100%;
	float:left;
	height:13px;
		background:#f8b0b3 url(../images/strip.jpg) repeat-x top;
	overflow:hidden;
	}
	
	

/* Main Content*/

#mainContent {padding:10px 0px 5px 0px;float: left;width: 960px;margin: 0px auto;min-height:450px;}

#mainContent #bread {margin: 0px 0 6px 0;font-size: 0.7em;width:580px;color:#999999;}

/* Main Area homepage - left*/

#mainContent .left {width: 591px;float: left;overflow:hidden;}
#mainContent .left h1 {margin: 0 0 2px 0;font-size: 1.1em;}
#mainContent .left h2 {margin: 13px 0 13px 0;font-size: 0.9em;font-style:italic;}
#mainContent .left p {color: #333333;float: right;font-size: 0.7em;margin: 13px 0;width: 329px;}
#mainContent .left ul{}
#mainContent .left ul li{}

#mainContent .left .welcometxt p {color: #333333;float: right;font-size: 0.7em;margin: 13px 0;width: 300px;}
#mainContent .left .welcometxt img {float: none;height: 160px;margin: 13px 0;width: 277px;_position:relative;_top:-50px;}

/*quotemarks - home*/
.welcometxt blockquote { background: url("../images/quoleft.jpg") no-repeat scroll left top transparent;float: right;font-size: 0.9em;font-style: italic;font-weight: bold;margin: 15px 0 0;width: 300px;}
.welcometxt blockquote div {padding: 0 28px;background:url("../images/quoright.jpg") no-repeat scroll 100% 220% transparent;/background:url("../images/quoright.jpg") no-repeat scroll 60% 220% transparent;}


/*quote - article*/
#quote
{
   background: url("../images/quoleft.jpg") no-repeat scroll left top transparent;
    float: right;
    font-size: 0.9em;
    font-style: italic;
    font-weight: bold;
    margin-bottom: -15px;
    margin-left: 10px;
    max-width: 300px;
    min-height: 30px;
    padding: 0 0 0 30px;
    position: relative;
    z-index: -1;
}

*HTML #quote 
{
	_width: expression(document.body.clientWidth < 742? "210px" : document.body.clientWidth > 1000? "300px" : "auto");
	height:30px;
	}




.quoteimg {
   background: url("../images/quoright.jpg") no-repeat scroll right top transparent;
    float: left;
    height: 30px;
    padding: 0;
    position: relative;
    top: -10px;
    width: 306px;

}
/*CampaignHPone*/
.CampaignHPone{background: none repeat scroll 0 0 #EFEFEF;float: left;margin: 13px 0;padding: 7px 15px 15px;width: 561px;_margin-top:-40px;}
.CampaignHPone .box {padding: 15px 15px 15px;float:left;background-color:#f1f1f1;}
.CampaignHPone h2.box {background: url("../images/campaign-logo.png") no-repeat scroll -281px -3px #ED1D24;color: #FFFFFF;font-size: 0.9em;font-style: normal !important;margin: 0 0 2px !important;padding: 18px 10px 8px 11px;width: 545px;}
.CampaignHPone .box img {float:left;    padding: 0 10px 50px 0;}
.CampaignHPone .box p { float: left !important;margin: 4px 0 !important; width: 78% !important;}
.CampaignHPone .box a { float: left !important;margin: 4px 0 !important; width: 100% !important;font-weight:bold;}


/*CampaignHPtwo
.CampaignHPtwo {background: none repeat scroll 0 0 #EFEFEF;float: left;margin: 13px 0;padding: 7px 15px 15px;width: 561px;}
.CampaignHPtwo .box {padding: 15px 15px 15px;float:left;background-color:#f1f1f1;}
.CampaignHPtwo h2.box { background: url("../images/campaign-logo2.png") no-repeat scroll -281px -3px;
    color: #FFFFFF;
    font-size: 0.9em;
    font-style: normal !important;
    margin: 0 0 2px !important;
    padding: 18px 10px 8px 11px;
    width: 545px;}
.CampaignHPtwo .box img {float:left !important;    padding: 0 10px 0 0;}
.CampaignHPtwo .box p { float: left !important;margin: 4px 0 !important; width: 78% !important;font-size:0.7em !important;}
.CampaignHPtwo .box a { float: left !important;margin: 4px 0 !important; width: 100% !important;font-weight:bold;}
*/



/*CampaignHPtwo*/
.CampaignHPtwo {background: none repeat scroll 0 0 #EFEFEF;float: left;margin: 13px 0;padding: 7px 15px 15px;width: 317px;}
.CampaignHPtwo .box {padding: 15px 15px 15px;float:left;background-color:#f1f1f1;}
.CampaignHPtwo h2.box { background: url("../images/campaign-logo2.png") no-repeat scroll -1px -3px #36383A;
    color: #FFFFFF;
    font-size: 0.9em;
    font-style: normal !important;
    margin: 0 0 2px !important;
    padding: 18px 10px 8px 11px;
    width: 298px;}
.CampaignHPtwo .box img {float:left !important;    padding: 0 10px 0 0;}
.CampaignHPtwo .box p { float: left !important;margin: 4px 0 !important; width: 60% !important;font-size:0.7em !important;}
.CampaignHPtwo .box a { float: left !important;margin: 4px 0 !important; width: 100% !important;font-weight:bold;}


/*Calendar*/
.CalendarHP{background: none repeat scroll 0 0 #EFEFEF;float: left;margin: 13px 0;padding: 7px 15px 15px;width: 561px;}
.CalendarHP .box {   background-color: #FFFFFF;
    float: left;
    padding: 15px;
    width: 285px;}
.CalendarHP h2.box {  background: url("../images/calendar-logo.png") no-repeat scroll -519px -3px #ED1D24;
    color: #FFFFFF;
    font-size: 0.9em;
    font-style: normal !important;
    margin: 0 0 2px !important;
    padding: 18px 10px 8px 11px;
    width: 317px;}
.CalendarHP .box p { float: left !important;margin: 4px 0 !important;width: 96% !important;font-size:0.7em !important;}
.CalendarHP .box ul {clear:both;float: left !important;margin: 9px 0 0 15px !important;  width: 97%;}
.CalendarHP .box li { float: left !important;font-size: 0.7em !important;margin: 4px 0 0 !important;width: 96% !important;background: url("../images/list-events.png") no-repeat scroll 0 0 transparent !important;  padding: 0 0 0 20px;}
.CalendarHP .box li.advertDate {background: none repeat scroll 0 0 #ffffff !important;}                 
/*news*/
#news{background: none repeat scroll 0 0 #EFEFEF;float: left;margin: 13px 0;padding: 15px;width: 561px;}
#news .box { padding: 15px 15px 0;float:left;}
#news .boxinner {float:left;  width: 100%;}
#news h2.box {background:#ed1d24;color:#FFFFFF;padding:7px 10px;font-size: 0.9em;margin: 0 0 5px 0; width: 541px;}
#news .box .boxinner h3 {color:#ed1d24;font-size: 0.8em;padding:0 0 0 0;margin: 0 0 3px 0;font-style:normal;float:right;   width: 400px;}
#news .box .boxinner p {color: #333333;float: right;font-size: 0.7em;margin: 3px 0;padding: 0 0 0 0;     width: 400px;}
#news .box .boxinner p.date {font-weight:bold;color: #333333;float: right;margin: 1px 0;padding: 0 0 0 0;     width: 400px;}
#news .box img {float:left;margin: 0 10px 10px 0;}
#news .box .boxinner p a.continue { background: url("../images/continue.png") no-repeat scroll -6px 0 transparent;float: left;margin: 2px 0 0;padding: 6px 0 3px 26px;}

/* Latest News - Category Item */

.categoryitem img {float:left !important;}
.categoryitem p {float:right !important;width:540px !important;clear:none !important;margin: 5px 0 !important;}
.categoryitem p.date {font-weight:bold;color:#333333 !important;float:right !important;width:540px !important;clear:none !important;margin: 5px 0 !important;}
.categoryitem h2 {float:right !important;  margin: 5px 0 !important;
    width: 540px !important;}
.categoryitem {float:right !important;width:100% !important;}


/* Main Area article - main*/


#mainContent .main {
width:676px;
	float: right;

}

#mainContent .main #bread {
	margin: 0px 0 20px 0;
	font-size: 0.7em;
	width:676px;
}

#mainContent .main h1 
{
	width:676px;
	padding: 0 0 9px 0;
	margin: 0 0 7px 0;
	font-size: 1.1em;
	color: #ed1d24;
	border-bottom:2px solid #efefef;

}

#mainContent .main h2 {
	margin: 13px 0 13px 0;
	font-size: 0.9em;
	font-style:italic;
}


#mainContent .main p.searchitem 
{
	width:676px;
	padding: 15px 0 15px 0;
	margin: 0;
	font-size: 0.9em;
	color: #111111;
	border-bottom:2px solid #efefef;

}


#mainContent .main p.searchitem a
{
	color: #ed1d24;

}


#mainContent .main p.searchitem .datey 
{
	margin:0px 0 5px 0 ;
	display:block;

}

#mainContent .main p.searchitem img
{
	margin:5px 0 5px 0 ;
	display:block;

}

#mainContent .main p.searchitem .summary 
{
	margin:5px 0 5px 0 ;
	display:block;

}


#mainContent .main .categoryitem 
{
	width:676px;
	padding: 6px 0;
	margin: 0;
	color: #ed1d24;
	border-bottom:2px solid #efefef;

}

#mainContent .main .date {
	font-weight:bold;
	color:#ed1d24;
	}


#mainContent .main p {
	margin: 13px 0 13px 0;
	font-size: 0.7em;
	width:676px;
	color:#333333;
	clear:left;
}


#mainContent .main table p {
width: 420px;
}


#mainContent .main ul.list, #mainContent .main ol.list {
	margin: 13px 0 13px 0;
	font-size: 0.7em;
	width:450px;
	color:#333333;
}

#mainContent .main ul.downloads {
	font-size: 0.7em;
}

#mainContent .main ul.downloads li {
	margin: 5px 0 5px 20px;
	padding: 5px 0 5px 0;
	clear:left;
	color:#333333;
}

#mainContent .main ul.downloads li img {
border:none;
}



#mainContent .main img 
{
margin:10px;	
	/*
float:left;
margin: 0 15px 10px 0;
border-color:red;
border-width:4px;*/
}

/* Main Area article - main JUNIOR BOARD*/


#mainContent .mainjunior {
width:676px;
	float: right;
}

#mainContent .mainjunior #bread {
	margin: 0px 0 0 0;
	font-size: 0.7em;
	width:580px;
}

#mainContent .mainjunior h1 
{
	 background:url("../images/junior-board.jpg") no-repeat scroll -5px -6px #FFFFFF;
    color: #4168c7;
    font-size: 1.1em;
    margin: 0 0 0;
    padding: 35px 0 36px;
    width: 676px;
}

#mainContent .mainjunior h2 {color:#4168c7;
	margin: 13px 0 13px 0;
	font-size: 0.9em;
	font-style:italic;
}


#mainContent .mainjunior p.searchitem 
{
	width:676px;
	padding: 15px 0 15px 0;
	margin: 0;
	font-size: 0.9em;
	color: #111111;
	border-bottom:2px solid #efefef;

}


#mainContent .mainjunior p.searchitem a
{
	color: #4168c7;

}
#mainContent .mainjunior p a
{
	color: #4168c7;

}

#mainContent .mainjunior p.searchitem .datey 
{
	margin:0px 0 5px 0 ;
	display:block;

}

#mainContent .mainjunior p.searchitem img
{
	margin:5px 0 5px 0 ;
	display:block;

}

#mainContent .mainjunior p.searchitem .summary 
{
	margin:5px 0 5px 0 ;
	display:block;

}


#mainContent .mainjunior .categoryitem 
{
	width:676px;
	padding: 6px 0;
	margin: 0;
	color: #ed1d24;
	border-bottom:2px solid #efefef;

}

#mainContent .mainjunior .date {
	font-weight:bold;
	color:#ed1d24;
	}


#mainContent .mainjunior p {
	margin: 13px 0 13px 0;
	font-size: 0.7em;
	width:580px;
	color:#333333;
	clear:left;
}


#mainContent .mainjunior table p {
width: 420px;
}


#mainContent .mainjunior ul.list, #mainContent .mainjunior ol.list {
	margin: 13px 0 13px 0;
	font-size: 0.7em;
	width:450px;
	color:#333333;
}

#mainContent .mainjunior ul.downloads {
	font-size: 0.7em;
}

#mainContent .mainjunior ul.downloads li {
	margin: 5px 0 5px 20px;
	padding: 5px 0 5px 0;
	clear:left;
	color:#333333;
}

#mainContent .mainjunior ul.downloads li img {
border:none;
}



#mainContent .mainjunior img 
{
margin:10px;	
	/*
float:left;
margin: 0 15px 10px 0;
border-color:red;
border-width:4px;*/
}
			
/* ---------------------  BLOG MAIN PAGE -------------------------------*/

				.BLOG_MainTitle {float:left;margin-bottom:10px; font-size:80%;width:70%;}
				.BLOG_TitleTop{float:left;background:url('../includes/images/backgrounds/articlenav-bg.jpg') repeat-x; margin-top:0px; font-weight: bold;color: #000000;}
				.BLOG_Title{float:left;margin-top:15px; font-weight: bold; padding: 0px; color:#9ECE22; line-height:25px;}
				.BLOG_Image {float:left;margin-top:20px; border:1px solid #cccccc; padding:3px; }
				.BLOG_Text {width:200px !important; float:left; margin:10px 50px 0 0;color:#666666;}
				.BLOG_Text p {width:100%!important; float:left; margin:10px 50px 0 0;color:#666666;clear:none !important;}
				.BLOG_EntryDate {float:left;color:#999999; font-size:100%; padding-left:5px; font-weight:normal;}
				.BLOG_Author{ width: 45%%;float:left;color: #999999; padding-top:5px;  font-size:80%;}
				.BLOG_Seperator {width:70%;border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-top:15px; height:1px;float:left; }
				.BLOG_CommentsTxt{ width: 100%;color: #999999; font-size:80%; padding-top:10px; float:left;}
				.BLOG_CommentsTxt a{padding-top:10px; text-decoration:underline;}
				.BLOG_CommentsTxt a:hover{padding-top:10px; text-decoration:none;}
				
				/* Author Top Styles */
				.BLOG_AuthorTop{color: #999999; padding-top:5px; padding-bottom:5px;  width:310px; float:left;Clear:both;}
				.BLOG_EntryDateTop {color:#999999; padding-left:5px; font-weight:normal;}
				.BLOG_AuthorsImageTop {margin:0px;  text-align:center;}
				.BLOG_AuthorsImageTop img{border:1px solid #cccccc; padding:3px;}
				.BLOG_AuthorsImageTop a{text-decoration:none;clear:left; padding:0px; margin:0px;}
				.BLOG_AuthorsImageTop a:hover{text-decoration:underline;}
				.BLOG_AuthorsImageTop a:visited{text-decoration:none;}
				.BLOG_AuthorImageHolder {width:290px;float:left;border:1px solid #FF0000;}
				.BLOG_AuthorTextTop {margin:10px 0 10px 0; clear:both; float:left;width:280px;}
				
				/* Archive Right Styles */
				.BLOG_Archive {float:right; padding:0px; margin:0px; margin-bottom:15px; width:180px; font-size:80%;}
				.BLOG_ArchiveTitle {color:#999999; margin:20px 0 5px 0; border-bottom:1px dotted #999999; clear:both;}
				.BLOG_Archive ul.BLOG {list-style:none; padding:0px; margin:0px; margin-top:20px; line-height:21px;}
				.BLOG_Archive ul.BLOG a{text-decoration:none; padding:0px; margin:0px;}
				.BLOG_Archive ul.BLOG img{padding:0px; margin:0px; margin-right:10px; border:none;}
				.BLOG_Archive ul.BLOG a:hover{text-decoration:underline;}
				.BLOG_Archive ul.BLOG a:visited{text-decoration:none;}
				.BLOG_ArchiveMonth {padding:0px; margin:0px; clear:left;}
				.BLOG_ArchiveMonth a {padding:0px; margin:0px; }
				.BLOG_ArchiveMonth a img{padding:0px; margin:0px; border:none;}
				.BLOG_ArchiveItem{padding:0px; margin:0px; padding-left:42px;}
				
				
				/* -------------  BLOG COMMENTS PAGE ---------------------*/
				.BLOG_CommentsHolder{padding-left:10px;}
				.BLOG_CommentTitle { width:100%; height:29px; background:url('../includes/images/backgrounds/articlenav-bg.jpg') repeat-x; padding: 10px 0 0 10px; color:#ed1d24; line-height:28px;}
				.BLOG_CommentAuthor{color:#ed1d24; padding:5px 0 0 10px;}
				.BLOG_CommentDate{color: #999999; padding:5px 0 0 10px;}
				.BLOG_Comment{padding:5px 0 0 10px;}
				.BLOG_CommentsBg {background-color:#ff0000;}
				.BLOG_CommentsSubmit {margin:20px 0 0 0;}
				.BLOG_Seperator {border-bottom:1px solid #cccccc; height:1px; margin-bottom:15px;}
				.BLOG_AddComment{padding:20px 0 20px 10px;}
				.BLOG_AddCommentPurple{padding:20px 0 20px 10px;}
				.BLOG_AddComment b{color:#ed1d24;}
				.BLOG_FormBox{border:solid 1px #FF0000;}
				.BLOG_button {font-size:11px; border:#999999 1px solid; color:#818181; height:17px; margin-top:15px;}
				.BLOG_TextBox {border:1px solid #3793D7;}
				
				body.none h1{padding-left:10px;}




/* table styles*/
table
{
	width: auto;
	border: 1px solid #ed1d24;
	margin: 13px 0 13px 0;
	color: #333333;
	border-collapse: collapse;
}
       

 
 td, th {width:auto; border: 1px solid #ed1d24; color:#333333; font-size:0.7em; padding:5px;}



/* search results and sitemap*/
#mainContent .main #grey
{
width:644px;
margin: 15px 0 15px 0;
padding: 15px;
border:1px solid #999999;
background:#efefef;
	}


#mainContent .main #grey p
{
margin: 0;
	font-size: 0.9em;
	width:580px;
	color:#000000;
	}

.red
{

color: #ed1d24;
	}
	
.Red
{

color: #ed1d24;
	}


/* sitemap*/
#grey ul.site li {
	padding:7px 10px;
	margin: 0 0 10px 0;
	font-size:0.8em;
}


#grey ul.site li a 
{
		color:#333333;
}

/* doesnt need bigger padding due to bg image*/
ul.site {}
ul.site2 {}

ul.site2 li
{
	  color: #ED1D24;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0 0 0;
    padding: 5px 10px;
}


ul.site2 li a 
{
	padding:0 0 0 30px;
	background:url(../images/side3.png) no-repeat left 35%;
	color:#333333;
}

ul.site2 li img{
float:left;
margin: 0 10px 0 0;
}


ul.site3 li
{
	
	padding:7px 10px 7px 40px;
	margin: 0 0 10px 0;
	font-size:0.8em;
}


ul.site3 li a 
{
	padding:0 0 0 30px;
	background:url(../images/black_side3.png) no-repeat left 35%;
	color:#333333;
}


ul.site3 li img{
float:left;
margin: 0 10px 0 0;
}


/* Forms*/
/*
.main form{
width:400px;
overflow:hidden;
float:left;
}

.main form label {

padding:0;
margin:0;
float:left;
width:auto;
}

.main form input, .main form textarea {
border: 1px solid #ed1d24;
color:#333333;
font-family: arial;
clear:left;
float:left;
width: 300px;
overflow:hidden;
margin-bottom:20px;
}


.main form select {
border: 1px solid #ed1d24;
color:#333333;
font-family: arial;
clear: left;
float:left;
overflow:hidden;
margin-bottom:20px;
font-size:0.8em;
}



.main form input[type="checkbox"]{
border:none;
width:30px;
float:right;
clear:none;
margin:0;
padding:0;
position:relative;
left:-200px;
}


.main form input[type="radio"]
{
clear:left;

				margin-left:5px;

				margin-right:5px;

}

.AutoFormFieldHolder
{
clear:left;
	font-size:0.7em;

	}
		*/
		
		
		
#form {float:left; overflow:hidden;}




.AutoFormRowName

{	clear: both;

	float: left;

	margin:0px 20px 25px 10px;

	width: 140px;

	text-align: right;
	font-size:0.7em;
}


#form input 

{
font-family:verdana;
font-size:1.0em;


}

#form input.submit

{

	float: left;

	margin: 20px 0px 0px 170px;_margin:20px 0px 0px 179px;

	font-size:0.7em;

}


#form SELECT

{

    margin: 0px 0px 0px;

    float:left;

}

#form textarea
{
vertical-align:top;
width:300px;	
float:left;
margin:0;
font-family:verdana;
font-size:1.0em;	

	}
	
	
#form textarea
{
	margin-left:170px\9
}

	
#form textarea
{
	margin-top:-40px\9
}	
	
	
*HTML #form textarea
{
margin-left:180px;
position:relative;
top:5px;

	}
	

#form input[type="checkbox"]{
width:30px;
float:left;
clear:none;
margin:0;
padding:0;
margin: 0px 0px 0px 0px;
}

#form input[type="radio"]{
width:30px;
float:left;
margin:0;
padding:0;

}

.AutoFormField label {float:left;clear:left;}

.AutoFormField
{
	float:left;
	font-size:0.7em;
	padding:0 0 15px;
	
	}

#formName, #formEmail, #formMessage, #formPhone, #formAddress, #formPostcode, #formOfficer1, #formOfficer2, #formLocation, #formMessageTitle{ width: 300px; background-color: #F0F0F0;}
	
		
		
	p.FormSummary
	{
			clear:left;
		margin-top:100px;
		
	
		}		

/* 

.main input.submit{
color:#FFFFFF;
background:#ed1d24;
border:1px solid #ed1d24;
}

.main input.submit:hover{
text-decoration:underline;
border:1px solid #000000;
}











/* Main Area homepage - right*/

#mainContent .right {width: 346px;float: right;overflow:hidden;}


#mainContent .right img
{
	float: right;
	border:none;
}

/* Social Media */
	.socialmedia {background:url("../images/Sprite-Logo.jpg") no-repeat scroll -711px -39px transparent;display: block;float: right;height: 50px;margin: 0;text-indent: -10000px;width: 232px;}
	/* Facebook */
	.socialmedia  a.Fb:link, .socialmedia  a.Fb:visited {display:block;height:50px;float:left;}
	.socialmedia  a.Fb:hover {background:url('../images/Sprite-Logo.jpg') no-repeat -711px -94px;display:block;}
	.socialmedia  a.Fb:active {display:block;width:116px;height:50px;border:0;}
	.socialmedia  a.Fb:focus {background:none;outline: 0px solid #ffffff;}
	/* Twitter */
	.socialmedia  a.Tw:link, .socialmedia  a.Tw:visited {display:block;width:116px;height:50px;float:left;}
	.socialmedia  a.Tw:hover {background:url('../images/Sprite-Logo.jpg') no-repeat -827px -94px;display:block;}
	.socialmedia  a.Tw:active {display:block;width:116px;height:50px;border:0;}
	.socialmedia  a.Tw:focus {background:none;outline: 0px solid #ffffff;}
	
	/* Social Media */
	.socialmedia2 {background:url("../images/social3.png") no-repeat scroll 0 0px transparent;display: block;float: right;height: 36px;margin: 0;text-indent: -10000px;width: 346px;margin-bottom:10px;_overflow:hidden;}
	.socialmedia2  a {display:block;height:36px;width:85px;margin-right:2px;float:left;}
	.socialmedia2  a.twit {width:85px;margin-right:0px;}
	/* Facebook */


/* quick links*/
#links {background:#efefef;padding: 12px 15px 15px;margin: 0 0 13px;width: 317px;float:right;}
#links h2 {background: url("../images/Quick-Links.png") no-repeat scroll -74px -3px #36383A;color: #FFFFFF;font-size: 0.9em;font-style: normal !important;margin: 0 0 0 !important;padding: 13px 10px 14px 12px;width: 304px;}
#links ul {background-color: #FFFFFF;float: left;margin: 0;padding: 5px 0 5px;width: 317px;}
#links ul.quick li {background-color: #FFFFFF;clear: both;float: left;margin: 0;padding: 2px 10px;width:93%;}
#links ul.quick li a {color:#333333;font-size: 0.8em;}
#links ul.quick li img{border: medium none;float: left;height: 26px;margin: 0 5px 0 0;position: relative;top: -5px;width: 30px;}


/* Ask a question advert SMALL */
.JustAskTopSM { background: url("../images/JustAsk-SM_01.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin: 0 0 0;
    padding: 15px 16px 25px;
    text-indent: -90000px;
    width: 216px;
			_display:inline;/*IE6*/}
.JustAskContentSM {   background: url("../images/JustAsk-SM_02.png") repeat-y scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 0 28px 9px 16px;
    width: 204px;
				_display:inline;/*IE6*/}
.JustAskFooterSM { background: url("../images/JustAsk-SM_04.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin: 0;
    padding: 0 16px 6px;
    width: 216px;
				_display:inline;/*IE6*/}

.JustAskContentSM p {color: #FFFFFF;
    float: left;
    font-size: 0.8em;
    margin: 3px 0;
    padding: 0 0 0 9px;
    text-align: left;
    width: 100%;}
.JustAskFooterSM p a:link, .JustAskFooterSM p a:visited, .JustAskFooterSM p a:active {background:url("../images/email.png") no-repeat scroll 0 0 transparent;
	_background:url("../images/emailIE6.png") no-repeat scroll 0 -2px transparent;color:#FFFFFF;float:right;
	font-size:0.9em;font-weight:bold;padding:5px 0 7px 37px;position:relative;top:-2px;}


/* Ask a question advert 
.JustAskTop {background: url("../images/JustAsk_01.jpg") no-repeat scroll 0 0 transparent;float: left;margin: 13px 0 0 0;padding: 15px 16px 22px;text-indent: -90000px;width: 317px;
			_display:inline;/*IE6}
.JustAskContent {background: url("../images/JustAsk_02.png") repeat-y scroll 0 0 transparent;color: #FFFFFF;float: left;margin: 0 0 0 0;padding: 0 16px 9px;width: 317px;
				_display:inline;/*IE6}
.JustAskFooter {background: url("../images/JustAsk_04.png") no-repeat scroll 0 0 transparent;float: left;margin: 0 0 0 0;padding: 0 16px 6px;width: 317px;
				_display:inline;/*IE6}

.JustAskContent p {color:#ffffff !important;float:left !important;font-size:0.8em !important;margin:3px 0 !important;padding:0 0 0 9px !important;text-align:left !important;width:272px !important;}
.JustAskFooter p a:link, .JustAskFooter p a:visited, .JustAskFooter p a:active 
	{background:url("../images/email.png") no-repeat scroll 0 0 transparent;
	_background:url("../images/emailIE6.png") no-repeat scroll 0 -2px transparent;color:#FFFFFF;float:right;
	font-weight:bold;padding:5px 0 7px 37px;position:relative;top:-15px;z-index:2;}
	
.JustAskTop h2{margin:9px 0 !important;/margin:15px 0 !important;}*/
	
	/*old Ask a question advert*/
.JustAskTop {background: url("../images/JustAsk_01.jpg") no-repeat scroll 0 0 transparent;float: left;margin: 13px 0 0 0;padding: 15px 16px 22px;text-indent: -90000px;width: 317px;
			_display:inline;/*IE6*/} 
.JustAskContent {background: url("../images/JustAsk_02.png") repeat-y scroll 0 0 transparent;color: #FFFFFF;float: left;margin: 0 0 0 0;padding: 0 16px 9px;width: 317px;
				_display:inline;/*IE6*/}
.JustAskFooter {background: url("../images/JustAsk_04.png") no-repeat scroll 0 0 transparent;float: left;margin: 0 0 0 0;padding: 0 16px 6px;width: 317px;
				_display:inline;/*IE6*/}

.JustAskContent p {color:#ffffff !important;float:left !important;font-size:0.8em !important;margin:3px 0 !important;padding:0 0 0 9px !important;text-align:left !important;width:272px !important;}
.JustAskFooter p a:link, .JustAskFooter p a:visited, .JustAskFooter p a:active 
	{background:url("../images/email.png") no-repeat scroll 0 0 transparent;
	_background:url("../images/emailIE6.png") no-repeat scroll 0 -2px transparent;color:#FFFFFF;float:right;
	font-size:0.9em;font-weight:bold;padding:5px 0 7px 37px;position:relative;top:-2px;z-index:2;} */
		
	
	
/* adverts on the right*/
.advert_right{
	margin: 18px 0 18px 0;
	float:right;								
}

.advert_right img{
	border:none;
}

.advert_right img.logo{
	margin: 0 0 0 53px;
	float:right;
}


/* polls on the right*/
.polls_right{
  color: #FFFFFF;
    float: right;
    margin: 13px 0;
    overflow: hidden;
    width: 346px;
}


.polls_right .head
{
    background: url("../images/Questions_01.jpg") no-repeat scroll left top transparent;
    font-size: 0.7em;
    font-weight: bold;
    padding: 23px 54px 10px 33px;
    width: 259px;
}

.polls_right .head h3
{
	margin: 0 0 0px 0;
	width:235px;
	color:#FFFFFF;
}


.polls_right .mainpoll
{
 background: url("../images/Questions_02.jpg") no-repeat scroll left bottom transparent;
    font-size: 0.8em;
    height: auto;
    padding: 0 44px 36px 34px;
    width: 268px;
}

.polls_right .mainpoll li
{
height:100%;
float:left;
padding:0px;
margin: 5px 0;
}

.polls_right .mainpoll li input
{
	vertical-align:top;
	float:left;
	margin:0px;
	padding:0px;
	
}

.polls_right .mainpoll li label 
{
	float:left;
	width:224px;
		margin:0px;
	padding:0px;
}

.polls_right .mainpoll span
{
	display:none;
}

.polls_right .mainpoll .submit
{
	margin: 10px 0 0 0;
	float:none;
}

.polls_right .mainpoll .PollResultsTitle
{
	margin: 20px 0 0 0;
	padding:0;
}

.polls_right .mainpoll .PollResults
{
	margin: 0;
	padding:0;
}


.polls_right .mainpollres
{
padding: 10px 20px 40px 20px;
width:274px;
background:url(../images/polls_body.jpg) no-repeat right bottom;
font-size:0.8em;
height:auto;
}

.polls_right .mainpollres li
{
height:100%;
float:left;
padding:0px;
margin: 5px 0;
}

.polls_right .mainpollres li input
{
	vertical-align:top;
	float:left;
	margin:0px;
	padding:0px;
	
}

.polls_right .mainpollres li label 
{
	float:left;
	width:224px;
		margin:0px;
	padding:0px;
}

.polls_right .mainpollres span
{
	display:none;
}

.polls_right .mainpollres .submit
{
	margin: 10px 0 0 0;
	float:none;
}

.polls_right .mainpollres .PollResultsTitle
{
	margin: 20px 0 0 0;
	padding:0;
}

.polls_right .mainpollres .PollResults
{
	margin: 0;
	padding:0;
}


.PollResultsCorrect { background:#EDA7A9; float:left; font-size:80%;}
.PollResultsIncorrect { background:#FBECE9; float:left; font-size:80%; padding:0 0px 0 0; color: #000;}


/* Main Area - left_side*/

#mainContent .left_side 
{
		width: 242px;
		padding: 0 42px 0 0;
	float: left;
}


#mainContent .left_side img
{
	float: left;
	border:none;
}

/* #side_nav*/
#side_nav{
background:#efefef;
padding:15px;
margin: 0 0 26px 0;
width:218px;
float:left;
font-size: 0.8em;
}


#side_nav ul.side li {
	background:#ed1d24;
	color:#FFFFFF;
	padding:7px 10px;
	margin: 0 0 10px 0;
}


#side_nav ul.side li a 
{
	color:#FFFFFF;
}

ul.side2 li
{
	 background: url("../images/Line-LI.png") no-repeat scroll 0 bottom transparent;
    color: #ED1D24;
    font-size: 0.9em;
    margin: 0;
    padding: 5px  10px 9px;
}


ul.side2 li.current
{
    background: none repeat scroll 0 0 #FBDBDC;
    border-bottom: 1px dotted #A9A8A6;
    margin: 5px 0;
    padding: 6px 10px;
}
ul.side2 li.current a{    background: url("../images/side3.png") no-repeat scroll left 35% transparent;
    color: #333333;
    padding: 0 0 0 21px;}


ul.side2 li a 
{
	color:#ed1d24;font-weight: bold;
}

ul.side3 {    background: none repeat scroll 0 0 #FFFFFF;     padding: 1px 0 4px;}

ul.side3 li
{
	
   margin: 0 0 0 21px;
    padding: 6px 10px 1px 0;

}


ul.side3 li a 
{
	 padding: 1px 0 0 22px;
	background:url(../images/side3.png) no-repeat left 35%;
	color:#333333;
}

ul.side3 li.on a 
{
	background:none;
}

ul.side3 li img{
float:left;
margin: 0 10px 0 0;
}


/* adverts on the left*/
.advert_left{
margin: 0 0 18px 0;
float:left;
border:none;
}

/* Junior Menu */

/* #side_nav*/
#side_nav_junior{
background:#efefef;
padding:15px;
margin: 0 0 26px 0;
width:218px;
float:left;
font-size: 0.8em;
}


#side_nav_junior ul.side li {
	background:#ed1d24;
	color:#FFFFFF;
	padding:7px 10px;
	margin: 0 0 10px 0;
}


#side_nav_junior ul.side li a 
{
	color:#FFFFFF;
}

ul.side2 li
{
	 background: url("../images/Line-LI.png") no-repeat scroll 0 bottom transparent;
    color: #ED1D24;
    font-size: 0.9em;
    margin: 0;
    padding: 5px  10px 9px;
}


ul.side2 li.currentjunior
{
    background: none repeat scroll 0 0 #4168C7;
    border-bottom: 1px dotted #A9A8A6;
    margin: 5px 0;
    padding: 6px 10px;
}
ul.side2 li.currentjunior a{    color: #FFFFFF;
    padding: 0 0 0 0;}


ul.side2 li a 
{
	color:#ed1d24;font-weight: bold;
}

ul.side3 {    background: none repeat scroll 0 0 #FFFFFF;     padding: 1px 0 4px;}

ul.side3 li
{
	
   margin: 0 0 0 21px;
    padding: 6px 10px 1px 0;

}


ul.side3 li a 
{
	 padding: 1px 0 0 22px;
	background:url(../images/side3.png) no-repeat left 35%;
	color:#333333;
}

ul.side3 li.on a 
{
	  background: none repeat scroll 0 0 transparent;
    font-weight: bold;
    padding: 0 0 0;
    text-decoration: underline;
}

ul.side3 li img{
float:left;
margin: 0 10px 0 0;
}


/* adverts on the left*/
.advert_left{
margin: 0 0 18px 0;
float:left;
border:none;
}

/* New Lower Menu */

.LowerMenu {  float: left;
    width: 100%;  padding: 0 0 7px;}
.LowerMenu ul { float: left;
    width: 100%;}
.LowerMenu ul li {float:left;}
.LowerMenu ul li a:link, .LowerMenu ul li a:visited { border-right: 1px solid #333333;
    color: #333333;
    font-size: 0.7em;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    text-decoration: none;}
.LowerMenu ul li a:hover { border-right: 1px solid #333333;
    color: #ED1D24;
    font-size: 0.7em;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    text-decoration: none;}
.LowerMenu ul li a:active { border-right: 1px solid #333333;
    color: #333333;
    font-size: 0.7em;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    text-decoration: none;}

    
.LowerMenu ul li.LowerLast a { background: url("../images/UpArrow.png") no-repeat scroll 25px 1px transparent;
    border: medium none;
    font-weight: bold;
    padding-right: 14px;}


/* Footer*/
#base
{
	width:100%;
	float:left;
	background:#010001 url(../images/base.jpg) repeat-x top;
	padding:5px 0 20px;
	}
	
#base p
{
	width:100%;
	float:left;
	color:#FFF;
	font-size:0.6em;
	}	

#base ul
{
	padding: 5px 0 5px 0;
	float: left;
}

#base ul li {	padding: 0 25px 0 0;float: left;}

#base ul li.first {	padding-left:0px;}

#base ul li a
{
	padding: 0.2em 0 0.2em 0;
	color: #FFFFFF;
	font-size: 0.6em;
}

#base .container .BaseLeft {float: left;
    padding-top: 10px;
    width: 40%;}
#base .container .BaseRight {float:right;width:55%;}

/* Footer for repair page */


#baseRep
{
		height:79px;
	width:100%;
float:left;
	background:#010001 url(../images/base.jpg) repeat-x top;
	}

	
#baseRep p
{
	width:960px;
float:left;
color:#FFF;
font-size:0.6em;
	}	
	
#baseRep ul
{
padding: 5px 0 5px 0;
	float: left;

}

#baseRep ul li {padding: 0 25px 0 15px; background:none; float: left;}

#baseRep ul li.first {padding-left:0px;}

#baseRep ul li a
{
	padding: 0.2em 0 0.2em 0;
	color: #FFFFFF;
	font-size: 0.6em;
}



