/* ================================================

 

Theme Name: Meachers

Description:  Meachers Theme

Author: Atelier Studios

Author URI: http://www.atelier-studios.com/

Date: August 2009



==================================================*/





/*------------------------------------------------



		1. Global Resets

		

		2. Typography



		3. Link



		4. Main Navigation 



		5. Structure

		

		6. Inner Elements

			

		7. Lists 

		

		8. Form Elements 

		

		9. Various Tags & Classes 

						

		10. Headers

		

 		11. Buttons



---------------------------------------------------



		COLOURS

			

	



-------------------------------------------------*/





/*==================================================================================================



	1. GLOBAL RESETS

 

 ====================================================================================================*/





html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin:0;

	padding:0;

	border:0;

	font-weight:inherit;

	font-style:inherit;

	font-size:100%;

	font-family:inherit;

	vertical-align:baseline;

	}

	

body { 

	line-height:1.5;

	}

	

html, body {

	height: 100%;

	}	



table { 

	border-collapse:separate; border-spacing:0; 

	}



caption, th, td { 

	text-align:left;font-weight:normal; 

	}



table, td, th { 

	vertical-align:middle; 

	}



blockquote:before, blockquote:after, q:before, q:after { 

	content:""; 

	}



blockquote, q { 

	quotes:"" ""; 

	}



a img { 

	border:none; 

	}





/* Reset all margins/padding */



* { 

	margin:0;

	padding:0;

	}



/* Gets rid of outlined links in Firefox */



a {

	outline: none;

	text-decoration:none;

	}





/* No boders on images and displays them as block level elements in IE6 */



img {

	border:0;

	padding: 0;

	margin: 0;

	display: block;

	}

	

br {

	clear:both;

	line-height:10px;}









/*==================================================================================================



	2. TYPOGRAPHY

 

 ====================================================================================================*/

 

body {

	font-size: 12px;

	line-height: 17px;

	text-align: left;

	font-family: Arial, Helvetica, Verdana, sans-serif;

	color: #4c4c4c;

	margin:0;

	padding:0;

	height: 100%;

	}



a {

	color:#000000;

	}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {

	font-family: Arial, Helvetica, Verdana, sans-serif;

	text-align: left;

	}





strong {

	font-weight:bold;

	color: #666666;

	}

	

em {

	font-style:italic;

	display:inline;

	}



small {

	font-size: 11px;

	line-height: 25px;

	float: left;

	}



br {

	line-height: 10px;

	}

	

blockquote {

	font-size: 12px;

	line-height: 18px;

	font-weight: bold;

	font-style: italic;

	padding: 15px 0 15px 15px;

	}



hr {

	border: 0;

	color: #cfd0d4;

	background-color: #cfd0d4;

	margin: 0 0 10px 0;

	height: 1px;

	}





h2.introduction {

	float: left;

	width:562px;

	height:150px;

	background-image:url(images/intro.gif);

	text-indent:-3000px;

	padding:0 !important;

	margin-top:15px;

	display:inline;

	/*border: 1px solid red;*/

	}

p {

	color:#000000;

	line-height:18px;

	margin:0 0 15px;

}

p a.cta-telephon {

	float: left;

	text-indent:-3000px;

	width:226px;

	height:65px;

	background-image:url(images/btn_call.gif);

	/*margin-top:10px;*/

	display:inline;

}



p a.cta-download {

	float: left;

	text-indent:-3000px;

	width:226px;

	height:24px;

	background-image:url(images/btn_download.gif);

	margin:10px 0 10px 0;

	display:inline;

}

.content-b a {

	color: #808080; /* grey */

}

.content-b h2 {

	/*border: 1px solid orange;*/

	padding: 0 0 10px 0;

	font-size: 22px;

	color: #808080; /* grey */

	line-height: 30px;

	font-weight:normal;

}

.content-b h2 a{

	/*border: 1px solid red;*/

	padding: 0 0 10px 0;

	/*font-size: 28px;*/

	color: #808080; /* grey */

	line-height: 30px;

	font-weight: bold;

}

.content-b h2 a.redy, 

.content-b p.postmetadata{

	/*border: 1px solid green;*/

	font-size: 14px !important;

	line-height: 1.2em;

	padding: 0 0 10px 0;

	margin: 0;

	color: #EE3121; /* meachers red */

	/*font-weight: bold;*/

	letter-spacing: -1px;

	text-transform:uppercase;

	margin-top:10px;

}

.content-b p.postmetadata{

	display:none;

}

h2.divider{

	padding-top:10px;

	border-top:1px dotted #808080;

}





.content-b p.postmetadata a{

	/*border: 1px solid blue;*/

	color:#4C4C4C;

}

.content-b small{

	/*border: 1px solid pink;*/

	position:relative;

	top:-10px;

	left:0;

	float:none;

	margin-bottom:-15px;

}



