/*
----------------------------------------------------------------------
global settings miscellanea
---------------------------------------------------------------------- 
*/

/*COLOURS:

Blue-dark: #3C519E
Blue-mid: #668EBC
Blue-light: #DEE8FC
Yellow: #FDB902

*/



html, body {
margin: 0;
padding: 0;
}

body {
	text-align: left;/*for editor, usually would be center*/
	/*background: #3C519E url(../images/bg_strip.gif) top center repeat-x;*/
	color: #094B90;
	font: 75%/1.6em Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	}

h1 {
	margin: 0 0 .35em 0;
}

h2 {
	margin: 0 0 .35em 0;
}

h3 {
	margin: 0 0 .35em 0;
}

h4 {
	margin: 0 0 1em 0;
}

h5, h6 {
	margin: 0 0 .35em 0;
}

p {
font-size: 1em;
margin-bottom: .8em;
}

/*to overcome an IE bug which by default doubles any spacing. Visually the result of the following rule (entered as half the space) is required to visually double the space to what we need*/
* html h1, * html h2, * html h3, * html h4, * html h5, * html h6, * html p, * html li, * html a:link {
	margin-bottom: 0.7em;
}


li  {
font-size:1em;/*keeps the font size EQUAL to whatever is set in the body tag, ie. if it is set smaller than 1em here it will compound the sizing, eg. .9 of .9 would compund smaller still*/
line-height: 1.2em;
}


/* prevent shrinking nested text , remains 1:1 with WHATEVER the body em is set to, eg. if the body font-size is .9em, so will all of these be. See immediately preceeding rule's comment*/
ol ol, ul ol, ol ul, ul ul, ol p, ul p /*, ul li, li a*/  {
font-size:1em;}


ul, ol {
list-style-position: outside;
margin: 1em 2em 1.5em 30px;
}


ul li, ol li{
margin: 0 0 .6em 0;
line-height: 1.6em;
}


a:link {
	color: #3C519E;
	text-decoration: underline;
}

a:visited {
	color: #3C519E;
}

a:hover {
	color: #000;
}

a:active {
	color: #000;
}


.invisible {
	display: none;
}

.Align-Right {
	float: right;
}

img.Align-Right,
span.Align-Right img{
padding-left: 30px;
padding-bottom: 10px;
border: 1px solid white;
}

.Align-Left {
	float: left;
}

img.Align-Left,
span.Align-Left img {
padding-right: 20px;
padding-bottom: 10px;
border: 1px solid white;
}

.Align-Center {
	text-align: center;
}

img.Align-Center,
span.Align-Center img {
	text-align: center;
}

a img {
	text-decoration: none;
	border: 0 none;
}

h1 {
color: #3C519E;
letter-spacing: -0.04em;
line-height: 1.2em;
font-size: 1.8em;
}

* html h1 {
font-size: 180%;
}

h2 {
color: #000000;
line-height: 1.2em;
font-size: 1.6em;
}

* html h2 {
font-size: 160%;
}


h3 {
color: #3C519E;
line-height: 1.2em;
font-size: 1.4em;
}

* html h3 {
font-size: 140%;
}


h4 {
color: #000000;
line-height: 1.2em;
font-size: 1.2em;
} 

h2+p+h2 {
margin-top:0;
}


.floatRight, #floatRight {
	float: right;
}

.floatLeft, #floatLeft{
	float: left;
}

.alignRight {
	float: right;
	margin: 0 0 20px 20px;
}


.alignCenter {
	display: block;
	margin: 0 auto;
	clear:both;
}

.alignLeft {
	float: left;
	margin: 0 20px 20px 0;
}


.alignRightFramed {
	float: right;
	margin: 0 0 20px 20px;
	padding: 10px;
	border: 1px solid #EEE;
}


.alignCenterFramed {
	display: block;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #EEE;
	clear:both;
}

.alignLeftFramed {
	float: left;
	margin: 0 20px 20px 0;
	padding: 10px;
	border: 1px solid #EEE;
}


