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

/* Navigation
******************************/

#navbar {	
  			font-family:"Arial Narrow", Arial, sans-serif;
			font-size:11px; 
			letter-spacing:0.1em;
			font-weight:normal;
			float:left;
			margin:28px 0px 0px 20px;
			width:780px;
			height:16px;
}

#navbar a,span {	
			height:16px;
			float:left;
			border-bottom:none;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			padding:0 8px 0 8px;
}

#navbar span {
			color:#666666;
}

#contact {
			color:#FFFFFF;
			float:right;
			margin:27px 55px 0;
			text-align:center;
			font-size:13px
}

#contact a {
			color:#FFFFFF;
			border:none;
			text-decoration:none;
}


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

#m1,#m2
{	
			position:absolute;
			visibility:hidden;
			margin-left:52px;
			margin-top:17px;
			border:1px solid #333333;
			padding:0px 0px 5px 0px;
			background-color:#DDE6F5;
			width:180px;
}

#m1 span {
			position:relative;
			display:block;
			float:none;
			margin: 0;
			padding:0px 0px 0px 3px;
			border-bottom:1px solid #CCD5E4;
			text-align:left;
}

#m2 span {
			position:relative;
			display:block;
			float:none;
			margin: 0;
			padding:0px 0px 0px 3px;
			border-bottom:1px solid #CCD5E4;
			text-align:left;
}
			
#m2
{	
			margin-left:164px;
			width:80px
}
			
#navbar div a {
			position:relative;
			display:block;
			float:none;
			margin: 0;
			padding:0px 0px 0px 3px;
			border-bottom:1px solid #CCD5E4;
			white-space: nowrap;
			text-align:left;
			color:#6E7F99;
}

#navbar div span {
			color:#666666;
			padding:0px 0px 0px 3px;
}


#navbar div .bottom {
			border:none;
			height:13px;
}

#navbar div a:hover {	
			color: #333333; 
}

#navbar2 {
			float:left;
			margin:8px 0px 0 30px;
}

#navbar2 a {
			text-decoration:none;
			border:none;
			font-size:9.5px;
			color:#6E7F99;
}

#homepage_mid {
			width:791px;
			height:256px;
			float:left;
			background-image:url(homepage_main_image.jpg);
			color:#FFF;
}

#homepage_mid span {
			font:"Arial Black", Gadget, sans-serif;
			font-size:18px;
			margin:230px 0 0 20px;
			float:left;
			color:#DDE6F5;
}

#homepage_mid div {
			font-size:14px;
			margin:230px 60px 0;
			float:right;
			font-style:italic;
}

#intro {
			width:741px;
			float:left;
			background-color:#FFF;
			padding:10px 25px;
			float:left;
}

#intro p {
			width:550px;
}

#intro div {
			float:right;
			margin:50px 20px;
			width:150px;
}

#footer {
			width:791px;
			height:113px;
			float:left;
			background-color:#FFF;
			background-image:url(footer_bg.gif);
			background-position:top;
			background-repeat:no-repeat;
}

#footer span {
			font-size:8px;
			float:left;
			color:#666;
			margin:10px 0 0 19px;
			width:290px;
			font-weight:normal;
}

#footer_contact_details {
			float:left;
			margin:17px 0 0 20px;
			padding:0 0 0 7px;
			border-left:1px solid #7E6B71;
}

#subpage_main {
			background-color:#FFF;
			float:left;
			width:591px;
			padding:50px 100px 50px 100px;
	
}

img.subpage_title {
			margin:40px 0;
			float:left;
}


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

h1 {
	line-height:120%;
	font-size:20px;
}

h3 {
	margin:0 0 2px 0;
}

a {
			color:#000000;
/*			border-bottom:1px dotted #6E7F99;
*/			text-decoration:none;
}

img {
			border: none;
}

td {
			vertical-align:top;
}

td.bullet {
			background-image:url(bullet.gif);
			background-position:left;
			background-repeat:no-repeat;
			padding-left:12px;
}

ul { 
			list-style:url(bullet2.gif) outside;
			margin-top:-6px;
}

li 	{		
			word-spacing:.05em;
			margin:0px 0px 4px -26px;
			padding-bottom:2px;
}

/*Layout
******************************/

body   {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px; 
			background-image:url(gradient_background.jpg);
			background-repeat:repeat-x;
			background-color:#FFF;
			margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
			padding: 0;
			text-align: center; /* this centres the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
			color:#666;
			line-height:170%;
			word-spacing:.05em;
}

#container { 
			width:791px;  
			margin: 0 auto; /* the auto margins (in conjunction with a width) centre the page */
			text-align: left; /* this overrides the text-align: center on the body element. */
			margin-top:10px;
} 

#header {
			background-image:url(header_bg.gif);
			background-repeat:no-repeat;
			width:791px;
			height:108px;
			float:left;
}

#homepage_main {
            float:left;
			padding:30px 125px 0px 125px;
			background-color:#FFFFFF;
			width:530px;
   			font-size:12px;
			font-weight:normal;
			line-height:160%;
			letter-spacing:.02em;
			word-spacing:.09em;
}

a.greylink {
			color:#333333;
			border-bottom:1px dotted #333333;
			text-decoration:none;
}

.large {
			font-size:1.6em;
			color:#407B07;
			font-weight:normal;
			letter-spacing:.1em;
}

.slightly_bigger {
			font-size:13px;
			font-weight:normal;
			letter-spacing:.03em;
}

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

.fltlft {
			float: left;
}

.fltrt_offset {
			float:right;
			margin:5px 0px 10px 15px;
			border:1px solid #508B17;
}

.fltrt {
			float: right;
}

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

.emphasize_bigger {
   			font-weight: bold;
			font-size:11px;
			color:#666;
}

.unemphasize {
   			font-weight: normal;
}

.italic {
			font-style: italic;
}


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

form {
			float:right;
			width:400px;
}

fieldset {
			color: #404070;
			font:  Verdana, Geneva, Arial, Helvetica, sans-serif;
			background-image:url(fieldset_bg.gif);
}

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

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

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

select.OptionSelect	{ 
			font-size: 8pt; 
			border: solid 1px #284279;
			background-color: #ECECEC;
			color: #666666;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			margin:0 0 4px 0;
			width:50px;
			float:left;
}

.smallprint {
			color:#505F7C;
}


input.formInputButton {
			border: solid 1px #f66;
			background-color: #ffffff;
			background-image:  ../images/table_submit.gif;
			color: #300;
			cursor: pointer;
			font-size: 1.2em;
			text-align: center;
			padding: 1px;
			margin-right: 5px;
			vertical-align: middle;
}

input.caption	{ 
			font-family: Verdana, Arial, sans-serif; 
			border: none; 
			font-weight: normal;
			background-color: #CCCCCC;
			width: 419px;
			text-align: center
 }