#content ul li {

	margin-left:14px;

}





li.spacing{

	margin-bottom:10px !important;

}









/*------------------ FONT RESET -------------------*/



 {

	margin: 0;

	padding: 0;

	float: left;

	}



/*------------------ FONT RESET ENDS -------------------*/





div#content p {

	margin: 0 0 5px 0;

	}







/* -------------- HEADINGS ----------------*/







h1, h2, h3, h4, h5, h6 {

	font-family: Helvetica, Arial, Verdana, sans-serif;

	margin: 0;

	padding: 0;

	font-weight: normal;

	}



div#content h1, div.narrowcolumn h1 {

	padding: 0 0 10px 0;

	font-size: 22px;

	color: #808080; /* grey */

	line-height: 30px;

	font-weight:normal;

	}



div#content h2 {

	padding: 0 0 10px 0;

	font-size: 22px;

	color: #808080; /* grey */

	line-height: 30px;

	font-weight:normal;

	}



div#content h3,

div#sidebar h3 {

	font-size: 1.1em;

	line-height: 1.2em;

	padding: 0 0 10px 0;

	margin: 0;

	color: #EE3121; /* meachers red */

	/*font-weight: bold;*/

	text-transform:uppercase;

	}



div#content h4 {

	font-size: 16px;

	line-height: 20px;

	padding: 0 0 10px 0;

	color: #4C4C4C;

	}

	

div#content h5 {

	font-size: 1.1em;

	line-height: 1.2em;

	padding: 0 0 0 0;

	margin: 0;

	color: #000; /* black */

	font-weight:bold;

	/*font-weight: bold;*/

	margin-top: 10px;

	}

	

div#content h6 {

	font-size: 14px;

	line-height: 16px;

	padding: 0 0 10px 0;

	color: #666666;

	}





div#content h4.homepage_intro {

	line-height:28px;

	font-size: 14px; 

	}



	

/*==================================================================================================

 

     3. LINK STYLES



================================================================================================== */





	



/* End Typography & Colors */







/*=================================================

	

	STYLES FOR JQUERY DROP DOWN MENU

	

=================================================*/





/*Top level menu link items style*/



div#header div.jqueryslidemenu ul#navigation li a {

	display: block;

	background: #C2C2C2; /*background of tabs (default state)*/

	color: #FFFFFF;

	border-top-width: 0px;

	text-decoration: none;

	font-size: 11px;

	line-height: 17px;

	text-align: left;

	}



* html div#header div.jqueryslidemenu ul#navigation li a { /*IE6 hack to get sub menu links to behave correctly*/

	display: inline-block;

	border-top-width: 0px;

	font-size: 11px;

	line-height: 17px;

	text-align: left;

	}



	

/*1st sub level menu*/

div#header div.jqueryslidemenu ul#navigation li ul { 

	position: absolute;

	left: 0;

	display: block;

	visibility: hidden;

	z-index: 200;

	padding: 0;

	margin: 0;

	list-style: none;

	font-size: 11px;

	line-height: 11px;

	background: url(images/bottom-bar.gif) bottom left no-repeat;

	padding-bottom:8px;

	border-top: 1px solid #CCCCCC;

	/*background-color:pink;*/

	}





/*Sub level menu list items (undo style from Top level List Items)*/

div#header div.jqueryslidemenu ul#navigation li ul li {

	display: list-item;

	float: none;

	padding: 0;

	margin: 0;

	}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

div#header div.jqueryslidemenu ul#navigation li ul li ul {

	top: 0;

	padding: 0;

	margin: 0;

	}





/* Sub level menu links style */

div#header div.jqueryslidemenu ul#navigation li ul li a {

	font-size: 11px;

	line-height: 12px;

	text-align: left;

	padding: 5px 10px 5px 10px;

	margin: 0;

	width: 114px; /* was 134px */

	border-top-width: 0px;

	border-bottom: 1px solid #CCCCCC;

	}



div#header div.jqueryslidemenu ul#navigation li ul li a:hover { /*sub menus hover style*/

	background: #EE3121;

	color: #FFFFFF;

	}



/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

	display: none;

	position: absolute;

	top: 12px;

	right: 7px;

	}



.rightarrowclass{

	display: none;

	position: absolute;

	top: 6px;

	right: 5px;

	}



/* ----------------- End Drop Down Nav -------------------- */







