/*
---------------------------- STANDARD SETTINGS 
*/

body, p ,h1 ,h2 ,h3 ,h4 ,h5 ,h6, ol, ul, form, blockquote {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 62.5%;
}

a {
	text-decoration: none;
}

a img {
	border: none;
}

body {
	font-family: "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 150%;
	margin: 0;
	padding: 0;
	background-color: #faf9fa;
}


/*
---------------------------- Layout
*/

#idBranding {
	width: 100%;
	height: 10em;
	background-color: #37283a;
	border-bottom: 4px solid #fff;
}

#idInnerBranding {
	width: 76em;
	height: 10em;
	margin: 0 auto;
	position: relative;
}

#idPage {
	width: 100%;
	border-top: 1px solid #a8a4ab;
	background: url(../images/2mf-page-background-chip.jpg) repeat-x left top;
}

#idContentWrapper {
	width: 76em;
	margin: 0 auto;
}

#idContentInnerWrapper {
	width: 76em;
	float: left;
	background: #e8e7e8 url(../images/2mf-content-wrapper-background-chip.gif) repeat-y 18em top;
}

* html #idContentInnerWrapper {
	height: 25em;
}

#idHomeContentWrapper {
	width: 76em;
	min-height: 25em;
	margin: 0 auto;
	background-color: #fff;
}

* html #idHomeContentWrapper {
	height: 45em;
}

#idHomeTop {
	float: left; 
/*	width: 76em; */
	background-color: #37283a;
}

#idHomeBottom {
	float: left;
/*	background-color: #fff; */
	background: #fff url(../images/institute-of-fundraising-web-logo.gif) no-repeat bottom right;
	width: 76em;
	padding-bottom: 5em;
	position: relative;
}

#idHomeBottom img.clInstituteLogo {
	position: absolute;
	right: 1em;
	bottom: 0.8em;
}

#idCTAWrapper {
	float: right;
	width: 58em; 
}

* html #idCTAWrapper {
	display: inline;
}

#idContent {
	float: right;
	width: 58em;
	min-height: 25em;
}

* html #idContent {
	height: 45em;
	display: inline;
}

#idCTAlist {
	width: 54em;
	float: right;
	margin: 2em 2em 1em;
	padding: 1em 0;
	border-top: 1px dashed #999;
}

*+html #idCTAlist {
	margin: 2em 2em 1em;	
}

* html #idCTAlist {
	margin: 2em 0em 1em 2em;	
}

#idMainText {
	float: left;
	margin: 2em;
	width: 34.8em;
}

#idMainTextFull {
	float: left;
	margin: 2em;
	width: 54em;
}

* html #idMainTextFull {
	width: 48em;
}

#idSummaryColumn {
	float: right;
	width: 17em; 
	margin: 2em 2em 2em 0;
}

#idSummaryColumn img {
	width: 15.6em;
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #c2bfc4;
	margin-top: 4em;
	margin-bottom: 0.6em;
}

#idSummaryColumn p.clCaption {
	color: #5a6169;
	font-size: 1.1em;
}

#idSummaryColumn p.clSummary {
	font-family: Verdana, Arial, Sans;
	font-size: 1.1em;
	line-height: 120%;
	color: #5a6169;
	font-weight: normal;
	margin-bottom: 0.8em;
}

#idSummaryColumn p.clSummary span {
	color: #5a5b78;
	display: block;
	font-weight: bold;
	padding-bottom: 0.2em;
	margin: 0.3em 0;
	border-bottom: 1px dotted #8788a5;
}

#idSecondary {
	float: left;
	width: 18em;
}


/*
---------------------------- Letter Text
*/

#idContent .clLetter {
	margin: 2em 0 3em;
	background-color: #f5f5f3;
	border: 1px solid #e1dee2;
	padding: 1.5em;
}

#idContent p.clLetterHeader {
	font-size: 1.1em;
	color: #555355;
	display: block;
	padding-bottom: 0.3em; 
	margin-bottom: 1.6em;
	border-bottom: 1px dashed #9a989a; 
	line-height: 140%;
}

#idContent p.clLetterQuote {
	font-size: 1.3em;
	font-style: italic;
	line-height: 150%;
	color: #5a5b78;
	margin-bottom: 0.8em;
}


#idContent img.clFreeImage {
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #c2bfc4;
	margin: 0.6em 0 0;
}

