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

* {
margin: 0;
padding: 0;
}

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

body {
	text-align: left;/*for editor, usually would be center*/
	background: #FFFFFF;/*compulsory for editor background colour*/
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #41464E;
	font-size: 80%;
	line-height: 1.6em;
	height: 100%;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	font-family: "Trebuchet MS", Trebuchet;
}

p, li, a:link {
	margin: 0 0 2em 0;
}


h4 {
font-family: Georgia, serif;
font-weight: normal;
font-style: italic;
}

/*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 {
	margin-bottom: .5em;
}

/*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 p, * html a:link {
	margin-bottom: 1em;
}




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 60px;
}


ul li, ol li{
margin: 0 0 1.5em 0;
}


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

a:visited {
	color: #314396;/*was 993*/
}

a:hover {
	color: #449c9a;
}

a:active {
	color: #449c9a;
}


.invisible {
	display: none;
}

.Align-Right {
	float: right;
}

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

.Align-Left {
	float: left;
}

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

body#leftMainRight img.Align-Left,
body.class-home img.Align-Left{
padding-right: 0px;
padding-bottom: 10px;
}

body#leftMainRight img.Align-Right,
body.class-home img.Align-Right{
padding-right: 0px;
padding-bottom: 10px;
}

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

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


img a,
a img {
	text-decoration: none;
}

a * {
border: 0;
}


h1 {
line-height: 1.2em;
color: #255566;
font-size: 125%;
}

* html h1 {
/*background: url(../images/h1-underline.jpg) bottom left no-repeat;
padding-bottom: 5px;*/

}

h2 {
color: #449c9a;
line-height: 1.2em;
}

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

h3 {
color: #314396;
line-height: 1.2em;
font-size: 150%;
font-family: "Arial";
font-weight: normal;

}

h4 {
color: #449c9a;
line-height: 1.2em;
font-size: 140%;
} 

h5 {
color: #314396;
line-height: 1em;
} 

h6 {
color: #314396;
line-height: 1em;
} 




.floatRight, #floatRight {
	float: right;
}

.floatLeft, #floatLeft {
	float: left;
}



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

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

#perimeter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height:100%;
	text-align: center;/*usually would put this on the body, but affected the editor*/
	padding: 0;
	margin: 0;
		background: #8CCCCA url(../images/pageBackground.jpg) top center repeat-y;/*set to be overall background colour*/

}


* 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: 0 auto;/*the AUTO left and right is causing IE to play up, showing misalignments between the divs. Currrently this also makes it FLASH heaps*/
	padding: 0 0 0 20px;
	height: 100%;
	position: relative;
	background:transparent url(../images/mastheadBackground.jpg) top center no-repeat;/*simulates the borders*/


		
/*'Tantek box model hack' adjustment for the incorrect box-model implementation in IE5.xWin*/
	width: 820px; /*parse to IE5.xWin, the physical screen-pixel-width-requirement */
	voice-family: "\"}\"";voice-family:inherit;/*to stop IE5.xWin reading the next line*/
	width: 820px; /*parse to standards-compliant browsers: physical screen-pixel-width-requirement minus the sum of any left and right borders and padding*/
}


* 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;
	height:100%;

			
/*'Tantek box model hack' adjustment for the incorrect box-model implementation in IE5.xWin*/
	width: 800px; /*parse to IE5.xWin, the physical screen-pixel-width-requirement */
	voice-family: "\"}\"";voice-family:inherit;/*to stop IE5.xWin reading the next line*/
	width: 800px; /*parse to standards-compliant browsers: physical screen-pixel-width-requirement minus the sum of any left and right borders and padding*/
}


* 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;
	
			
/*'Tantek box model hack' adjustment for the incorrect box-model implementation in IE5.xWin*/
	width: 746px; /*parse to IE5.xWin, the physical screen-pixel-width-requirement */
	voice-family: "\"}\"";voice-family:inherit;/*to stop IE5.xWin reading the next line*/
	width: 746px; /*parse to standards-compliant browsers: physical screen-pixel-width-requirement minus the sum of any left and right borders and padding*/
}