.floatRightFramed {
float: right;
padding: 10px;
border: 1px solid #C0C0A8;
background: #FFF;
margin: 0 0 20px 30px;
}

.framed {
padding: 10px;
border: 1px solid #C0C0A8;
background: #FFF;
margin: 0 20px 20px 0;
}

fieldset {
padding: 10px;
margin: 10px 0;
width: auto; 
}


hr {
height: 2px;
color: #FDB902;
background-color: #FDB902;
margin: 20px 0;
border: 0px solid #FDB902;
clear: both;
}

/*
----------------------------------------------------------------------
layout/positioning - major elements
---------------------------------------------------------------------- 
*/

#perimeter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height:100%;
		background: #3C519E url(../images/bg_tile_flourish.gif) top center;
	/*background: url(../images/masthead.jpg) top center no-repeat;*/
	text-align: center;/*usually would put this on the body, but affected the editor*/
	padding: 0;
}


* html #perimeter {/*IE WIN hack to force background colour higher than the viewport*/
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom:0px;
	height: 110%;
}



#outerContainer {
	text-align: left;
	margin: 30px auto;
	padding: 0 0 0 0;
	height: 100%;
	position: relative;
	background:transparent;
	background: url(../images/masthead.jpg) top center no-repeat;
	width: 1040px;
}


#shop #outerContainer {
	background: url(../images/masthead_shop.jpg) top center no-repeat;
}


* html #outerContainer {
	height: auto;/*required for IE Win so the background doesn't stretch down to the extent of the perimeter div*/
}



#innerContainer {
	background: transparent;
	border-bottom: none;
	margin: 0 auto;
	/*height:100%;*/
	background: #FFFFFF url(../images/masthead.jpg) top center no-repeat;
	width: 1000px;
	padding:0;
	border-top: 8px solid #FDB902;
}


#shop #innerContainer {
	background: #FFFFFF url(../images/masthead_shop.jpg) top center no-repeat;
}

* html #innerContainer {
	/*height: auto;required for IE Win so the background doesn't stretch down to the extent of the outerContainer div*/
}


#upperNavigation {
	background: transparent;
	overflow: hidden;
	padding-top: 9px;
	margin-bottom: 5px;
	height: 30px;
	width: auto; 
	display:none;
	}

#upperNavigation li {
	display: inline;
	height: 30px;
}

#upperNavigation a {
	display: inline;
	padding: 5px 4px 3px;
	border-bottom: none;
	color: #fff;
}


#mastheadLead {
	padding: 0;/*added bottom after doing adv, IE wanted it but Mac doubles up*/
	text-align: center;
	background: transparent;
	color: #666;
	height: auto;
	width: auto;
} 

#mastheadLead img{
margin:0;
}


#masthead {
position: relative;
overflow: hidden;
width: 1000px;
height: 185px;
}

#mastheadTail {
	display: none;
}

#identity {
position: absolute;
top:10px;
left: 50px;
}

#identity img#logo {
position: relative;
}

#feature {
position: absolute;
top: 18px;
left: 210px;
border: 1px solid #3C519E;
	}
	
#feature img {
display: block;
	}

#content {
	padding: 20px 0 0 0;
	width: auto;
	margin: 0 0 0 0;
}

body#id-1 #content {
	padding: 0 0 0 0;
	margin: -10px 0 0 0;
	*margin: -9px 0 0 0;
	background: transparent url(../images/montage.jpg) top left no-repeat;
	*height: 1%;/*invoke hasLayout for IE*/
}

#mainContent{
	float:left;
	margin: 0 0 0 0;
	padding: 0px 20px 50px 20px;
	display: inline; 
	z-index: 90;		
	width: 960px;/*after subtracting the padding */
	}
	
body#id-1 #mainContent{	
		background: transparent url(../images/bg_rightColumn.gif) top right repeat-y;
		padding: 220px 0 50px 20px;
		width: 980px;/*after subtracting the padding */
		}

#pageFoot {
	margin: 0 auto;
	background: #C4D8E8;
	width:auto;
	text-align:left;
	padding:0;
	color: #000000;
	border-top: 1px solid #7DAACD;
}