#idContent p.clFreeCaption {
	font-family: Verdana, Arial, Sans;
	color: #5a6169;
	font-size: 1.0em;
	margin: 0.2em 0 2em;
}

/*
---------------------------- Paragraphs Text
*/

#idContent p {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	color: #251b27;
	margin: 0.4em 0 0.8em 0.2em;
}

p.clIntro {
	margin: -1.2em 0 1em 0 !important;
	color: #5a6169 !important;
	font-style: italic !important;
	line-height: 120% !important;
}



#idContent ul, ol {
	margin: 0.4em 6em 1.6em 0.2em;
	list-style: none;
}

#idContent li {
	color: #251b27;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.3em;
	line-height: 130%;
	margin: 0.4em 0;
}

/*

#idContent ol li.clNumberOne {
	padding-left: 1.8em;
	background: url(../images/number-one-bullet.gif) no-repeat left 0.1em; 
}

#idContent ol li.clNumberTwo {
	padding-left: 1.8em;
	background: url(../images/number-two-bullet.gif) no-repeat left 0.1em; 
}

#idContent ol li.clNumberThree {
	padding-left: 1.8em;
	background: url(../images/number-three-bullet.gif) no-repeat left 0.1em; 
}

*/

#idContent ol li {
	padding-left: 1.8em;
	background: url(../images/number-one-bullet.gif) no-repeat left 0.1em; 
}

#idContent ol li + li {
	padding-left: 1.8em;
	background: url(../images/number-two-bullet.gif) no-repeat left 0.1em; 
}

#idContent ol li + li + li {
	padding-left: 1.8em;
	background: url(../images/number-three-bullet.gif) no-repeat left 0.1em; 
}

#idContent ul li {
	padding-left: 1.8em;
	background: url(../images/2mf-double-light-arrow.gif) no-repeat 0.6em 0.4em; 
}

#idContent li a {
	font-size: 90%;
	font-weight: bold;
}

#idContent blockquote p {
	font-family: Verdana !important;
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	margin: 0.5em 2.0em 1em 1.4em !important;
}

.cl2MBox {
	margin: 2em 13em 3em 3em;
	background-color: #cbc6cc;
	/*37293b */
}

.cl2MBox h2 {
	display: block;
	margin: 0.5em 0;
	color: #f5f3f4;
	padding: 0.4em 2em 0.4em 3em;
	background: #37293b url(../images/2m-logo-bg-small.gif) no-repeat 1em 0.5em;
}

.cl2MBox ul {
	margin: 0 1.8em;
	padding: 0 2em 1em;
}

.cl2MBox ul li {
	background: url(../images/2mf-double-ry-arrow.gif) no-repeat 0.6em 0.4em !important;
}

.cl2MBox ul li a {
	font-weight: normal !important;
}

.cl2MServices {
	margin: 3em 0 1em;
	background-color: #f5f5f3;
	border: 1px solid #e1dee2;
	padding: 0 2em 2em;
}


/*
---------------------------- Home Top 
*/


#idPositioning {
	width: 58em;
	float: left;
	background-color: #d8d5d9;
	margin: 0;
	padding: 0;
}

#idUpperPositioning {
	width: 58em;
	position: relative;
	height: 20em;
	background-color: #fff; 
}

#idUpperPositioning img {
	position: absolute;
	bottom: 0px;
	z-index: 0;
}

#idPositioningStatement {
	margin: 0 0 0 280px;
	background: #dedcdf url(../images/2mf-pos-statement-bg.jpg) repeat-y top left;
	height: 100%;
	padding: 0;
}

#idPositioningStatement h2 {
	margin: 0;
	padding: 0.3em 1.2em 0 0.8em;
	padding-bottom: 0;
	color: #bf151e;	
	font-size: 2.1em;
	line-height: 110%
}

#idPositioningStatement h3 {
	margin: 0.2em 0;
	padding: 0 1em;
	color: #BF151E;	
	font-size: 1.5em;
	line-height: 120%
}

#idPositioningStatement p {
	margin: 0;
	padding: 0.4em 0.8em 0 1.8em;
}

#idLowerPositioning {
	clear: both;
	height: 5.4em;
}

p#idCaption2M {
	margin: 0;
	float: left;
	width: 270px;
	padding: 0.5em 5px;
	background-color: #37283a;
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	height: 4em;
}

