/* ********************* INEWS STORY DISPLAY ********************* */

.textContent {
	font-size:0.9em;
	line-height:1.2em;
}

.textContent h2, .textContent h3, .textContent h4,
.textContent h5, .textContent h6 {
	font-family:"trebuchet ms",arial,helvetica,sans-serif;
	margin:1em 0;
}
.textContent h2
{
	margin:0;
	padding: 0.1em 0;
	line-height : 1.3em;
	font-size:1.6em;
	color:#bb1b8d;
	background-color:transparent;
	border-width : 0;
}
.textContent h3 {
	font-size:1.4em;
	color:#004990;
}
.textContent ul li {
	margin-top:1em;
}

.fltlft {
border:0 none;
float:left;
margin-right:25px;
}

.fltrt2 {
float:right;
margin-right:10px;
margin-top:15px;
}

.clearfloat {
clear:both;
font-size:1px;
height:0;
line-height:0;
}

.heading_line2 {
background-color:#993366;
float:left;
height:25px;
width:5px;
}

.heading2 {
-x-system-font:none;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:19px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.15em;
line-height:normal;
margin-left:15px;
margin-top:2px;
text-align:left;
}

.first_navbar {
-x-system-font:none;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:normal;
margin-right:10px;
text-decoration:none;
}

.navbar_no_link {
-x-system-font:none;
color:#A1A1A1;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:normal;
margin-left:10px;
margin-right:8px;
text-decoration:none;
}

#leftColumn
{
	display:none;
}

#headerBlock
{
	height:175px;
}

#pageBanner
{
	height:155px;
}

#contentColumn
{
	margin-left:0;
	width:780px;
	padding-top:0;
}

.contentArea
{
	margin: 22px 0 25px 0;
}


#footerBlock
{
	/*
	display:none;
	*/
	width:780px;
	margin:0;
}

img
{
	display:inline;
}


/***** TEXT EDITOR BACKGROUNG COLOUR ****************************/