#pageFoot a {
	color: #000000;
	font-weight: bold;
}

#pageFoot a:visited {
	color: #000000;
}

#pageFoot a:hover {
	color: #CC3300;
}

#footer {
	color: #FFFFFF;
	text-align:left;
	margin: 0 auto;
	width:auto;
	font-size:10px;
	padding:14px 0 0 10px;
height: 30px;/*after removing the padding*/
position: relative;
background: #3C519E;
border-bottom: 2px solid #668EBC;
}

#footer li {
	display: inline;
}

#footer p {
	display: inline;
	margin-right: 10px;
}

#footer a {
	display: inline;
	margin-right: 10px;
	color: #FDB902;
	font-weight: bold;
}

#footer a:visited {
	color: #FDB902;
}

#footer a:hover {
	color: #FFFFFF;
}


/*
----------------------------------------------------------------------
floatClearing 
---------------------------------------------------------------------- 
*/



.floatClear,#floatClear  {
	clear: both;
	line-height : 0em;
	font-size: 0em !important;
	background-color: transparent;
}

div.floatClear, span.floatClear {
	clear: both;
	line-height : 0em;
	font-size: 0em;
	background-color: transparent;
}

/*
----------------------------------------------------------------------
custom classes
---------------------------------------------------------------------- 
*/

.invisible {
	display:none;
}



#search, #breadcrumbs {
	display: none;
}


/*
----------------------------------------------------------------------
typography 
---------------------------------------------------------------------- 
*/

#pageFoot {
	font-size:.9em;
	color: black;
}


/*be aware, the nav is in the left content */

#leftContent p, 
#leftContent li, 
#leftContent a,
#rightContent p, 
#rightContent li, 
#rightContent a {
	font-size: 1em;
	_font-size: .95em;
	line-height: 1em;
}


#upperNavigation {
	text-align: right;
	font-size: 10px;
	color: white;
}

#footer p, #footer ul {
	float: left;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

#footer ul {
	margin:0 0 0 10px;
	padding:0;
}


/*
----------------------------------------------------------------------
TABLES
---------------------------------------------------------------------- 



table {
border: 1px solid #ccc;
border-right: none;
border-bottom: none;
background: #EEEEEE;
font-size: 1em;
margin-bottom: 10px;
vertical-align: top;
border-collapse: collapse;
text-align: left;
}

td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
vertical-align: top;
}*/

p.noSpace img, img.noSpace, span.noSpace img {
margin: 0;
}

#mainContent p.noSpace img,
#mainContent img.noSpace,
#mainContent span.noSpace img {
margin: 0;
}


/* invisible*/

table.table-invisible {
border: none;
background: transparent;
}

table.table-invisible td {
border: none;
}

/* rows */

table.table-rows {
border: none;
background: transparent;
}

table.table-rows tr{
border-bottom: 2px solid #BCD254;
}

table.table-rows td {
border: none;
padding: 10px 20px 20px 0;
}


/* wireframe */


table.table-wireframe {
border: none;
background: transparent;
}

table.table-wireframe td {
border: 1px solid #ccc;
padding: 5px 10px 20px;
}


/*
------------------------------------------------------------------------
BACK TO TOP
------------------------------------------------------------------------
*/


#backToTop {
	position: absolute;
	z-index: 90;
	right: 30px;
	bottom: 11px;
	_bottom: 61px;
}


#backToTop a {
	padding: 1px 5px;
	text-decoration: none;
	color: #FFFFFF;
	background: url(../images/nav_current.gif) 0 0 repeat-x;
	border: 1px solid #1E384D;
	display:block;
}


#backToTop a:visited {
	color: #FFFFFF!important;
}

#backToTop a:hover {
	color: #FFFFFF!important;
	text-decoration: underline;
	border: 1px solid #1E384D;
}







/*
------------------------------------------------------------------------
PRIMARY NAVIGATION - HORIZONTAL MENU WITH POPDOWNS
------------------------------------------------------------------------
*/