.clCaptionPositioning {
	margin: 0 0 0 280px;
	padding: 0.2em 1.2em;
}

.clCaptionPositioning a:link, .clCaptionPositioning a:visited {
	margin: 0.4em 0;
	display: block;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0.4em 0 0.1em 1.0em;
	color: #bf151e;
	background: url(../images/2mf-double-ry-arrow.gif) no-repeat left 0.6em;
	text-decoration: none; 
}

.clCaptionPositioning a:hover, .clCaptionPositioning a:active {
	text-decoration: underline; 	
	
}

/*
------------------------------ How can we help iamge
*/

#idWeCanHelp {
	float: right;
	width: 18em;
	min-height: 25.4em;
	margin: 0;
	padding: 0;
	position: relative;
	background: #37283a url(../images/hit-your-target-home-image.jpg) no-repeat left bottom;
}

* html #idWeCanHelp {
	height: 25.2em;
}

#idWeCanHelp h2 {
	margin: 0;
	padding: 0.2em 2em;
	font-family: "Century Gothic", "Lucida Sans", Verdana, Arial;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 110%;
	color: #fff;
	text-align: center;
	background: #37283a url(../images/2mf-secondary-header-2m-bg.gif) no-repeat top left;
}

#idWeCanHelp a:link, #idWeCanHelp a:visited {
	position: absolute;
	bottom: 0;
	display: block;
	left: 0;
	color: #fff;
	margin: 0;
	padding: 0.4em 0.8em 0.4em 1.6em;
	font-size: 1.1em;
	text-decoration: none; 
	background: #37283a url(../images/2mf-double-ry-arrow.gif) no-repeat 0.6em 0.7em;
}

#idWeCanHelp a:hover, #idWeCanHelp a:active {
	text-decoration: underline; 	
}

/*
------------------------------ AWeber form
*/

form {
	margin: 0;
	padding: 0;
}

#idAWeber {
	float: right;
	width: 18em;
	min-height: 25.2em;
	margin: 0;
	padding: 0;
}

* html #idAWeber {
	height: 25.2em;
}

#idAWeber h2 {
	margin: 0;
	padding: 0.2em 1.4em;
	font-family: "Century Gothic", "Lucida Sans", Verdana, Arial;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 110%;
	color: #fff;
	text-align: center;
/*	text-transform: uppercase; */
	background: #37283a url(../images/2mf-secondary-header-2m-bg.gif) no-repeat top left;
}

#idAWeber p {
	font-size: 1.2em;
	margin: 0;
	padding: 0.5em 0.8em 0 0.8em;
	line-height: 120%;
}

#idAWeber h4 {
	font-size: 1em;
	margin: 0;
	padding: 0.3em 0.6em 0.8em;
	line-height: 110%;
	color: #564758;
}

#idAWeber img {
	padding: 0;
	margin: 0;
}

/* AWeber Sign-up Form */

#idSignUpForm {
	background-color: #d9dcdf;
	width: 22em;
}

h2.clSubscribeHeader {
	color: #fff;
	background-color: #000050;
	font-size: 1.3em;
	padding: 0.3em 1.4em;
	border: none;
	margin: 0;
}

#idAWeberFormFields .label {
	float: left;
	font-size: 1.2em;
	margin: 0.4em 0 0.4em 0.4em;
	width: 3em;
	color: #fff;
	font-weight: bold;
}

/*
input#name, input#from {
	float: left;
	margin: 0 0 0.6em 0.4em;
	font-size: 1.2em;
	width: 14em;
}*/

.clFormGroup {
	clear: both;
	margin: 0.4em 0;
}

input.clSubmitButton {
	background-color: #AF1A25;
	border: 1px solid #37283A;
	color: #FFFFFF;
	font-family: "Lucida Sans", Verdana;
	font-weight: bold;
	padding: 0.2em 0.5em;
	text-align: center;
	font-size: 1.2em;
}




/*
---------------------------- Links 
*/

a {
}

a:link{
	color: #bf151e; 
}

a:hover, a:active {
	text-decoration: underline;
}

a:visited {
	color: #bf151e;	
}