#masthead {
position: relative;
background: transparent;
height: 200px;
overflow: hidden;
}

#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;
display: none;
}


#mastheadTail {
	display: none;
}




#content {
	padding: 0 0 10px 0;
	width: auto;
	margin-top: 10px;
}



#mainContent{
	float:left;
	margin: 0px;
	padding: 15px 20px 10px 40px;
	display: inline;
	z-index: 90;
	overflow: visible;

			
/*'Tantek box model hack' adjustment for the incorrect box-model implementation in IE5.xWin*/
	width: 530px;/*parse to IE5.xWin, the physical screen-pixel-width-requirement */
	voice-family: "\"}\"";voice-family:inherit;/*to stop IE5.xWin reading the next line*/
	width: 530px; /*parse to standards-compliant browsers: physical screen-pixel-width-requirement minus the sum of any left and right borders and padding*/
}

body.class-home #mainContent {
	width: 760px;
}


body.class-home #mainContent h1,
body.class-home #mainContent h2,
body.class-home #mainContent h3,
body.class-home #mainContent h4{
	text-align: center;
 	margin-left: auto;	
 	margin-right: auto;	
}

body.class-home #mainContent {
	padding-left: 20px;/*to keep the big pixture and hr centered*/	
}


#leftContent, #rightContent  {
	float:left;
	display: inline;
}



#pageFoot {
	margin: 0 auto;
	background: transparent;
	height:25px;
	width:auto;
	text-align:left;
	padding:10px 10px 2px 10px;
}

#pageFoot a {
}

#footer {
	color: #888;
	text-align:left;
	margin: 5px 0 0 0;
	width:790px;
	font-size:10px;
	padding:20px 0 0 10px;
height: 38px;
position: relative;
border-top: 1px dotted silver;
background: url(../images/footerBackground.gif) 0 0 repeat-x;
}

* html #footer {
border-top: none;
	width:790px;
}

















/*
----------------------------------------------------------------------
layout/positioning - minor elements
---------------------------------------------------------------------- 
*/



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

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



#footer li {
	display: inline;
}

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

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

#lowerNavigation ul {
	margin-left: -1px; /*moved across to avoid edge highlight visual error*/
}


#lowerNavigation li {
	display: inline;
}

#lowerNavigation a {
	font-size: 12px;
	font-weight: bold;
	display: inline;
	background: #555;
	line-height: 30px;
	padding: 7px 10px 8px;
	border-bottom: 0;
	margin: 0;
	border-left: 1px solid #777;
	border-right: 1px solid #444;
	color: white;
	height: 30px;
}



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



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


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

.invisible {
	display:none;
}

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

#search, #breadcrumbs {
	display: none;
}


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

#pageFoot {
	font-size:11px;
	color: black;
}

#leftContent p, 
#leftContent li, 
#leftContent a,
#rightContent p, 
#rightContent li, 
#rightContent a {
	font-size: 11px;
	line-height: 15px;
}

#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;
}

#leftContent h3 {
	background: #ccc;
	text-transform: uppercase;
	letter-spacing: .35em;
	font-weight: normal;
	margin: 0 -11px 0 -11px;
	padding: 3px 5px 0 10px;
	font-size: 9px;
	line-height: 19px;
}

#leftContent p {
	line-height: 1.2em;
	font-size: 11px;
}


#backToTop {
	float: right;
	position: relative;
	bottom:-50px;
	z-index: 90;
	height: 40px;
	margin: 0;
	padding:0;
}

* html #backToTop {
	float: right;
	position: relative;
	bottom:-65px;
	z-index: 90;
	height: 30px;
	padding-top: 5px;
}




#lowerNavigation a:hover {
	background: #333;
	color: white;
}

#upperNavigation a:hover{

}

#backToTop {
	float: right;
	position: relative;
	bottom:-50px;
	z-index: 90;
	height: 40px;
	margin: 0;
	padding:0;
}

* html #backToTop {
	float: right;
	position: relative;
	bottom:-65px;
	z-index: 90;
	height: 30px;
	padding-top: 5px;
}