div#header div.jqueryslidemenu ul#navigation {

	margin:0;

	padding: 0;

	/*width: 675px;*/

	float: left;

	list-style: none;

	/*background-color: #6666CC;*/

	}



	div#header div.jqueryslidemenu ul#navigation li {

	position: relative;

	display: inline;

	float: left;

	z-index: 150;

	padding: 0;

	/*margin: 0 2px 0 0;*/

	margin-right: 5px;

	}

	

	div#header div.jqueryslidemenu ul#navigation li a#n-home {

	background: url(images/top-nav.jpg) no-repeat 0 0;

	display: block;

	overflow: hidden;

	text-indent: -9999px;

	height:28px;

	width: 134px;

	}

	div#header div.jqueryslidemenu ul#navigation li a#n-home:hover, 

	body.page-3 div#header div.jqueryslidemenu ul#navigation li a#n-home.current {

	background: url(images/top-nav.jpg) no-repeat 0 -28px;

	}





	div#header div.jqueryslidemenu ul#navigation li a#n-services {

	background: url(images/top-nav.jpg) no-repeat -134px 0;

	display: block;

	overflow: hidden;

	text-indent: -9999px;

	height:28px;

	width: 134px;

	}

	div#header div.jqueryslidemenu ul#navigation li a#n-services:hover, 

	body.page-8 div#header div.jqueryslidemenu ul#navigation li a#n-services.current, 

	body.page-49 div#header div.jqueryslidemenu ul#navigation li a#n-services.current, 

	body.page-55 div#header div.jqueryslidemenu ul#navigation li a#n-services.current, 

	body.page-52 div#header div.jqueryslidemenu ul#navigation li a#n-services.current, 

	body.page-57 div#header div.jqueryslidemenu ul#navigation li a#n-services.current, 

	body.page-60 div#header div.jqueryslidemenu ul#navigation li a#n-services.current, 

	body.page-62 div#header div.jqueryslidemenu ul#navigation li a#n-services.current {

	background: url(images/top-nav.jpg) no-repeat -134px -28px;

	}





	div#header div.jqueryslidemenu ul#navigation li a#n-web {

	background: url(images/top-nav.jpg) no-repeat -268px 0;

	display: block;

	overflow: hidden;

	text-indent: -9999px;

	height:28px;

	width: 134px;

	}

	div#header div.jqueryslidemenu ul#navigation li a#n-web:hover, 

	body.page-12 div#header div.jqueryslidemenu ul#navigation li a#n-web.current {

	background: url(images/top-nav.jpg) no-repeat -268px -28px;

	}

	

	

	div#header div.jqueryslidemenu ul#navigation li a#n-news {

	background: url(images/top-nav.jpg) no-repeat -402px 0;

	display: block;

	overflow: hidden;

	text-indent: -9999px;

	height:28px;

	width: 134px;

	}

	div#header div.jqueryslidemenu ul#navigation li a#n-news:hover, 

	body.home div#header div.jqueryslidemenu ul#navigation li a#n-news.current {

	background: url(images/top-nav.jpg) no-repeat -402px -28px;

	}

	

	div#header div.jqueryslidemenu ul#navigation li a#n-useful {

	background: url(images/top-nav.jpg) no-repeat -536px 0;

	display: block;

	overflow: hidden;

	text-indent: -9999px;

	height:28px;

	width: 134px;

	}

	div#header div.jqueryslidemenu ul#navigation li a#n-useful:hover, 

	body.page-17 div#header div.jqueryslidemenu ul#navigation li a#n-useful.current {

	background: url(images/top-nav.jpg) no-repeat -536px -28px;

	}	

	

	div#header div.jqueryslidemenu ul#navigation li a#n-contact {

	background: url(images/top-nav.jpg) no-repeat -670px 0;

	display: block;

	overflow: hidden;

	text-indent: -9999px;

	height:28px;

	width: 134px;

	}

	div#header div.jqueryslidemenu ul#navigation li a#n-contact:hover, 

	body.page-19 div#header div.jqueryslidemenu ul#navigation li a#n-contact.current {

	background: url(images/top-nav.jpg) no-repeat -670px -28px;

	}	

	

	div#header div.jqueryslidemenu ul#navigation li a#nav_contact_us {

	background: url(images/top-nav.jpg) no-repeat 0 -6px;

	display: block;

	overflow: hidden;

	text-indent: -9999px;

	height:28px;

	width: 134px;

	}

	

	div#header div.jqueryslidemenu ul#navigation li a#nav_contact_us:hover, body.page-42 div#header div.jqueryslidemenu ul#navigation li a#nav_contact_us.current {

	background: url(images/top-nav.jpg) no-repeat 0 -41px;

	}				



/* End Main Navigation */









div#header div#main_nav_slidemenu{

	float: left;

	/*width: 675px;*/

	padding: 0;

	z-index: 120;

	

	

	/* my extras */

	width:842px; /* was 950px */

	/*background-color:green;*/

	margin: 43px 0 0 60px;

	display:inline;

	/*border: 1px solid red;*/

	}







/*==================================================================================================



	5. SIDEBAR NAVIGATION

	

==================================================================================================*/









/*==================================================================================================





	6. MAIN STRUCTURE

 

==================================================================================================*/



body {

	margin:0;

	padding:0;

	height: auto;

	background: #D1D1D1 url(images/bg_gradiant.jpg) 0 0 repeat-x;

	}	