a:link.clArrow, a:visited.clArrow {
	display: block;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 0 0.8em 0.8em 1.0em;
	color: #bf151e;
	background: url(../images/2mf-double-ry-arrow.gif) no-repeat left 0.3em;
	text-decoration: none; 	
}

a:hover.clArrow, a:active.clArrow {
	text-decoration: underline; 	
}

a:visited.clArrow {
	color: #bf151e;
}

#idFreeListing li a, #idFreeListing li a:visited {
	color: #bf151e;
	display: block;
	font-size: 1.2em;
	border-bottom: 1px dashed #e4e4e4;
	padding: 0.4em 0 0.4em 1.2em; 
	background: url('../images/2mf-double-ry-arrow.gif') no-repeat left 0.7em;
}

#idFreeListing li a:hover, #idFreeListing li a:active {
	color: #bf151e;
	text-decoration: underline;
}

#idFreeListing li a:visited  {
/*	color: #7D4866; */
	color: #bf151e;
}

* html #idFreeListing li {
	display: inline;
	padding: 0;
}



/*
---------------------------- Paragraphs Text
*/

p {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	color: #251b27;
	margin: 0.4em 0 0.8em 0.2em;
}

ul li {
	list-style: none;
}


/*
------------------------------------Images
*/

img.clPortrait {
}

img.clRight {
	margin: 0 0 1em 1em;
	float: right;
}

* html img.clRight {
	position: relative;
}

img.clLeft {
	margin: 1em 1em 1em -2em;
	float: left;
}

* html img.clLeft {
	position: relative;
}

.clMainImageRight {
	float: right;
	width: 240px;
	margin: 0 0 1em 1em;
}

.clMainImageRight p.clCaption {
	width: 240px;
	font-size: 1.1em !important;
	margin: 0.5em 0 !important;
	color: #5a6169 !important;
}



/*
------------------------------------ Headers
*/

h1 {
	font-family: Georgia, serif;
	font-size: 2.3em;
	font-weight: normal;
	line-height: 120%;
	color: #685a70;
	margin: 0.4em 0 0.8em 0;
}

h1.clUniSunderland {
	padding-left: 40px;
	background: url(../images/2mf-university-sunderland-logo.gif) no-repeat left top;
}

h1.clStGeorges {
	padding-left: 56px;
	background: url(../images/2mf-st-georges-school-logo.gif) no-repeat left top;
}

h1.clTewkesbury {
	padding-left: 45px;
	background: url(../images/2mf-tewkesbury-abbey-logo.gif) no-repeat left top;
}

h1.clPeterborough {
	padding-left: 47px;
	background: url(../images/2mf-peterborough-cathedral-logo.gif) no-repeat left top;
}

h2 {
	font-family: Georgia, serif;
	font-size: 1.9em;
	font-weight: normal;
	line-height: 120%;
	color: #685a70;
	margin: 1.2em 0 0.4em 0;
}

h3 {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 120%;
	color: #8788a5;
	margin: 1em 0 0.4em 0;
}

h4 {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 120%;
	color: #88a5ac;
	margin: 0.2em 0;
}

/*
----------------------------------- Images
*/


/*
---------------------------------- Main IDs 
*/


/*
--------------------------------- Branding
*/

#idLogo {
	position: absolute;
	top: 3.2em;
	left: 1.4em;
}

.clLogo, .clLogo a {
	color: #fff;
	font-family: "Lucida Sans", Verdana, sans-serif;
	margin:0; padding:0;
	position:relative;
	width:289px; height:28px;
	overflow:hidden;
}

.clLogo span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:289px; height:28px;
	margin:0; padding:0;
	background: url(../images/2mf-web-logo.png) top left no-repeat;
}

.clStrapline {
	color: #f4a71a;
	left: 23em;
	bottom: 1.3em;
	margin:0; padding:0;
	position:relative;
	width:249px; height:15px;
	overflow:hidden;
}

.clStrapline span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:249px; height:15px;
	margin:0; padding:0;
	background: url(../images/2mf-web-strapline.png) top left no-repeat;
}

#idContactDetails {
	float: right;
	margin: 0.9em 0 0 0;
}

#idContactDetails h3 {
	font-size: 1.3em;
	color: #f4a71a;
	padding-left: 30px;
	margin: 0;	
}

#idContactDetails ul {
	padding: 0;
	margin: 0;
}

