* { font-size: 12px; font-family: Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif; margin:0; padding:0; }

P { padding-top : 7px; }

.img {text-align:left; float:right; }
#shop { width:150px; height:auto; }


body { width:100%; margin-top: 16px; text-align:center; margin-bottom: 7px; background-image:url(../images/bg.gif); background-repeat:repeat-x; background-attachment: scroll; background-color:#003300; }

#oDivContent { margin:0 auto; text-align:left; width:805px; }

#TopPanel { width:805px; height:71px; background-color:#FFFFFF; }
#TopPanelLeft { width:156px; height:71px; }
#TopPanelRight { width:auto; height:71px; float:right; }

#Banner { width:805px; height:202px; float:left; }
	
/* hide text
----------------------------------------------- */	
#info { width:525px; height:auto; float:left; }




/* bottom spotlight
----------------------------------------------- */
	
	#SpotlightContainer { width:774px; height:auto; padding:0 0 0 24px; float:left; }
	#Spotlight_Top { width:754px; height:12px; float:left; background-image:url(../images/top_spot_long.gif); background-repeat:no-repeat; background-color:#FFFFFF; }
	#Spotlight_Middle { width:753px; height:auto; border:#cccccc solid; border-left-width:1px; border-right-width:1px; border-top-width:0px; border-bottom-width:0px; float:left; background-color:#DDDDDD; background-image:url(../images/middle_spot_long.gif); background-repeat:repeat-x; }
	#Spotlight_Bottom { width:754px; height:12px; float:left; background-image:url(../images/bot_spot_long.gif); }
	#Spotlight_Copy { width:400px; height:auto; padding:0 0 0 12px; float:left; }
	#Spotlight_pics { width:320px; height:auto; padding:0 9px 0 0; float:right; text-align:left; }
	#Spotlight_pics a { font-size:8pt; }
	
	#Spotlight_Copy_long { width:559px; height:auto; padding:0 0 0 12px; float:left; }
	
	#Spotlight_Container_images { width:230px; height:auto; padding:0 0 0 15px; float:left; }
	#Spotlight_Copy_images { width:230px; height:auto; padding:0 0 0 0; float:left; }
	
	#Spotlight_Container_images a { font-size:8pt; }
	
	#Spotlight_pic { width:161px; height:auto; padding:0 9px 0 0; float:right; text-align:left; }
	#Spotlight_pic a { font-size:8pt; }
	
/* main content
----------------------------------------------- */
	
#oDivMainContent { width:805px; height:auto; padding:0 0 10px 0; float:left; }
	#oDivMainContentTop { width:805px; height:10px; float:left; background-image:url(../images/content_bg_top.gif); background-repeat: no-repeat; }
	#oDivMainContentBottom { width:805px; height:29px; float:left; background-image:url(../images/content_bottom.gif); background-repeat: no-repeat }
	#oDivMainContentMiddle { width:805px; height:auto; padding:0 0 0 0; float:left; background-image:url(../images/content_middle.gif); background-repeat: repeat-y }
	#oDivMainContentCopy { width:550px; height:auto; padding:10px 0px 20px 30px; float:left; }
	#oDivMainContentCopy a:hover { color:#2971A7; text-decoration:underline; }
	#oDivMainContentCopy p { margin:0 0 10 4; line-height:23px; font-size:9pt; color:#333333; }
	
	#oDivMainContentCopy_Grey { width:550px; height:auto; padding:10px 0px 20px 30px; float:left; }
	#oDivMainContentCopy_Grey a { margin:0 0 10 4; line-height:23px; font-size:9pt; color:#333333; }
	
	#oDivMainContentCopy ul { list-style-type: square; padding-left: 35px; padding-top:0px; color:#000000; }
	#oDivMainContentCopy li { margin-top: 7px; font-size:9pt; }
	#oDivMainContentCopy li a { font-size:9pt; }
	
	#oDivMainContentCopy_Container { width:550px; height:auto; padding:0px 0px 15px 0px; float:left; }
	#oDivMainContentCopy_left { width:400px; height:auto; padding:0px 0px 0px 0px; float:left; }
	#oDivMainContentCopy_right { width:150px; height:auto; padding:0px 0px 0px 0px; float:right; text-align:right; }
	
	
	#grey_line { width:auto; height:1px; float:left; padding: 20px 0 20px 0; }
	.img_grey_line { padding: 15px 0 10px 0; }
	
	
/* content tips pages
----------------------------------------------- */	
	
	#Content_tips_right { width:340px; height:auto; padding:10px 0px 0px 0px; float:right; }
	#Content_tips_left { width:191px; height:auto; padding:10px 10px 0px 0px; float:left; }
	
	
/* content classifieds
----------------------------------------------- */		
	
	#coloured_Container { width:520px; height:auto; padding:10px 10px 15px 17px; margin-bottom:5px; margin-top:10px; float:left; border:#999999 thin dashed; background-color:#DDDDDD; background-image:url(../images/middle_spot_long.gif); background-repeat:repeat-x; }
	#coloured_right { width:325px; height:auto; padding:0px 0px 0px 5px; float:right; }
	#coloured_left { width:181px; height:auto; padding:0px 0px 0px 0px; float:left; }
	
	
	/* shop
----------------------------------------------- */		
	
	#shop_Container { width:550px; height:auto; padding:0px 0px 0px 0px; margin-top:10px; float:left; }
	#shop_box { width:165px; height:auto; padding:0px 22px 0px 0px; float:left; }
	#shop_box_right { width:165px; height:auto; padding:0px 0px 0px 0px; float:left; }
	#shop_caption { width:165px; height:auto; padding:0px 0px 0px 0px; float:left; }
	
	#shop_view_container { width:550px; height:auto; padding:10px 0px 0px 0px; float:left; }
	#shop_view_thumb { width:50px; height:50px; padding:0px 20px 0px 0px; float:left; }
	#shop_view { width:400px; height:50px; padding:5px 0px 0px 0px; float:left; }
	#shop_view_button { width:50px; height:auto; padding:13px 0px 0px 0px; float:right; }
	
	
	
	/* results boxes
----------------------------------------------- */		
	
	#results_box { width:155px; height:auto; padding:0px 23px 0px 0px; float:left; }
	#results_box_right { width:150px; height:auto; padding:0px 0px 0px 0px; float:left; }
	#results_caption { width:150px; height:auto; padding:0px 0px 0px 0px; float:left; }


/* right content
----------------------------------------------- */
						
	#oDivMainContentRight { width:193px; height:auto; padding:10px 0 25px 0; margin-right:10px; float:right; text-align:left; background-image:url(../images/right_spotlight_bg.gif); background-repeat:repeat-x; }
	#oDivMainContentRight p { color:#666666; text-decoration:none; font-size:8pt; line-height:15px; }
	#oDivMainContentRight a { color:#2971A7; text-decoration:none; font-size:8pt; }
	#oDivMainContentRight a:hover { color:#2971A7; text-decoration:underline; }
	
	#Right_inside { width:185px; height:auto; padding:0 0 0 10px; float:left; text-align:left; }
	
	#oDivMainContentRight ul { list-style-type: square; font-size:8pt; padding-left: 15px; padding-top:0px; color:#666666; }
	#oDivMainContentRight li { font-size:8pt; }
	#oDivMainContentRight img { margin-top:10px;  }
	
	
	
	/* contact form
----------------------------------------------- */
	
	#Contact_Form { width:520px; height:auto; padding:10px 10px 10px 20px; float:left; border:#999999 thin dashed; background-color:#DDDDDD; background-image:url(../images/middle_spot_long.gif); background-repeat:repeat-x; }
	#Contact_Form p { margin-top:0px; margin-bottom:0px; padding-bottom:1px; }
	
	
	
/* text style
----------------------------------------------- */	
	

p { margin:0 0 0 4; line-height:21px; font-size:9pt; color:#333333; }
h1 { margin:0 0 0 4; line-height:25px; margin-bottom:5px; font-size:13pt; font-weight:bold; color:#006633; }
h2 { line-height:20px; margin-bottom:10px; font-size:11pt; font-weight:bold; color:#006633; }
h3 { margin:0 0 0 0; line-height:25px; margin-bottom:0px; font-size:10pt; font-weight:bold; color:#006633; }
h4 { margin:0 0 0 0; line-height:10px; margin-top:13px; font-size:10pt; font-weight:bold; color:#006633; }
a { color:#2971A7; text-decoration:none; font-size:9pt; }
a:hover { text-decoration:underline; }
	
#oDivNavigation { width:805px; height:auto; float:left; }

#oDivSubNavigationFlags { width:75px; height:24px; padding:30 12 0 0; float:right; text-align:right; }
	
#oDivSubNavigationDivide { width:3px; height:33px; padding:0 0 0 10; float:left; text-align:left; }	
				
#oDivFooterNavigation { width:745px; height:100px; margin-left:33px; padding-bottom: 45px; float:left; }
#oDivFooterNavigation p { line-height:18px; font-size:8pt; color:#999999; }
#oDivFooterNavigation a { color:#28764F; text-decoration:none; font-size:8pt; }
#oDivFooterNavigation a:hover { text-decoration:underline; }
						
#oDivFooterNavigationLogo { width:45px; height:27px; float:right; }
						
#bottom { width:250px; height:35px; padding:7px 0 0 0; float:right; text-align:right; }

.caption { font-size:8pt; }
.images_frame { border:#6C6C6C solid 1px; margin-left:7px; }
.images_frame_2 { border:#6C6C6C solid 1px; margin-top:7px; margin-left:7px; float:right; }
.images_frame_3 { border:#6C6C6C solid 1px; float:left; }
.green { color:006533; font-weight:bold; }
.quote_name { color:006533; font-weight:bold; font-style:italic; }
.formtext { color:#000066; font-size: 11px; }
.formbuttom { width: 38px; height:18px; }
.formfield { width: 198px; height:18px; }
.italic { font-style:italic; font-weight:bold; }


ul { list-style-type: none; padding-left: 35px; }
li { padding-left: 0px; line-height:19px; font-size:9pt; }

label { font-size : 12px; }
table, td { font-size : 12px; }
table { width:736px; border-width: 0 0 1px 1px; border-style: solid; border-color:#CCCCCC; }
td { border-width: 1px 1px 0px 0px; background-color:#ECECEC; border-color:#CCCCCC; border-style: solid; }



/* Horizontal Dropdown Menu
----------------------------------------------- */

#oDivNavigation {
	font: 8pt Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
	padding: 0;
	margin: 0;
	}
	
#oDivNavigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#oDivNavigation ul li {
	background: #ffffff;
	}

#oDivNavigation ul li a {
	display: block;
	font-weight: bold;
	padding: 0;
	color: #FFF;
	font: 8pt Lucida Grande, Lucida Sans, Lucida Sans Unicode, sans-serif;
}

#oDivNavigation ul li li a {
	display: block;
	font-weight: normal;
	padding: 0.5em 15px;
	color: #666666;
	height: 100%;
	border-top: #CCCCCC thin dotted ; 
}

#oDivNavigation li {
	float: left;
	position: relative;	
	text-align: left;
	cursor: default;
}

#oDivNavigation li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background: #fff;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
	width: 103%;
	border-right: 3px solid #333;
	border-bottom: 3px solid #333;
	border-left: 1px solid #333;
}

#oDivNavigation li>ul {
	top: auto;
	left: auto;
}

#oDivNavigation ul li li {
	display: block;
	float: none;
	color: #333399;
	background: transparent;
	border: 0;
}

#oDivNavigation ul li:hover ul {
	display: block;
}

#oDivNavigation ul li:hover, #oDivNavigation ul li a:hover {
	background-color: #E6E6E6;
	color: #006533;
	}
	
#oDivNavigation ul li:active, #oDivNavigation ul li a:active {
	background-color: #E6E6E6;
	color: #006533;
	}

#oDivNavigation a {
	text-decoration: none;
	}