.wrapper {

	margin:0 auto;

	width:950px;

}

.page_container {

	float:left;

	width:950px;

	display:inline;

	background-color:#fff;

	/*border-bottom:30px green solid;*/

}





div#header {

	float:left;

	width:950px; /* was 950px */

	background-color:#fff;

	border-bottom:3px solid #cccccc; /* light grey */

	display:inline;

	/*background-color:red;*/

	}



div#header a.logo {

	float:left;

	width:842px; /* was 950px */

	margin:43px 54px 0 54px !important;

	height:89px;

	background-image: url(images/logo-meachers.gif);

	background-repeat:no-repeat;

	text-indent:-3000px;

	display:inline;

	/*border-bottom:1px solid blue;*/

	}



#content{

	float:left;

	margin:20px 80px 20px 0;

	width:540px; /* was 620px */

	padding-left:52px;

	display:inline;

	/*background-color:grey;*/

	}

.content-b{

	float:left;

	margin:20px 0 20px 0;

	width:568px; /* was 620px */

	padding-left:52px;

	padding-right:52px;

	display:inline;

	/*background-color:grey;*/

	}

	

	body.page-19 div#content {

	width: 620px;

	float: left;

	margin: 0;

	padding: 20px 0 20px 52px;

	}

	



#sidebar{

	float:left;

	margin:12px 0 10px 0;

	width:226px;

	text-align:right;

	display:inline;

	}

	

#sidebar.homepageonly{

	width:202px; /* was 226px */

	text-align:left;

	padding:10px;

	border: 2px solid #ccc; /* grey */

	}

#sidebar p{

	text-align:right;

	}

#sidebar.topper{

	margin-top:24px;

	}

.sidebar-offs{

	float:left;

	width:226px;

	margin:0 0 10px 0;

	padding:0;

	display:inline;

	}

	

div.blogbut {

	float:left;

	margin:0 0 10px 0;

	display:inline;

}



div.fuel_button {

	float: left;

	clear: both;

	padding: 10px 0 0 0;

	}



div.twitter {

	float:left;

	margin:0 0 10px 0;

	padding:10px;

	display:inline;

	border:2px solid #CCCCCC;

	width:202px;

}



div.twitter h3 {

text-transform:uppercase;

padding: 0 0 10px 0;

font-size:1.1em;

}



div.twitter h3 a {

color:#EE3121;

}



div.twitter ul {

border-top:1px solid #ccc;

font-size:11px;

line-height:14px;

}



div.twitter ul li {

list-style:none;

border-bottom:1px solid #ccc;

}



div.twitter ul li a {

display:block;

padding-top:10px;

padding:10px;

color:#666;

}



div.twitter ul li a:hover {

background:#e0e0e0;

}





.content-split {

	float:left;

	width:290px; /* was 310px */

	margin-right:20px;

	/*background-color:#EBEBEB;*/

	}

/*----------- Sidebar contact form -------*/	



div#sidebar_form{

float:left;

width:225px;

position:relative;}



div#sidebar_form div.ddfmwrap{

float:right;

width:328px;}



div#sidebar_form form.mid-form{

float:left;

overflow:hidden;

width:229px;}



div#sidebar_form div.ddfmwrap div.ddfmerrors{

position:relative;

left:52px;

bottom:5px;}



div#sidebar_form div.ddfmwrap div.errorlist{

margin:15px 0 0 0;

}





div#verify{

float:left;}



div#verify img{

float:left;

margin:0 0 10px;}



div.sidebar-split {

	border:2px solid #CCCCCC;

	padding:5px 17px 0;

	float:left;

	width:188px; /* was 310px */

	margin:10px 20px 0 0;

	/*background-color:#EBEBEB;*/

	}

	

	div.sidebar-split input.ex{

	width:177px;}

	

	div.sidebar-split p.sidebar_field{

	color:#666666;}

	

	div.sidebar-split textarea#fm_message{

	width:177px!important;

	height:36px;

	}

	

	/*-----------End of Sidebar contact form -------*/

	

	

.margin-off {

	margin-right:0;

	/*background-color:blue;*/

	}





.hp-set-parent {

	float:left;

	width:846px; /* was 898px */

	border-top: 1px dotted #808080;

	padding-top:20px;

	margin-left:52px;

	margin-bottom:40px;

	/*background-color:#pink;*/

	display:inline;

	/*background-color:hotpink;*/

	}

.hp-set-child {

	float:left;

	width:127px;

	border-right: 1px dotted #999999;

	margin:0 8px 0 0;

	padding: 0 7px 0 0;

	font-size:0.8em;

	height:420px;

	line-height:1.1em;

	display:inline;

	/*background-color:green;*/

	}

.hp-set-child a img{

	border: 1px solid #EBEBEB; /* faint grey */

	padding:1px;

	}