#backToTop a {
	background-color: #344898;
	padding: 5px;
	text-decoration: none;
	color: white;
border-top: 1px solid #8CCCCA;
border-right: 1px solid #8DD9D9;
border-bottom: 1px solid #8DD9D9;
border-left: 1px solid #8CCCCA;

}

#backToTop a:hover {
color: white;
text-decoration: none;
border: 1px solid #344898;
}

/*
----------------------------------------------------------------------
tables
---------------------------------------------------------------------- 
*/

table.standard {
border: 1px solid #ccc;
border-right: none;
border-bottom: none;
background: #EEEEEE;
font-size: 1em;
margin-bottom: 10px;
}

table.standard td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
}

/*
----------------------------------------------------------------------
contact page
---------------------------------------------------------------------- 
*/


#contactDetails {
float: right;
width: 130px;
background: #FFF;
padding: 10px 10px 20px 10px;
margin-left: 20px;
margin-right:-200px;
border: 6px solid #8CCCCA;/*#D6D6FF*/
z-index: 100;
}

* html #contactDetails {
margin-right:-180px;
position: relative;
}



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


fieldset#contactFormFieldset {

border: 1px solid #8CCCCA;/*449C9A;*/
width: 460px;
background: #E3F2F2;
}

legend  {
	color: #FFFFFF;
	font-family: "arial black";
	background-color: #BBB;
	padding: 3px 8px;
	display: none;
	}

label   {
	font-weight: bold;
	color: #222;
	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;
	}

form input.basicSubmitButton {
margin: 0 0 5px 5px;
padding: 0 15px;
background: #ffffff url(../images/submit_button_normal.gif) 0 0 repeat-x;
border:none;
border-top: 1px solid #449C9A;
border-right: 2px solid #449C9A;
border-bottom: 1px solid #449C9A;
border-left: 2px solid #449C9A;
height: 30px;
font-weight: bold;
}
}

/*the containers of the input fields*/
#valid-firstName,
#valid-lastName,
#valid-subject,
#valid-email,
#valid-message {

}

/*the actaul input fields*/
#input-valid-firstName,
#input-valid-lastName,
#input-valid-subject,
#input-valid-email,
#input-valid-message
{
	width: 260px;
	border: 1px solid #8CCCCA;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	}
	
#input-valid-message
{
	width: 440px;
	}
	
#input-valid-firstName p,
#input-valid-lastName p,
#input-valid-subject p,
#input-valid-email p,
#input-valid-message p
{	
	color: #000000;
	}







#mainContent p, #mainContent ul, #mainContent li {
	font-size:1em !important;
	line-height: 1.6em;
	}








p.Paragraph-Warning {
border-top: 1px solid #FF0000;
border-bottom: 1px solid #FF0000;
padding: 2px 5px 0px 5px;
color: #000;
background: #FFCFCC;
margin: 10px 0 20px 0;
}

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

p.Paragraph-Plain {
text-align: left;
}

p.PullQuoteLeft {
float: left;
clear: left;
border: 1px solid #CACACA;
width: 150px;
padding: 10px;
background: #FAFAFF;
margin: 0 20px 10px 0px;
}

p.PullQuoteRight {
float: right;
clear: right;
border: 1px solid #CACACA;
width: 150px;
padding: 10px;
background: #FAFAFF;
margin: 0 0 10px 20px;
}

p.rightColumnCaption {
float: right;
display:block;
width: 170px;
padding: 0px;
background: transparent;
color: #314396;
font-family: georgia;
font-style: italic;
margin: 0 -200px 10px 0px;
z-index: 100;
position: relative;/*fixes peekaboo bug*/
}

p.rightColumnFeature {
float: right;
clear: right;
border: 1px solid #CACACA;
width: 150px;
padding: 10px;
background: #FAFAFF;
margin: 0 -200px 10px 20px;
}


p.Paragraph-Boxed {
background: #F6F9EC;
border: 1px solid #996;
padding: 20px;
}

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

form#contactForm p.alert {
color: red;
padding: 2px 0 8px 20px;
background: url(http://www.itchybrain.com.au/barebones/images/alert.gif) 0 2px no-repeat;
overflow: visible;
line-height: 1.2em;
margin-top: 5px;
}