#idContactDetails ul li {
	padding: 0.3em 0 0.3em 30px;
	margin: 0;
	color: #fff;
	font-size: 1.9em;
	font-weight: bold;
	list-style: none;
	background: url(../images/2mf-telephone-icon.jpg) no-repeat left center;	
}

#idContactDetails a{
	padding: 0.3em 0 0.3em 30px;
	margin: 0;
	color: #f4a71a;
	font-size: 1.2em;
	font-weight: bold;
	list-style: none;
	background: none;
}

.clContactAddress {
	margin: 1em 1em 2em;
}

.clContactAddress p.clStrong {
	font-weight: bold;
	margin: 0.4em 0 0;
}

.clContactAddress p.clAddress {
	margin: 0 0 0.8em;
}

/*
-------------------------------- Top Content
*/

#idTopContent {
	width: 100%;
	min-height: 10em;
	background-color: #e8eeeb;
}

* html #idTopContent {  /* IE doesn't recognise min-height */
	height: 10em;
}


#idTopRight {
	float: right;
	width: 29em;
	margin: 2.8em 4.0em 2.8em 44em;
}

#idStatement {
	margin-top: 2em;
}

#idStatement h2 span {
	font-size: 90%;
}

/*
p.clStatement {
	color: #3f4d4e;
	font-size: 1.4em;
}

*/

/*
------------------------------ Main Navigation
*/

/*
------------------------------- Main Navigation
*/

#idMainNav {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	margin: 0;
}

* html #idMainNav { /* for our IE6 friends and their double margin bug */
	display: inline; 
	bottom: -0.1em; 
}


#idMainNav ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#idMainNav li {
	margin:0;
	padding: 0;
	float: left;
	margin-right: 0.2em;
	background: none;
}

#idMainNav a {
	display: block;
	float: left;
	padding: 0.4em 1.4em;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	border-top: 1px solid #d65f67;
	background: #bf161d url(../images/2mf-main-nav-bg-chip.jpg) repeat-x left 0;
}

#idMainNav a:hover {
	background-position: 0 -64px;
	background-color: #c23138;
	text-decoration: none !important;
}

#idMainNav li.clCurrent a {
	border-top: 1px solid #eeedee;
	background-position: 0 -128px;
	background-color: #fff;
	color: #37283a;
}

* html #idMainNav a{
	/*height: 1px;*/
	display: inline;
}

/*
---------------------------- Home Main
*/

#idMainContent {
	width: 76em;
	margin: 0 auto 3em auto;
	background-color: #fff;
}

#idHomeContent {
	float: left; 
	padding: 1em 2.9em;
}

* html #idHomeContent {
	padding: 1em 2.8em;
}

.clCTA {
	float: left;
	width: 22em;
	margin-right: 2em;
}

* html .clCTA, *+html .clCTA {  /* IE6 double-margin bug */
	display: inline;
	width: 21.9em;
}

.clNoRightMargin {
	margin-right: 0;
}



/*
---------------------------- Testimonials
*/

#idTestimonialHolder {
	float: right;
	width: 18em;
}



/*
---------------------------- Content Main
*/


#idContentSection {
	float: left;
	width: 52em;
	min-height: 25em;
	margin: 4em 0 3em 2em;
	padding-right: 2em;
}

* html #idContentSection {
	height: 35em;
	display: inline;
	width: 50em;
}


#idContentSection p {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	color: #251b27;
	margin: 0.5em 0 1em 0.2em;
}


#idContentCTAHolder{
	clear: both;
	margin: 3em 0;
	border-top: 1px dashed #dbe6e1;	
}

.clContentCTA {
	float: left;
	width: 22em;
	margin: 1em 1.5em 0 1.5em;
}

* html .clContentCTA {  /* IE6 double-margin bug */
	display: inline;
}

#idContentCTAHolder h2 {
	font-size: 1.6em;
	margin-bottom: 0.4em;
}

#idContentCTAHolder p {
	font-size: 1.2em;
}

.clClear {
	clear: both;
}

.clRight {
	float: right;
}


/*
---------------------------------- Testimonial About Clients
*/

#idWebHomeAndAbout {
	width: 49.4em;
	padding: 1em;
	background-color: #f3f6f5;
	margin-bottom: 2em;
}

#idClientAbout {
	padding-bottom: 1em;
}