.hp-set-child a:hover img{

	border: 1px solid #E71317; 

	}

.hp-set-child p {

	line-height:1.2em;

	margin-bottom:0;

	}

.hp-set-child h3{

	margin: 10px 0 0 0;

	height:4.2em;

	}

.hp-set-child h3 a{

	text-transform:uppercase;

	font-weight:bold;

	font-size:1.2em;

	line-height:1.2em;

	text-decoration:none;

	color:#000000;

	}

	

	

	

	

.hp-set-child h3 a:hover{

	color:#E71317;

	}

.hp-set-child ul{

	float:left;

	margin-top:10px;

	display:inline;

	/*background-color:yellow;*/

	}

.hp-set-child ul li{

	float:left;

	list-style:circle;

	display:inline;

	/*background-color:grey;*/

	}

.hp-set-child ul li{

	float:left;

	width:111px; /* was 123px */

	padding:2px 2px 2px 10px;

	text-decoration:none;

	color:#000000;

	display:inline;

	background: transparent url(images/bullet.gif) 0 5px no-repeat;

	}

.hp-set-child ul li a:hover{

	background-color:#ccc;

	}

	

.hp-set-child.rightside-off {

	border-right:none;

	margin-right:0;

	padding-right:0;

	}





.hp-set-child-internal {

	float:left;

	width:127px;

	border-right: 1px dotted #999999;

	margin:0 8px 0 0;

	padding: 0 7px 0 0;

	font-size:0.8em;

	height:200px;

	line-height:1.1em;

	display:inline;

	/*background-color:green;*/

	}

.hp-set-child-internal a img{

	border: 1px solid #EBEBEB; /* faint grey */

	padding:1px;

	}

.hp-set-child-internal a:hover img{

	border: 1px solid #E71317; 

	}

.hp-set-child-internal p {

	line-height:1.2em;

	margin-bottom:0;

	}

.hp-set-child-internal h3{

	margin: 10px 0 0 0;

	}

.hp-set-child-internal h3 a{

	float:left;

	text-transform:uppercase;

	background-repeat:no-repeat;

	font-weight:bold;

	font-size:1.2em;

	line-height:1.2em;

	text-decoration:none;

	color:#000000;

	padding-top:150px !important;

	width:123px;

	}

	

.sca {	background-image:url(images/hp_tn_pic1.jpg);	}

.scb{	background-image:url(images/hp_tn_pic2.jpg);	}

.scc{	background-image:url(images/hp_tn_pic3.jpg);	}

.scd{	background-image:url(images/hp_tn_pic4.jpg);	}

.sce{	background-image:url(images/hp_tn_pic5.jpg);	}

.scf{	background-image:url(images/hp_tn_pic6.jpg);	}





body.page-49 .sca{	background-image:url(images/hp_tn_pic1-grey.jpg);	}

body.page-52 .scb{	background-image:url(images/hp_tn_pic2-grey.jpg);	}

body.page-55 .scc{	background-image:url(images/hp_tn_pic3-grey.jpg);	}

body.page-57 .scd{	background-image:url(images/hp_tn_pic4-grey.jpg);	}

body.page-60 .sce{	background-image:url(images/hp_tn_pic5-grey.jpg);	}

body.page-62 .scf{	background-image:url(images/hp_tn_pic6-grey.jpg);	}



	

.hp-set-child-internal h3 a:hover{

	color:#E71317;

	}

.hp-set-child-internal ul{

	float:left;

	margin-top:10px;

	display:inline;

	/*background-color:yellow;*/

	}

.hp-set-child-internal ul li{

	float:left;

	list-style:circle;

	display:inline;

	/*background-color:grey;*/

	}

.hp-set-child-internal ul li{

	float:left;

	width:111px; /* was 123px */

	padding:2px 2px 2px 10px;

	text-decoration:none;

	color:#000000;

	display:inline;

	background: transparent url(images/bullet.gif) 0 5px no-repeat;

	}

.hp-set-child-internal ul li a:hover{

	background-color:#ccc;

	}

	

.hp-set-child-internal.rightside-off {

	border-right:none;

	margin-right:0;

	padding-right:0;

	}





/* End Structure */









	

	



/*==================================================================================================



	9. INNER ELEMENTS

 

 ====================================================================================================*/

 

.entry p img{

	float:left;

	border: 1px solid #ccc;

	padding:1px;

	margin: 5px 10px 10px 0;

	display:inline;

}



div#content div.entry p img#noborder {

	display: block;

	border: 0;

	padding:1px;

	margin: 10px 0 10px 0;

	float: none;

	}





/*=================================================

	

	7. INNER ELEMEMTS



=================================================*/









/*============ FOOTER FEATURE STYLES ===============*/