/*POSITIONING CONTAINER */

#primaryNavigation {
	background: transparent;
	position: absolute;
	left:20px;
	top: 158px;
}


/* Level 1 - Section navigation*/

#mainMenu { 
	font-family: Arial, Verdana;
	margin: 0;
	padding: 0;
	z-index: 99;
	margin-top: 0px;
}


#mainMenu ul  { /*the overall ul container */
	padding: 0;
	margin: 0;
	list-style: none;
}

#mainMenu li { /* all list items */
	float:left;
	position: relative;
	padding: 0;
	margin: 0;
}

#mainMenu a {
	display: block;
	padding: 0px 10px 0px 10px;
	color:#FFFFFF;
	text-decoration:none;
	white-space: normal;
	margin:0;
	font-size: .9em;
	height: 26px;
	line-height: 26px;
	_line-height: 26px;
	float:left;
	text-transform: uppercase;
	font-weight: bold;
}

#mainMenu a:hover/* all menu anchors, used to also include #mainMenu li.current ul li a:hover*/ { 
	text-decoration: underline;
	color: #FFF;
	background: #3C519E;
}

/* Fix IE. Hide from IE Mac \*/
* html #mainMenu ul li { float: left; height: 1%; }
/* End */






/* Level 2 - Sub section navigation*/

#mainMenu ul ul {
  	position: absolute;
	background-color:  #668EBC;
	width: auto;/*this applies the variable width. Make 1% to satisfy IE*/
	left: -999em;
	padding:0;
	margin:0;
	/*padding-right: 0px;for all except IE. Not an IE bug, IE seems to be behaving as expected here...removed as it did seem to be affecting things in Mac FF*/
	z-index:100;
	/*border: 1px solid #ccc;
	border-top: none;*/
	top: 25px;
}


* html #mainMenu ul ul {/*fixes nonIE bug, see above rule*/
	padding-right: 0px ;
}

#mainMenu ul ul li {
	width: 22.5em;/*use for all except IE*/
	border-top: none;
	padding:0;
	margin:0;
	background-color: #668EBC;
	background-image: none;
	border-bottom: none;
	position:relative;
	float: none; /*so the dropdowns stack vertically */
}

* html #mainMenu ul ul li
 { /* subnav individual list items */
	width: 1em;/*keep ridiculously short, IE will fill it out*/
}

#mainMenu ul ul a {
	background-image: none;/*takes the bgd image off second-level menu*/
	padding-left: 15px;
	display:block;
	height: 26px;
	line-height: 26px;
	margin:0;
	float:none;
}


* html #mainMenu ul ul a {  /*	only applies to anchors within list items of fixed widths */
	width:100%;/* for IE5.x/Win, needs a width to be full-width-clickable, and will extend to the size of the parent li. Since the top level menus are not fixed widths does not apply to them, so this rule is nested deeper.*/
	/*padding: 7px 4px 7px 15px;space around the anchor words themselves*/
}

/*main setting for IE6, affects both levels of list items*/


/* star filter combined with slash filter, targets IE 6 only */
* html #mainMenu ul ul a {  /* only applies to anchors within list items of fixed widths, and is designed to help position the flyouts by reducing the anchor width in IE6*/
	w\idth: 18.4em;
}

#mainMenu ul ul a:hover { /* all submenu anchors*/
	background-color: #FDB902;
	color: #3C519E;
	text-decoration: none;
	display: block;
}




/*
----------------------------------------------------------------------
Popdown hover visibility, including Suckerfish scripting
---------------------------------------------------------------------- 
*/


#mainMenu li:hover ul ul, 
#mainMenu li:hover ul ul ul {/*hide all submenus until required (upon rollover)*/
	left: -999em; /* using left positioning to hide menus instead of display attribute, because display:none isn't read by screen readers */
}

#mainMenu li:hover ul,
#mainMenu li li:hover ul,
#mainMenu li li li:hover ul { /* targets submenus nested under hovered list items, ie. ALL lists from top level down */
	left: 0px;/*keeps the dropdown shape aligned with the left edges from whence they came. Couples with the position:relative of list parents*/
}
	
	
#mainMenu li:hover, #mainMenu li.sfhover  {
	background-color: transparent;
	}