#idClientAbout h2 {
	font-size: 1.6em;
	margin: 0 1em;
}

#idClientAbout p {
	font-size: 1.1em !important;
	margin: 0.5em 1.6em !important;
	color: #5a6169 !important;
}

/*
--------------------------- Image Button
*/

.clImageButtonBlog {
/* 	display: block; */
	width: 30em;
	margin: 2em 21em;
	padding: 0.2em;
	border: 1px solid #d3e0ef;
}

.clImageButtonBlog img {
	float: left;
	padding: 0 0.5em 0.5em 0;
}

.clImageButtonBlog h3 {
	margin: 0;
	padding: 0;
}

.clImageButton {
/* 	display: block; */
	width: 30em;
	margin: 2em 0;
	padding: 0.2em;
	border: 1px solid #d3e0ef;
}

.clImageButton img {
	float: left;
	padding: 0 0.5em 0.5em 0;
}

.clImageButton h3 {
	margin: 0;
	padding: 0;
}
 


/*
--------------------------- ThumbList
*/

h2.clThumbListTitle {
	display: block;
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #c4d6ce;
}

.clThumbList {
	clear: both;
	padding: 0 0 3em 0;
}


.clThumbImg {
	float: left;
	width: 20em;
}

.clThumbImg img {
	float: left;
	width: 18em;
	padding: 0.5em;
	border: 1px solid #c2bfc4;
	margin: 0 1em 1em 0;
}

.clThumbText {
	margin-left: 20.4em;
	width: 28em;
	display: block;
}

.clThumbText h2 {
	margin: 0;
}

.clThumbText span {
	font-size: 1.2em;
	font-style: italic;
	margin: 0;
	padding: 0;
}

/* .clAboutList {
	width: 26em;
	margin: 0 0 2em 1em;
}

* html .clAboutList {
	width: 26em;
	margin: 0 0 2em 0;
} */

/*
--------------------------- WebTypeList
*/

.clWebTypeList {
	clear: both;
	padding: 0 0 3em 0;
}


.clWebTypeImg {
	float: left;
	width: 8em;
}

.clWebTypeImg img {
	float: left;
	width: 6em;
	padding: 0.3em;
	border: 1px solid #dbe6e1;
	margin: 0 1em 1em 0;
}

.clWebTypeText {
	margin-left: 8.4em;
	width: 40em;
	display: block;
}

.clWebTypeText h2 {
	margin: 0;
}

.clWebTypeText span {
	font-size: 1.2em;
	font-style: italic;
	margin: 0;
	padding: 0;
}

/*
--------------------------- MarketingTypeList
*/

.clMarketingTypeList {
	clear: both;
/*	padding: 0 0 1em 0; */
}


.clMarketingTypeImg {
	float: left;
	width: 8em;
}

.clMarketingTypeImg img {
	float: left;
	width: 6em;
	padding: 0.3em;
	border: 1px solid #dbe6e1;
	margin: 0 1em 1em 0;
}

.clMarketingTypeText {
	margin-left: 8.4em;
	width: 40em;
	display: block;
}

.clMarketingTypeText h2 {
	margin: 0;
}

.clMarketingTypeText span {
	font-size: 1.2em;
	font-style: italic;
	margin: 0;
	padding: 0;
}


/*
--------------------------- Web Design Category
*/


.clWebDesignCategory {
	margin: 1em;
}



/*
--------------------------- Secondary Navigation
*/

h2#idSecNavHeader {
	margin: 0;
	padding: 0.6em 1.4em;
	font-family: "Century Gothic", "Lucida Sans", Verdana, Arial;
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: #37283a url(../images/2mf-secondary-header-2m-bg.gif) no-repeat top left;
}

#idSecondaryNav {
	padding: 0;
	margin: 0;
	width: 18em;
	list-style-type: none;
}

#idSecondaryNav li {	
	margin: 0;
	padding: 0;	
	display: block;
}

#idSecondaryNav li a, #idSecondaryNav li a:visited, #idSecondaryNav li.clSecCurrent.a {
	color: #251b27;
	font-size: 1.2em;
	display: block;
	border-bottom: 1px dashed #c6c4c8;
	padding: 0.6em 1em 0.6em 2.0em; 
	background: url('../images/2mf-double-ry-arrow.gif') no-repeat 1em 0.9em;
}