div#footer{

	float: left;

	width: 950px;

	/*background-color:#fff;*/

	padding-bottom:12px;

	}

	

	div#footer div#footer_bottom {

	float: left;

	clear: both;

	width: 950px;

	/*background-color:#fff;*/

	}

	

/*============ FOOTER FEATURE STYLES - logos ===============*/



div#footer ul.logos {

	float: left;

	clear: none;

	margin: 0;

	list-style: none;

	width: 300px;

	padding: 0 325px 0 375px;

	}

	

	div#footer ul.logos li {

	float: left;

	clear: none;

	margin: 0 10px 0 0;

	padding: 0;

	height:34px;

	background-image: url(images/footer-logos.gif);

	text-indent:-3000px;

	}

	

#footer ul.logos li.l-aeo{	width:52px; 	        background-position: 0 0;      }

#footer ul.logos li.l-bifa{     width:36px;		background-position: -76px 0;  }

#footer ul.logos li.l-ukwa{	width:58px;		background-position: -133px 0; }

#footer ul.logos li.l-rha{	width:44px;		background-position: -211px 0; }

	

.no-divider {

	margin-right: 0 !important;

	border-right: none !important;

	}











/*============ NEWS TICKER 2 OLD STYLES ===============*/



div#footer div#TICKERSPEED {

	display: none;

	}



div#footer div.ticker-parent div#TICKER {

	float: left;

	width: 890px;

	overflow: hidden;

	}

	

	div#footer div.ticker-parent div#TICKER table td span#TICKER_BODY span {

	margin: 0 10px;

	font-size:12px;

	/*background-color:green;*/

	}



#footer .ticker-parent p strong {

	text-transform:uppercase;

	color:#EE3121; /* meachers red */

	margin:0 10px 0 5px;

	}

	

div#footer div.ticker-parent div#TICKER table a { /* 'More' & 'Title' link */

	color: #808080;

	font-size:12px;

	/*background-color:hotpink;*/

	}

	

div#footer div.ticker-parent div#TICKER table a:hover{

	text-decoration:none;

	}



#TICKER img{ /* SAFARI BUG FIX !!!!!!!!!!! */

	height:0;

	/*border: 1px solid red;*/

	}



/*============ NEWS TICKER 1 OLD STYLES ===============*/



#footer .ticker-parent ul{

	/*background-color:red;*/

	}

#footer .ticker-parent ul li{

	/*background-color:green;*/

	}

#footer .ticker-parent p strong{

	text-transform:uppercase;

	color:#EE3121; /* meachers red */

	margin:0 10px 0 5px;

	}

#footer .ticker-parent ul#news li span a, 

#footer .ticker-parent ul#news li span b a{ /* 'More' & 'Title' link */

	color:#808080;

	}

#footer .ticker-parent a:hover{

	text-decoration:none;

	}

	

/*============ NEWS TICKER 3 STYLES ===============*/





p.tick-title {

	float: left;

	text-transform:uppercase;

	color:#EE3121; /* meachers red */

	margin:0 10px 0 5px;

	display:inline;

	}



/* liScroll style declarations */



.tickercontainer { /* the outer div with the black border */

	float: left;

	width:890px; /* originally 950px  */

	background-color:#CCC; /* faint grey */

	margin-bottom:43px;

	height: 27px; 

	margin: 0; 

	padding: 0;

	padding-left: 50px;

	padding-right: 10px;

	overflow: hidden; 

	background-image:url(images/title.gif);

	background-repeat:no-repeat;

	display:inline;

}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */

	position: relative;

	left: 0px;

	top: 7px;

	width:890px;

	overflow: hidden;

	/*background-color:green;*/

}

ul.newsticker { /* that's your list */

	position: relative;

	left: 750px;

	font: bold 10px Verdana;

	list-style-type: none;

	margin: 0;

	padding: 0;

}

ul.newsticker li {

	float: left; /* important: display inline gives incorrect results when you check for elem's width */

	margin: 0;

	padding: 0;

	/*background: #fff;*/

}

ul.newsticker a {

	white-space: nowrap;

	padding: 0;

	color: #444444; /* charcoal */

	font: bold 10px Verdana;

	margin: 0 30px 0 0;

} 

ul.newsticker a:hover {

	color: #EE3121; /* meachers red */

} 

ul.newsticker span {

	margin: 0 10px 0 0;

} 







/*============ FOOTER FEATURE STYLES - links ===============*/



div#footer div#footer_links {

	float: left;

	clear: both;

	width: 950px;

	text-align:center;

	padding-top:20px;

	}

	

div#footer div#footer_links a:hover{

	color:#000;

	text-decoration:underline;

	}

	



/*============ FOOTER FEATURE STYLES - wrapper-footer ===============*/

.wrapper-footer{

	margin:0 auto;

	width:950px;

	text-align:

	/*background-color:blue;*/

}