#mainMenu li:hover ul ul, #mainMenu li:hover ul ul ul, #mainMenu li.sfhover ul ul, #mainMenu li.sfhover ul ul ul {
	left: -999em;
	}
	
#mainMenu li:hover ul, #mainMenu li li:hover ul, #mainMenu li li li:hover ul, #mainMenu li.sfhover ul, #mainMenu li li.sfhover ul, #mainMenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: 0px;/*keeps the dropdown shape aligned with the left edges from whence they came. Couples with the position:relative of list parents*/
	}



/*
----------------------------------------------------------------------
Navigation 'you are here' highlighting effect
---------------------------------------------------------------------- 
*/

/* Level 1 - Section navigation*/

#mainMenu li.current {
	background: ;
	}
	
#mainMenu li.current a:link,
#mainMenu li.current a:visited
{
	color : #FDB902;
	text-decoration: none;
  	background: transparent url(../images/nav_current.gif) 0 0 repeat-x;
  	font-weight: bold;
	}
	
	
#mainMenu li.current a:hover{
		background-color: ;
	}	
	

	
	
/* Level 2 - Sub section navigation*/

	
#mainMenu li.current li {
	border-top: none;
	padding:0;
	margin:0;
	background-color: #668EBC;
	background-image: none;
	border-bottom: none;
}


* html #mainMenu li.current li {/*IE hack*/
	width: 1em;/*keep ridiculously short, IE will fill it out*/
}


#mainMenu li.current li a:link,
#mainMenu li.current li a:visited
{
	color : #FFF;
	text-decoration: none;
  	background-image: none;
  	/*font-weight: normal;*/
	}
	

#mainMenu li.current li a:hover,
#mainMenu li.current li a:focus,
#mainMenu li.current li a:active {
	color: #3C519E;
	text-decoration: none;
	background: #FDB902;
	}







/*
----------------------------------------------------------------------
PARAGRAPHS
---------------------------------------------------------------------- 
*/

p.Paragraph-Warning {
border-top: 3px solid #ff9900;
border-bottom: 3px solid #ff9900;
padding: 20px;
color: #000;
background: #EFEAFF;
margin: 20px 0 20px 0;
text-align: justify;
font-weight: bold;
}

p.Paragraph-Warning a:link,
p.Paragraph-Warning a:visited{
color: #000;
font-weight: bold;
}

p.Paragraph-Warning a:hover,
p.Paragraph-Alert a:active{
color: red;
font-weight: bold;
}

p.Paragraph-Warning {
text-align: center;
}

p.PullQuoteLeft {
float: left;
clear: left;
border-right: 1px dotted #BBB89B;
width: 160px;
padding: 5px 20px 20px 0;
background: #fff;
margin: 5px 20px 20px 0;
text-align: right;
font: italic 1.2em/1.8em georgia, times;
color: black;
}

body.class-home p.PullQuoteLeft {
margin-bottom:150px;
}

p.PullQuoteRight {
float: right;
clear: right;
width: 178px;
padding: 10px;
background:#668EBC;
color: #FFF;
margin: 0 20px 0 0;
text-align: left;
font: normal 1.2em/1.6em georgia, times;
position: relative;
left: 20px;
}

p.PullQuoteRight a:link,
p.PullQuoteRight a:visited{
color: #FFFFFF;
}

p.PullQuoteRight a:hover{
color: #000000;
}

p.PullQuoteRight a:focus,
p.PullQuoteRight a:active{
color: #000000;
}


p.Paragraph-Boxed {
background: #F0F6FA;
border: 1px solid #005883;
padding: 20px;
margin: 20px 0;
text-align: justify;
}

p.Paragraph-Boxed-Pink {
background: #FFE2EA;
border: 1px solid #FEAEC5;
padding: 20px;
margin: 20px 320px 20px 0;
text-align: justify;
}