#idSecondaryNav li a:hover, #idSecondaryNav li a:active {
	color: #cd1720;
	text-decoration: underline;
}

#idSecondaryNav li.clSecCurrent {
/*	display: block; */
	background-color: #cbc6cc;
}

* html #idSecondaryNav li {
	width: 100%;
	padding: 0;
}


/*
--------------------------- Breadcrumbs
*/

#idBreadCrumbs {
	background-color: #cbc6cc;
	padding: 1em 1em 0.9em 2em;
	font-size: 1.2em;
}

#idBreadCrumbs a {
	color: #bf151e;
}


/*
--------------------------- See Also
*/

#idSeeAlso {
	margin: 3em 0 2em 0;
}

h2.clH2Small {
	font-size: 1.6em;
}

#idSeeAlso li {
	padding-left: 0.8em;
	background: url(../images/green-dbl-arrow-sml.gif) no-repeat left 0.4em;
}

/*
--------------------------- Email Form
*/

#idEmailForm {
	margin: 1em; 
}

p.clFormPara {
	margin: 0.4em 0 !important;
}

.clInputLabel {
	clear: left;
	float: left;
	font-family: "Lucida Sans",tahoma,verdana,arial;
	font-size: 90%;
	margin-bottom: 0.4em;
	margin-left: 3em;
	width: 14em;
}

.clInputLabel span {
	font-family: Verdana, Arial;
	font-size: 120%;
	font-weight: bold;
	color: #AF1A25;
}

.clFormErrorText {
	color: #52a5a9;
}

input.clText {
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #a299a4;
	color: #000000;
	font-family: "Lucida Sans",tahoma,verdana,arial;
	font-size: 90%;
	width: 16em;
}

textarea#message {
	background: #FFFFFF none repeat scroll 0 0;
	border: 1px solid #a299a4;
	color: #000000;
	font-family: "Lucida Sans",tahoma,verdana,arial;
	font-size: 90%;
	width: 20em;	
}

.clCheckboxLabel {
	font-family: "Lucida Sans",tahoma,verdana,arial;
	font-size: 85% !important;
	margin-bottom: 0.4em;
	width: 7em;	
}

input.clCheckboxes {
	width: 2em;
	color: #000000;
}

input.clSendButton {
	background-color: #AF1A25;
	border: 1px solid #37283A;
	color: #FFFFFF;
	font-family: "Lucida Sans", Verdana;
	font-weight: bold;
	padding: 0.2em 0.5em;
	text-align: center;
	font-size: 90%;
}




/*

#idEmailForm {
	margin-left: 1em; 
}

#idEmailForm .label {
	float: left;
	font-size: 1.2em;
	width: 11em;
	color: #424240;
	margin: 0 0.4em 0.6em 0;
}

input#name, input#email, input#phone, textarea#message {
	float: left;
	margin: 0 0 0.6em 0.4em;
	font-size: 1.2em;
	color: #424240;	
}

textarea#message {
	font-size: 1.6em;
}

#idEmailForm select{
	font-size: 1.2em;
	color: #424240;	
}

#idEmailForm select.clRefer{
	margin: 0 0 0.6em 0.4em;
	float: left;
}
	

#idEmailForm .clDateLabel {
	font-size: 1.1em;
	color: #424240;
	margin: 0;
	padding: 0;	
}

#idEmailForm .formErrorText {
	font-style: italic;
	font-size: 1.1em;
	color: #c7345c;
}

#idEmailForm em {
	font-style: italic;
	font-size: 1.1em;
	color: #c7345c;
}

#idEmailForm .clButtonGroup {
	float: left;
	width: 20em;
}

#idEmailForm .bigButton { 
	font-family: "Lucida Sans", Verdana, Arial, sans-serif; 
	font-size: 1.0em; 
	margin-top: 0.6em;
	width: 6em;
	height: 2.2em;
	color: #424240;
}

.clFormGroup {
	float: left;
	width: 100%;
	margin: 0.3em 0;
}

.clDateGroupSet {
	float: left;
	width: 36em;
	margin: 0 0 0.6em 0.4em;
	padding: 0;
}

.clFormDateGroup {
	float: left;
	width: 16em;
	margin: 0;
	padding: 0;
}

.clFormDateGroup li {
	list-style: none;
	float: left;
	margin-right: 0.2em;
}

.clCheckBoxes {
	float: left;	
}

.clCheckBoxes span {
	font-size: 1.1em;	
	color: #424240;
	margin-left: 0.5em;
}

.clContactDetails h2 {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #1e83bf;	
	margin-top: 0.8em;
}

.clContactDetails p {
	font-size: 1.2em;
	line-height: 1.2em;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	color: #2b3442;
}

.clContactDetails p.clStrong {
	font-weight: bold;
	margin-top: 0.4em;
}

*/
	