.wrapper-footer p{

	float:left;

	width:950px;

	color:#4C4C4C;

	font-size:0.9em;

	line-height:1.4em;

	text-align:center !important;

	/*border:1px solid red;*/

	margin-top:12px !important;

	display:inline;

}



/*============ SITE MAP STYLES ===============*/



	

div#content div.ddsg-wrapper {

	float: left;

	width:600px;

	}



div#content div.ddsg-wrapper h2 {

	display: none;

	}



div#content div.ddsg-wrapper div.ddsg-pagenav {

	float: left;

	clear: both;

	width:600px;

	}

	

	div#content div.ddsg-wrapper div.ddsg-pagenav p {

	text-align: right;

	}



div.navigation {

	display:none;}

	

div#respond {

	display:none;}



h3#comments {

	display:none;}

.commentlist {

	display:none;}



.post-edit-link {

	display:none;}















/*==================================================================================================

	

	8. LISTS 



==================================================================================================*/







/*---------------------- FOOTER LATEST CASE STUDIES -------------------------*/







/*==================================================================================================



	9. FORMS

 

 ====================================================================================================*/

 

#sidebar select {

	background-color:#FFFFFF;

	border:1px solid #ccc;

	color:#666666;

	float:left;

	/*font-style:italic;*/

	padding:4px;

	width:202px;

	/*margin-bottom:10px;*/

	display:inline;

}





.set {	

	float:left;

	width:280px;

	display:inline;

	/*background-color:green;*/

	margin-bottom:10px;

}

.mid-form p strong{	

	color:#333333;

}

.mid-form p span {	

	position:relative;

	top:-10px;

	left:0;

	margin-bottom:-20px !important;

}



/*==================================================================================================

	8b. Form In Center Column - Full Width (i.e. Contact Page)

  ====================================================================================================*/



.mid-form {	

	float:left;

	width:620px;

	display:inline;

	/*background-color:yellow;*/

}

.mid-form label {

	float:left;

	width:120px;

	font-size:12px;

	margin-right:15px;

	display:inline;

}

.mid-form input.ex,

.mid-form select.ex,

.mid-form textarea {

	background-color:#FFFFFF;

	border:1px solid #999;

	color:#666666;

	float:left;

	/*font-style:italic;*/

	padding:4px;

	width:144px;

	margin-bottom:5px;

	display:inline;

	clear:right;

}

.mid-form textarea {

	width:auto !important;

}



.mid-form label.formLabel {

	float:left;

	padding-top:3px;

	width:80px;

}



.homepageonly select {

	color:0.9em;

}





p.checkboxes {

	float:left;

	margin-right:5px;

	padding-left:2px;

	width:120px;

	margin-bottom:1px !important;

	display:inline;

}



/*---------------------- LABELS FIELD -------------------------*/



	

form#searchform label {

	text-align: left;

	font-size: 14px;

	padding: 0 0 10px 0;	

	}



label.short_label {

	width: 60px;

	text-align: left;

	padding: 5px 0 0 0;

	margin: 0;

	}





/*----------------------TEXT FIELD -------------------------*/



input.form_textfield {

	width: 180px;

	float: left;

	height: 15px;

	margin: 0 0 9px 0;

	padding: 6px;

	border: 1px solid #999999;

	background-color: #ffffec;

	}

	

	input.newsletter_textfield {

	width: 236px;

	float: left;

	height: 15px;

	margin: 0 0 9px 0;

	padding: 6px;

	border: 1px solid #676159;

	background-color: #e5e5e5;

	}

	

	textarea.form_textfield {

	width: 270px;

	margin: 0 0 9px 0;

	padding: 6px;

	border: 1px solid #999999;

	background-color: #ffffec;

	}



/*---------------------- SELECT -------------------------*/



select.fmselect {

	float:left;

	width:154px;

	margin: 0 0 9px 0;

	color:#666666;

	padding: 4px;

	border: 1px solid #999999;

	background-color: #fff;

	display:inline;

	}





/*----------------------TEXT AREA-------------------------*/



	

textarea.fmtextarea {

	border: 1px solid #999999;

	background-color: #fff;

	}

	



/*---------------------- SUBMIT BUTTONS -------------------------*/

	



form.ddfm div.submit {

	padding: 0 0 0 137px;

	}



	form.ddfm div.submit input {

	background-color: #F68621;

	border: 1px solid #CF6100;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style: italic ;

	font-weight: bold;

	font-size: 14px;

	color: #FFFFFF;

	width: 120px;

	height: 30px;

	padding: 0px 1px 3px 1px;

	}

	

	

	input.submit_button {

	background-color: #F68621;

	border: 1px solid #CF6100;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

	font-size: 14px;

	color: #FFFFFF;

	width: 90px;

	height: 30px;

	padding: 0px 1px 3px 1px;

	float: right;

	}

	

	form.mid-form fieldset {

	float: left;

	border: 0;

	padding: 10px 0;

	}

	

	form.mid-form fieldset legend {

	border: 0;

	padding: 0 0 5px 0;

	color: #333;

	font-weight: bold;

	}