p.Paragraph-Boxed-Gold {
background: #FEF9AE;
border: 1px solid #EEE19D;
padding: 20px;
margin: 20px 320px 20px 0;
text-align: justify;
}

p.indented {
margin-left: 60px;
}

p + h2 {margin-top: 2em;}




/*
----------------------------------------------------------------------
LOCAL NAVIGATION
---------------------------------------------------------------------- 
*/


#localNav {
position:absolute;
top:270px;
left:20px;
list-style:none;
margin:0;
padding:0;
}

#localNav li {
margin:0;
padding:3px 0;
}




/*
----------------------------------------------------------------------
login
---------------------------------------------------------------------- 
*/

body#login {
background: #F0F0C0;
padding-top: 100px;
}

fieldset.login {
padding: 30px 10px 10px 10px;
margin: 0 auto;
width: 30em;
background: #FFFFFF;
text-align: center;
border: 3px solid #A7B191;
-moz-border-radius: 1em;
}


fieldset.login form{
text-align: center;
margin: 15px 10px 20px;
background: #E0E0AA;
padding: 10px;
-moz-border-radius: 1em;
}

body#login form input.basicSubmitButton{
padding: 4px 6px;
background: #A7B191;
color: #FFFFFF;
border: 2px solid #444;
border-top-color: #F0F0C0;
border-left-color: #F0F0C0;
}

body#login form input.basicSubmitButton:active{
border-top-color: #444;
border-left-color: #444;
border-bottom-color: #F0F0C0;
border-right-color: #F0F0C0;
}

fieldset.login label {
display:block;
text-align: center;
width: 100%;
margin:0;
}

* html body#login p.alert {
font-size: .75em;
}

body#login p.alert {
color: #000000;
padding: 5px 0 6px 20px;
background: #FFE5E5 url(alert_bright.gif) 10px center no-repeat;
overflow: visible;
line-height: 1em;
margin: 5px 0;
font-size: .88em;
border-top: 1px solid red;
border-bottom: 1px solid red;
}

body#login a {
color: #000000;
}

body#login a:hover {
background-color: #FF0000;
padding: 2px 0;
color: #FFFFFF;
}

* html body#login h3 {
font-size: 1.1em;
}

body#login input.formInputField   {
	border: solid 1px #A7B191;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	width: auto;
	}



/*
----------------------------------------------------------------------
contact form
---------------------------------------------------------------------- 
*/

fieldset  {
	}


legend  {
	color: #FFFFFF;
	/*background-color: #DEE8FC;*/
	padding: 3px 8px;
	display: none;
	}

label   {
	font-weight: normal;
	text-align: left;
	display: block;
	float: left;
	}

label.fieldLabel	{
	display: inline;
	float: none;
	}
	
input.formInputField   {
	border: solid 1px #666;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	width: auto;
	}

form input.basicSubmitButton {	
margin: 0 0 5px 5px;
padding: 0 15px;
background: url(../images/submit_button_normal.gif) 0 0 repeat-x;
border:none;
border-left: 1px solid #666;
border-right: 1px solid #666;
height: 28px;
_border:0 none;
font-weight: bold;
}


fieldset#contactFormFieldset {
margin-top: 15px;
background: #DEE8FC;/*the overall background*/
border: 0px solid #bbb;
}

fieldset#contactFormFieldset label {
color: #365B7D;
text-shadow: 0px 1px 0px #ffffff;
}

/*in normal state*/
#valid-firstName,
#valid-lastName,
#valid-subject,
#valid-email,
#valid-message {
background: transparent;/*the inset background*/
padding: 5px 0;
margin-bottom: -10px;
}

#input-valid-firstName,
#input-valid-lastName,
#input-valid-subject,
#input-valid-email,
#input-valid-message {
	width: 300px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	border: 1px solid #D0DAF4;
	}
	
#input-valid-message {
	width: 600px;
	}
	
#input-valid-firstName p,
#input-valid-lastName p,
#input-valid-subject p,
#input-valid-email p,
#input-valid-message p {
	color: #000000;
}