/*
------------------------------------- CTA Buttons
*/
	
.clCTAButton {
	width: 19em;
	height: 7em;
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #d3e0ef;
	margin: 1em 0;
}

.clCTAButton img {
	float: left;
	width: 70px;
	margin-right: 0.3em;
}

.clCTARight {
	float: right;
	width: 11em;
}
	

/*
------------------------------------- Site Map
*/

#idSiteMap {
	margin: 0 2em;
	border-bottom: 1px dashed #d3e0ef;
}

#idSiteMap h2 {
	margin: 0 0 1em 0;
	font-size: 1.4em;
	border-top: 1px dashed #d3e0ef;
}


h2 a:link.clParent, h2 a:visited.clParent {
	display: block;
	margin: 0.4em 0;
	line-height: 1.2em;
	padding: 0.2em 0.8em 0.1em 1.4em;
	color: #4080bf;
	background: url(../images/smr-blue-arrow-light.png) no-repeat left 0.4em;
	text-decoration: underline; 	
}

h2.clParent a:active.clParent {
	color: #f99e11;	
}

h2 a:hover.clParent {
	color: #f99e11;
}

ul.clChildGroup {
	margin: 0 0 2em 1em;
}

ul.clChildGroup li {
	margin-right: 1em;
	list-style: none;
	margin-bottom: 0.4em;
}

li a:link.clChild , li a:visited.clChild {
	margin: 0.4em 0;
	font-size: 1.3em;
	line-height: 1.2em;
	padding: 0.2em 0.8em 0.1em 1.4em;
	color: #4080bf;
	background: url(../images/smr-orange-arrow-light.png) no-repeat left 0.4em;
	text-decoration: underline; 	
}

li a:active.clChild  {
	color: #f99e11;	
}

li a:hover.clChild  {
	color: #f99e11;
}
	

/*
------------------------------------- Terms & Conditions
*/

h2.clTerms {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.8em;
	line-height: 1.8em;
	font-weight: bold;
	color: #1e83bf;	
	margin: 1.6em 0 0.8em 0;
}

h3.clTerms {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: normal;
	color: #1e83bf;	
	margin: 1.6em 0 0.8em 0;
}

h4.clTerms {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	color: #1e83bf;	
	margin: 1.6em 0 0.8em 0;
}

h5.clTerms {
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.0em;
	line-height: 1.0em;
	font-weight: bold;
	color: #1e83bf;	
	margin: 0.4em 0 0.8em 0;
}

p.clTerms {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	color: #2b3442;
	margin: 0.4em 0 0.8em 0;
}

ol.clTerms {
	margin: 0.4em 0 0.8em 2.0em;
}

ul.clTerms {
	margin: 0.4em 0 0.8em 2.0em;
}

li.clTerms {
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	color: #2b3442;
	margin: 0 0 0.4em 0;
}

blockquote.clTerms {
	font-size: 1.0em;
	line-height: 1.0em;
	font-family: "Lucida Sans", Tahoma, Verdana, sans-serif;
	color: #2b3442;
	margin: 0.4em 0 0.8em 4.0em;
}


/*
--------------------------- Footer
*/

#idFooter {
	clear: both;
	width: 74.4em;
	margin: 0 auto;
	height: 1.4em;
	background-color: #37283a;
	padding: 0.4em 0.8em;
	color: #fff;
}


#idSiteInfo {
	width: 76em;
	margin: 0 auto;	
}

#idCopyright {
	float: left;
}

* html #idCopyright {
	display: inline;
}

#idSiteLinks {
	float: right;
	color: #949ba9;
	margin: 0.5em 0 0 0;
}

* html #idSiteLinks {
	display: inline;
}

#idCredits {
	float: right;
}

#idCredits a {
	color: #fff;
}

#idCredits a:hover {
	text-decoration: underline;
}