div.rightPullquote a:visited{
color: #41464E;
}




#mainContent img {
margin: 0;
}


#identity img#logo {
position: relative;
}




#feature {
display:none;
}









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

/* Level 1 - Section navigation*/

#mainMenu { 
	font-family: "Trebuchet MS", Verdana;
	margin: 0;
	padding: 0;
	z-index: 99;
}

#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;
	background: transparent url("../images/left_tab.gif") no-repeat left top;
	border-top-color: #333333;
	border-bottom: 1px solid #8CCCCA;
	padding:0 0 0 10px;
}

#mainMenu a {
	display: block;
	padding: 7px 15px 3px 5px;
	background: transparent url("../images/right_tab.gif") no-repeat right top;
	color:#255566;
	text-decoration:none;
	white-space: normal;
	margin:0;
	font-size: 12px;
}

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

/* 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:  transparent;
	width: 1%;/*this applies the fixed width. Remove if want a totally horizontal strip*/
	left: -999em;
	padding:0;
	margin:0 0 0 -9px;
	padding-right: 2px;/*for all except IE. Not an IE bug, IE seems to be behaving as expected here*/
}


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

#mainMenu ul ul li {
	width: 12.5em;/*use for all except IE*/
	border-top: none;
	padding:0;
	margin:0;
	background-color: #D3EBEB;
	background-image: none;
	border-bottom: none;
}

* 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;
	padding-bottom: 7px;
	}


* 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: 10.4em;
}

#mainMenu ul ul a:hover { /* all submenu anchors*/
	background-color: #449c9a;
	color: white;
	text-decoration: none;
}




/*
----------------------------------------------------------------------
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: auto;/*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: auto;/*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 {
 	border-bottom: 1px solid #FFF;/*to make the tab appear to join with the white of the page*/
	background: transparent url("../images/left_tab.gif") no-repeat 0% -150px;
	}
	
#mainMenu li.current a:link,
#mainMenu li.current a:visited
{
	color : #255566;
	text-decoration: none;
  	background: transparent url("../images/right_tab.gif") no-repeat 100% -150px;
  	font-weight: bold;
	}
	
	
/* Level 2 - Sub section navigation*/

	
#mainMenu li.current li {
	width: 12.8em;/* only works for non IE browsers, a little bit wider to accomodate for the bold font of the current parent text */
	border-top: none;
	padding:0;
	margin:0;
	background-color: #D3EBEB;
	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 : #0B455A;
	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: white;
	text-decoration: none;
	background: #449c9a;
	}


/*
------------------------------------------------------------------------
nav centering - transitional table until CSS offers an alternate method
------------------------------------------------------------------------
*/


#primaryNavigation {
background: transparent;
width: 760px;
background: url(../images/nav_line.gif) bottom center no-repeat;
	position: absolute;
	left:40px;
	top: 210px;
height: 25px !important;
}

#navCenteringTable {
margin: 0 auto;
/*height: 25px !important;*/
}



/*
----------------------------------------------------------------------
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;
	}
	
	hr {
	border: 0;
	height: 1px;
	color: #449C9A;
	background: #449C9A;
	margin: 2em 0;
	}
	
	* html hr {
	margin: 1em 0;
	}
	
	.imgFramed img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}

	img.framed {
	border: 1px solid #CACACA;
	padding: 15px;
	margin: 1em 0;
	background: #fff;
	}
	
	img.framedLeft {
	border: 1px solid #CACACA;
	padding: 10px;
	margin: 0 20px 20px 0px;
	background: #fff;
	float:left;
	display:block;
	}
	
	img.framedRight {
	border: 1px solid #CACACA;
	padding: 10px;
	margin: 0 0 20px 20px;
	background: #fff;
	float:right;
	display: block;
	clear:left;
	}
	
	

textarea#editor {
width: 530px;
margin-top: 0px;
padding:0;
}

.centered {
text-align: center;
margin-left: auto;
margin-right: auto;
}

div#home-feature {
display:block;
width: 100%;
height: 333px;
}