#contactDetails {
float: right;
width: 250px;
background: #DEE8FC;/* a bit lighter than the form*/
padding: 10px 10px 0 10px;
margin-left: 20px;
margin-right:0;
color: #365B7D;
}


/*
----------------------------------------------------------------------
CUSTOM ITEMS
---------------------------------------------------------------------- 
*/

/* Main Column
---------------------------------------------------------------------- */

div#mainColumn{
width: 745px;
float:left;
}


/* Right Column
---------------------------------------------------------------------- */
	
div#rightColumn{
	width: 190px;
	margin: 0px 0px 0 30px!important;
	float:left;
	border: 1px dotted red;
	}
	
div#rightColumn H4{
	color:#3C519E;
	text-transform: uppercase;
	font-weight: normal;
	}
	
#courses {
	padding-left: 20px;
	background: transparent url(../images/date.gif) 0 0 no-repeat;
	}


/* Email capture
---------------------------------------------------------------------- */

#emailFields {
width: 183px;
height: 90px;
position: absolute;
left: 800px;
top: 45px;
}

#emailFields fieldset,
#emailFields legend {
border: 0 none;
margin:0;
padding:0;
}

#emailFields legend {
display:none;
}

#emailFields form {
margin:0;
padding:0;
text-align: left;
}

/* divs around the fields */
#emailCapture #valid-name,
#emailCapture #valid-email {
background: transparent;/*the inset background*/
padding:  0;

}

/* the fields */
#emailCapture #input-valid-name,
#emailCapture #input-valid-email {
	width: 130px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 0 0 0 2px;
	border: 1px solid #D0DAF4;
	height: 20px;
	text-align: middle;
	}
	
#emailCapture .emailSubmitButton  {
	float: right;
	position: relative;
	top: -11px;
	height: 20px;
	line-height: 15px;
	border: 0 none;
	background: #3C519E;
	color: #FFF;
	text-transform: uppercase;
	padding: 0 2px;
	}
	
#emailFeedback {
	font-size: .8em;
	text-align: left;
	}
	
#emailFeedback h4,
#emailFeedback p {
	margin: 1em 0 1em 0;
	padding:0;
	line-height: 1.2;
	}
	
/* NEWS ----------------------*/


#newsColumn {
display:none;/* remove from all but the home page*/
}

body#id-1 #newsColumn {
display:block;
position: absolute;
top: 198px;
right: 33px;
width: 170px;/*after subtracting padding and borders top and bottom*/
height: 400px;/*after subtracting padding and borders top and bottom*/
background: #FEF9AE;
padding: 10px;
border: 1px solid #CBDBEA;
}

#storySet {
color: #000000;
font-size:1em;
}

h3#newsHeading {
display:none;
}

body#id-1 #newsColumn a {
color:#F15A24;
display:block!important;
float:left;
margin-bottom: 10px;
line-height: 1.2em;
}

body#id-1 #newsColumn a:hover {
color:#000000;
}

/*home column*/
#newsArchive {
display:block;
float:left;
margin: 10px 0 20px 0;
color: #0E4F3A!important;
}

#newsArchive:hover {
background: #FFFFCC!important;
}

/*archive page*/
.newsArchive {
display:block;
margin: 10px 0 20px 0;
}


/* BUY NOW ---------------------------*/

p.Buy-Now {
float: right;
clear: right;
width: 100px;
background:url(../images/bg_buy_now.jpg) 0 0 no-repeat;
margin: 0;
text-align: center;
padding-bottom: 3px;
}

p.Buy-Now a {
width: 80px;
padding: 2px 10px;
margin:0;
color: #FFF;
font-weight: bold;
text-align: center;
display:block;
}

p.Buy-Now a:hover {
color: #000;
}


body#id-152 #mainContent a {
display:block;
}


/* FACEBOOK ---------------------------*/


#facebook {margin-bottom: 100px;}


/* home photo ---------------------------*/


.class-home #mainContent img.alignLeftFramed {margin-bottom: 150px;}