body
{
	background-color : #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}
/****************************************************************/

/* Default style sheet for www.urbanflowersofperth.com.au*/

/* Hyperlinks
******************************/

a {
			color: #993366;
			text-decoration: underline;
 			font-weight: normal;
/*
 			font-size: 10px;
*/
}

a:hover {
			text-decoration: none;
			color: #660033;
}

a.strong {
   			font-weight: bold;
   			color: #666666;
}

a.strong_violet {
			color: #993366;
			font: 11px Arial, Helvetica, sans-serif;
			text-decoration: none;
 			font-weight: bold;
}

a.strong_violet:hover {
			color: #660033;
			font: 11px Arial, Helvetica, sans-serif;
			text-decoration: none;
 			font-weight: bold;
}

a.navbar {
			color: #666666;
 			font-weight: normal;
			margin-left: 8px;
			margin-right: 10px;
			font: 12px Arial, Helvetica, sans-serif;
			text-decoration: none;
			letter-spacing: .1em;
}

a.first_navbar {
			color: #666666;
 			font-weight: normal;
			margin-right: 10px;
			font: 12px Arial, Helvetica, sans-serif;
			text-decoration: none;
			letter-spacing: .1em;
}

a.first_navbar:hover {
			color: #660033;
 			font-weight: normal;
			margin-right: 10px;
			font: 12px Arial, Helvetica, sans-serif;
			text-decoration: none;
			letter-spacing: .1em;
}


.navbar_no_link {
			color: #A1A1A1;
 			font-weight: normal;
			font: 12px Arial, Helvetica, sans-serif;
			text-decoration: none;
			letter-spacing: .1em;
			margin-right: 8px;
			margin-left: 10px;
}

.first_navbar_no_link {
			color: #A1A1A1;
 			font-weight: normal;
			font: 12px Arial, Helvetica, sans-serif;
			text-decoration: none;
			letter-spacing: .1em;
			margin-right: 8px;
			margin-left: 0px;
}

a.navbar:hover {
			text-decoration: none;
			color: #660033;
}

.smalllink {
/*
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			width: 192px;
			color: #993366;
			line-height: 160%;
*/
}

div.nav {
			margin-left: 17px;
			margin-bottom: 20px;
}


/*HTML Selectors
******************************/

h1 {
			color: #000000;
			font: 19px Arial, Helvetica, sans-serif;
			font-weight: normal;
			margin-top: 2px;
			text-align: left;
			letter-spacing: 0.15em;
			margin-left: 15px;
}

hr {
			border: 1px solid #E0E0E0;
			margin-top: 15px;
			margin-bottom: 15px;
			visibility:visible;
}

.heading1 {
			color: #666666;
			font: 16px Arial, Helvetica, sans-serif;
			font-weight: normal;
			text-align: left;
			letter-spacing: 0.15em;
			margin-left: 15px;
}

.heading2 {
			color: #000000;
			font: 19px Arial, Helvetica, sans-serif;
			font-weight: normal;
			margin-top: 2px;
			text-align: left;
			letter-spacing: 0.15em;
			margin-left: 15px;
}

.heading3 {
			color: #666666;
			font: 14px Arial, Helvetica, sans-serif;
			font-weight: normal;
			margin-top: 12px;
			text-align: left;
			letter-spacing: 0.15em;
}

.heading4 {
			color: #993366;
			font: 14px Arial, Helvetica, sans-serif;
			font-weight: normal;
			margin-top: 12px;
			margin-left:4px;
			width:772px;
			text-align: left;
			letter-spacing: 0.1em;
			border-bottom:1px solid #993366;
			padding-bottom:3px;
}

div.align {
			margin-top: 15px;

}

div.testimonial {
			width: 417px;

}

img.print {
			float: right;
			border: none;
			margin-top: 20px;
}



ul.thumbnails {
			width: 100px;
			padding: 0;
			float: right;
			text-align: center;
			list-style: none;
			border: 1px dotted #999999;
}

ul.thumbnails li {
			margin: 0 0 10px 0;
			border: 1px dotted #999999;

}


h3 {
			color: #212121;
			font: 13px Arial, Helvetica, sans-serif;
			font-weight: normal;
			margin-top: 12px;
			text-align: left;
			letter-spacing: 0.15em;
}

.slight_adjustment {
			padding-top:11px;
}

.bigger {
			font-size: 12px;
			color: #993366;
}

.smallprint {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			width: 192px;
			color: #666666;
			line-height: 160%;
}

p, td, ul	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #666666;
			line-height: 170%;
			word-spacing: .05em;
 }

div.indent  {
			margin-left: 0px;
			margin-right: 15px;
			margin-top: 21px;
	margin:0;
}

div.heading_line {
			width: 5px;
			height: 40px;
			background-color: #993366;
			float: left;
}

div.quote {
			float: right;
			width: 342px;
			height: 79px;
			margin-right: 100px;
}

div.heading_line2 {
			width: 5px;
			height: 25px;
			background-color: #993366;
			float: left;
}


.violet_square {
			width: 5px;
			height: 5px;
			background-color: #993366;
			margin-right: 10px;
			float: left;
			margin-top: 6px;
}

div.image {
			width: 568px;
			width: 137px;
}

table.homepage {
			width: 750px;
/*			margin-top: 10px;
*/}

td.pad_right {
			padding-right: 30px;
			width: 220px;
			text-align: left;
}

td.adjust {
			width: 220px;
			text-align: left;
}

td.pad_right2 {
			padding-right: 40px;
			width: 500px;
			text-align: left;
}

/*
body   {
			font-family: 100% Verdana, Arial, Helvetica, sans-serif;
			background-image: url(../images/background2.jpg);
			background-color: #F9F9F9;
			background-repeat: repeat-x;
			margin: 0;
			padding: 0;
			text-align: center;
			color: #000000;
			height: auto;
}
*/

td {
			vertical-align: top;
}

img.thumb {
			border: solid 1px #999999;
			margin-left: 5px;
			margin-top: 5px;
}


img.left2 {
/* Used in header */
			float: left;
			border: 0;
}

table.grey {
			background-color: #E0E0E0;
			border: #000000 solid 1px;
			width: 300px;
}