/*---------------------- DAGON DESIGN FORM MAILER STYLES -------------------------*/





form.ddfm .required, div.ddfmerrors {

	color: #FF0000;

	}



/* STRUCTURE CSS */



.ddfmwrap {

	float: left;

	width: 550px;

	}



.ddfmwrap p.fieldwrap {

	padding: 1px;

	margin: 1px;

	clear: left;

}



form.ddfm {

	text-align: left;

	width: 550px;

	}



form.ddfm legend {

	padding: 0 6px 0 6px;

	margin: 0 0 0 10px;	 

}





form.ddfm select.fmselect {

	float: left; 

	display: block;

	margin-bottom: 15px;  

	padding: 3px;

	width:50%;

}





form.ddfm .credits {

	text-align: right;

	margin-top: 7px;

	width: 97%;

}



.ddfmwrap .ddfmerrors {

	display: block; 

	float: left; 

	width: 27%; 

	text-align: right;

	margin: 0 10px 0 0; 

	padding-bottom: 15px;

}



.ddfmwrap .errorlist {

	float: left; 

	display: block;

	font-weight: bold;

	color: #CC0000;

	width: 65%;

	padding: 0;

	text-align: left;

	}



div#footer_feature_bg div.footer_feature div.footer_feature_left div.ddfmwrap {

	margin: 10px 0 0 0;

	width: 310px;

	float:left;

	}

	

	div#footer_feature_bg div.footer_feature div.footer_feature_left div.ddfmwrap div.ddfmerrors {

	float:left;

	margin: 0;

	padding: 1px 15px 15px 0;

	text-align: left;

	width: 45px;

	color: #CC0000;

	}

	

	div#footer_feature_bg div.footer_feature div.footer_feature_left div.ddfmwrap div.errorlist {

	float:left;

	margin:0;

	padding:0;

	text-align:left;

	width: 250px;

	color: #CC0000;

	}

	





/*==================================================================================================

	

	10. Various Tags & Classes 

	

==================================================================================================*/





acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



div.navigation {

	float: left;

	clear: both;

	padding: 7px 0 0 0;

	border-top: 1px solid #CCCCCC;

	width: 600px;

	margin-bottom:10px;

	}



.imagealignright {

	float: right;

	margin: 0 0 0 15px;

	}



.align_right {

	float: right;

	text-align:right;

	width: 280px;

	}



.align_left {

	float: left;

	width: 280px;

	}





/*  Gets Rid Of Credits at the end of Dagon Design Plugins*/



div#content.narrowcolumn div.entry div.ddsg-wrapper div {

	display: none;

	}



div.ddfmwrap div.credits {

	display: none;

	}



div#content.narrowcolumn ul li#linkcat-2 h2  {

	display: none;

	}



body.page-24 div.ddsg-wrapper h2 {

	display: none;

	}





.alignright {

	float:right;

	background-color: #00FF00;}

	

.aligncenter {

	float:center;}

	

.alignleft {

	float:left;

	background-color: #FF0000;}

	

	p.alignleft_short {

	float:left;

	clear: both;

	width: 240px;	

	}

	

	

	

div.navigation div.previous_page {

	float: left;

	width: 200px;

	text-align: left;

	}



div.navigation div.next_page {

	float: right;

	width: 200px;

	text-align: right;

	}

	

	

/* End Various Tags & Classes*/







/*==================================================================================================

	

	11. Headers

	

==================================================================================================*/









/*==================================================================================================

	

	12. TABLES

	

==================================================================================================*/





div#content table {

	margin: 10px 0 0 0;

	padding: 0;

	border: 0;

	width: 100%;

	border-collapse: collapse;

	}

	

	div#content table th {

	margin: 0;

	padding: 6px;

	border: 1px solid #FFFFFF;

	background: #666666;

	color: #FFFFFF;

	font-weight: bold;

	}	

	

	div#content table td {

	margin: 0;

	padding: 6px;

	border: 1px solid #CCCCCC;

	}



	

/*==================================================================================================

	

	13. BUTTONS

	

==================================================================================================*/



div.breadcrumb {

	margin:0 0 10px 0;

	padding:5px 0 5px 0;

	border-bottom: 1px dotted #999;

	border-top: 1px dotted #999;

	color:#808080;

}



div.breadcrumb a {

	color:#808080;

}



div.breadcrumb a:hover {

	color:#E71317;

}



h2 a.redysitemap {

	font-size: 14px !important;

	line-height: 1.2em;

	padding: 0 0 10px 0;

	margin: 0;

	color: #EE3121; /* meachers red */

	letter-spacing: -1px;

	text-transform:uppercase;

	margin-top:10px;

	font-weight:bold;

}