ul {
			margin-right: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
}

li {
			line-height: 170%;
			list-style: url(../images/violet_square.png) outside;
			word-spacing: .05em;
			margin-bottom: 8px;
			padding-left: 10px;
			margin-top: 5px;

}

/* Classes
******************************/

.emphasize {
   			font-weight: bold;
   			color: #000000;
}

.emphasize_aubergine {
   			font-weight: bold;
   			color: #660033;
}

.emphasize_violet {
   			font-weight: bold;
   			color: #993366;
}

.emphasize_grey {
   			font-weight: bold;
   			color: #666666;
}


/*Sub-page Layout
******************************/

.logo {
			width: 412px;
			height: 62px;
			top: 53px;
			margin-left: 360px;
}

.flower {
			width: 197px;
			height: 17px;
			float: left;
}


.aubergine_left {
			width: 575px;
			height: 85px;
			float: left;
			background-color: #660033;
}

.aubergine_right {
			width:  8px;
			height: 85px;
			float: left;
			background-color: #660033;
}

#rounded_box {
			width:780px;
			margin:0px auto;
}

.top {
			width: 780px;
			height: 28px;
			background: url(top.png) no-repeat left top;
}

.centre-content {
			position:relative;
			background-color:#FFFFFF;
}

.bottom {
			width: 780px;
			height: 30px;
			background: url(../images/bottom.gif) no-repeat left top;
			padding-left: 23px;
}

.content_pos {
			padding-top: 102px;
			width: 540px;
}

.upper_sub {
			background-image: url(../images/sub_logo.gif);
			width: 772px;
			height: 61px;
			position: absolute;
  			left: 4px;
			top: 0px;
			background-color: #FFFFFF;
			background-repeat: no-repeat;
}


/********************************/

.oneColFixCtr #container {
			width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
			height: 610px;
/*    		background-image: url(../images/container_background.jpg);
*/			margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
			text-align: left; /* this overrides the text-align: center on the body element. */
}

.oneColFixCtr #mainContent {
/*			margin-top: 20px;
*/			padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.upper {
			background-image: url(../images/homepage_logo.gif);
			width: 195px;
			height: 42px;
			position: absolute;
			left: 17px;
			top: 30px;
}

.background {
			position: relative;
			width: 780px;
			height: 600px;
}

.lower {
			background-image: url(../images/homepage_lower_back.gif);
			width: 749px;
			height: 229px;
			left: 0px;
			top: 220px;
			position: absolute;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 10px;
	border: 0px;
}

.fltrt2 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-right: 10px;
	margin-top: 15px;
}

.fltrt3 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	border: 0px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 25px;
	border: 0px;
}

.fltlft2 { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
	border: 0px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*Form Elements
******************************/

fieldset {
			color: #404070;
			font:  Verdana, Geneva, Arial, Helvetica, sans-serif;
   			height: 290px;
   			width: 450px;
			border: 0px solid #666666;
   			margin-bottom: 30px;
}

label {
			font-weight: normal;
			color: #666666;
			line-height: normal;
			text-align: left;
			display: block;
			margin-right: 13px;
			position: relative;
			width: 115px;
			float: left;
			padding-top: 3px
}

select {
			border: solid 1px #666666;
			background: #ECECEC;
			color: #666666;
			font-size: 11px;
			margin-bottom: 8px;
            margin-top: 6px;
			height: 18px;
			width: 190px;
}



input.formInputField {
			border: solid 1px #666666;
			background-color: #ECECEC;
			color: #666666;
			font-size: 10px;
			margin-right: 5px;
			margin-bottom: 8px;
			padding: 2px;
			height: 12px;
}

textarea {
			border: solid 1px #666666;
			background: #ECECEC;
			color: #666666;
			font-size: 10px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.req {
			vertical-align: 50%;

}

#navHolder
{
	margin:1px 0 20px 0;
	position:relative;
	top:0;left:0;
}

#navTop {
	position:relative;
	top:12px;
	left:0;
}

#footerBlock
{
  background-image:none;
}