/* css for South West Rocks Country Club by Dinkum Web Solutions, http://www.dinkumweb.com.au */
/* All associated graphics copyright 2005, South West Rocks Country Club */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

/*
-----------------------------------------------------------------------------------------
Body Formatting	
----------------------------------------------------------------------------------------- 
*/

body {
	margin: 0;
	padding: 0;
	background: #df7c03 url(../images/bg-body.gif);
}

.clear {
 	clear: both;
 	height: 10px;
 	margin-bottom: -1px;
}

.floatLeft { float: left; margin-right: 30px; }


/*
-----------------------------------------------------------------------------------------
Wrapper/Div Formatting	
----------------------------------------------------------------------------------------- 
*/

#wrapper_container {
	width: 737px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 17px;
	padding: 0;
}

#wrapper_header {
	position: relative;
	width: 737px;
	height: 372px;
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/bg-header.gif);
}

#header_image {
	position: absolute;
	width: 722px;
	height: 280px;
	margin: 7px 0px 0px 8px;
	padding: 0;
}

.headerimg-home {background: #ffffff url(../images/home/image-header.jpg);}
.headerimg-facilities {background: #ffffff url(../images/facilities/image-header.jpg);}
.headerimg-golf {background: #ffffff url(../images/golf/image-header.jpg);}
.headerimg-tourism {background: #ffffff url(../images/tourism/image-header.jpg);}
.headerimg-other {background: #ffffff url(../images/other/image-header.jpg);}
.headerimg-whatson {background: #ffffff url(../images/whatson/image-header.jpg);}
.headerimg-bowls {background: #ffffff url(../images/bowls/image-header.jpg);}
.headerimg-contact {background: #ffffff url(../images/contact/image-header.jpg);}
.headerimg-news {background: #ffffff url(../images/home/image-header.jpg);}
.headerimg-functions {background: #ffffff url(../images/functions/image-header.jpg);}
.headerimg-history {background: #ffffff url(../images/history/image-header.jpg);}

#header_swrccText {
	position: absolute;
	width: 350px;
	height: 25px;
	margin: 28px 0px 0px 250px;
	padding: 0;
	text-align: right;
}

#header_image2 {
	position: absolute;
	width: 224px;
	height: 157px;
	margin: 209px 0px 0px 50px;
	padding: 0;
}

#wrapper_mid {
	position: relative;
	width: 737px;
	margin: 0;
	padding: 0;
	background: url(../images/bg-mid.gif);
}

#mid_content {
	position: relative;
	width: 571px;
	margin: 0;
	padding: 0;
	float: left;
}

#mid_sidepanel {
	position: relative;
	width: 166px;
	height: 500px;
	padding: 0;
	float: left;
}

.sidepanel-home {background: url(../images/home/text-welcome.gif) top right no-repeat;}
.sidepanel-facilities {background: url(../images/facilities/text-facilities.gif) no-repeat;}
.sidepanel-whatson {background: url(../images/whatson/text-whatson.gif) no-repeat;}
.sidepanel-golf {background: url(../images/golf/text-golf.gif) no-repeat;}
.sidepanel-bowls {background: url(../images/bowls/text-bowls.gif) no-repeat;}
.sidepanel-otherclubs {background: url(../images/other/text-otherclubs.gif) no-repeat;}
.sidepanel-tourism {background: url(../images/tourism/text-tourism.gif) no-repeat;}
.sidepanel-links {background: url(../images/links/text-links.gif) no-repeat;}
.sidepanel-contact {background: url(../images/contact/text-contact.gif) no-repeat;}
.sidepanel-news {background: url(../images/news/text-news.gif) no-repeat;}
.sidepanel-functions {background: url(../images/functions/text-functions.gif) no-repeat;}
.sidepanel-history {background: url(../images/history/text-history.gif) no-repeat;}


.contact-panels {
	width: 263px;
	height: 120px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	float: left;
	border: 1px dotted #999682;
}

.entertainment-panels {
	width: 263px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	float: left;
	text-align: center;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #424242;
}

.picture-panels {
	width: 165px;
	height: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 5px;
	float: left;
	border: 0;
	text-align: center;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #424242;
}

.list-panels {
	width: 263px;
	height: 120px;
	margin-top: -15px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	float: left;
}

#mid_content img {
	padding: 2px;
	border: 1px dotted #999682;
}

#mid_sidepanel img {
	padding: 2px;
	border: 1px dotted #999682;
}

.newsImage img {
	margin: -5px 20px 0 0;
	float: left;
}

#wrapper_footer {
	position: relative;
	width: 737px;
	height: 64px;
	margin: 0;
	padding: 0;
	background: url(../images/bg-footer.gif) no-repeat;
}

#footer_left {
	width: 600px;
	height: 64px;
	float: left;
}

#footer_right {
	width: 137px;
	height: 64px;
	float: left;
	padding: 35px 0 0 0;
}

#wrapper_byline { position: relative; width: 737px; height: 50px; margin: 15px 0 0 0;  padding: 0;	background: #fff; }


/*
-----------------------------------------------------------------------------------------
Text/Content Formatting	
----------------------------------------------------------------------------------------- 
*/

p {
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 15px 0 15px;
	color: #424242;
}

table, table p {
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 10px 0 10px;
	color: #424242;
}

p.tableHeading {
	font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 10px 0 10px;
	color: #424242;
}

#wrapper_byline p {
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	color: #424242;
}


li {
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 10px 0 10px;
	color: #424242;
}

.small {
	font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 12px;
	padding: 0 0 0 15px;
	color: #ffffff;
}

.text-table {
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 10px 0 10px;
	color: #424242;
}

.sidebar {
	font: 12px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 10px 0 0;
}

h1 {
	font: lighter 20px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0px 10px 0 10px;
	text-transform: lowercase;
}

h2 {
	font: bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #df7c03;
	padding: 0px 10px 0 10px;
}

h3 {
	font: italic bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #df7c03;
	padding: 15px 10px 0 10px;
}

em.red { color: #ff0000; }

/*
-----------------------------------------------------------------------------------------
Menu/Navigation Formatting	
----------------------------------------------------------------------------------------- 
*/

#header-menu {
	position: absolute;
	width: 360px;
	height: 78px;
	margin: 287px 0 0 280px;
	padding: 0;
	list-style: none;
	font-size: 80%;
	text-align: left;
}
	
#header-menu ul#menu	{
	width: 260px;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}

#header-menu ul#menu li {
	height: 26px;
	padding: 0;
	position: absolute;
}
	
ul#header-menu li, ul#menu a {
	height: 26px;
	/*\*/overflow: hidden;/**/
	display: block;
}
	
#header-menu ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
}
	
#menuFacilities	{left: 0px; top: 0px; width: 104px; background: url(../images/menu/menu-facilities.gif) top left no-repeat;}
#menuGolf			{left: 0px; top: 26px; width: 104px; background: url(../images/menu/menu-golf.gif) top left no-repeat;}
#menuTourism		{left: 0px; top: 52px; width: 104px; background: url(../images/menu/menu-tourism.gif) top left no-repeat;}
#menuFunctions	{left: 114px; top: 0px; width: 104px; background: url(../images/menu/menu-functions.gif) top left no-repeat;}
#menuBowls		{left: 114px; top: 26px; width: 104px; background: url(../images/menu/menu-bowls.gif) top left no-repeat;}
#menuLinks			{left: 114px; top: 52px; width: 104px; background: url(../images/menu/menu-links.gif) top left no-repeat;}
#menuWhatsOn	{left: 228px; top: 0px; width: 104px; background: url(../images/menu/menu-whatson.gif) top left no-repeat;}
#menuOther		{left: 228px; top: 26px; width: 104px; background: url(../images/menu/menu-other.gif) top left no-repeat;}
#menuHome		{left: 228px; top: 52px; width: 104px; background: url(../images/menu/menu-home.gif) top left no-repeat;}
#menuContact		{left: 342px; top: 26px; width: 104px; background: url(../images/menu/menu-contact.gif) top left no-repeat;}
#menuNews		{left: 342px; top: 0px; width: 104px; background: url(../images/menu/menu-news.gif) top left no-repeat;}


#menuFacilities a:hover		{background: url(../images/menu/menu-facilities.gif) 0 -26px no-repeat;}
#menuWhatsOn a:hover 	{background: url(../images/menu/menu-whatson.gif) 0 -26px no-repeat;}
#menuGolf a:hover 			{background: url(../images/menu/menu-golf.gif) 0 -26px no-repeat;}
#menuBowls a:hover			{background: url(../images/menu/menu-bowls.gif) 0 -26px no-repeat;}
#menuOther a:hover			{background: url(../images/menu/menu-other.gif) 0 -26px no-repeat;}
#menuTourism a:hover		{background: url(../images/menu/menu-tourism.gif) 0 -26px no-repeat;}
#menuLinks a:hover			{background: url(../images/menu/menu-links.gif) 0 -26px no-repeat;}
#menuContact a:hover		{background: url(../images/menu/menu-contact.gif) 0 -26px no-repeat;}
#menuHome a:hover			{background: url(../images/menu/menu-home.gif) 0 -26px no-repeat;}
#menuFunctions a:hover	{background: url(../images/menu/menu-functions.gif) 0 -26px no-repeat;}
#menuNews a:hover			{background: url(../images/menu/menu-news.gif) 0 -26px no-repeat;}



/*
-----------------------------------------------------------------------------------------
Elements Formatting	eg hr, lists, form items, links etc
----------------------------------------------------------------------------------------- 
*/

a:link { color: #3a86ba; text-decoration: none; }
a:visited { color: #3a86ba; text-decoration: none; }
a:active { color: #3a86ba; text-decoration: none; }
a:hover { color: #3a86ba; text-decoration: underline; }

a.link-white:link { color: #ffffff; text-decoration: none; }
a.link-white:visited { color: #ffffff; text-decoration: none; }
a.link-white:active { color: #ffffff; text-decoration: none; }
a.link-white:hover { color: #ffffff; text-decoration: underline; }

input.input-text:focus, input.textarea:focus, textarea:focus {
	background: #006002;
	padding: 2px;
	color: #ffffff;
}

input.input-text, input.textarea, textarea {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #006002;
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #006002;
}

hr {
	clear: both;
	border: 0;
	height: 0px;
	color: #ffffff;
}

td.bgGrey { background: #dfddd1; }

/*
-----------------------------------------------------------------------------------------
Validation Formatting	eg xhtml, css buttons etc
----------------------------------------------------------------------------------------- 
*/

.validXHTML {width: 38px; height: 16px; background: url(../images/image-xhtml.gif) top left no-repeat; float: left; display: block;}
.validXHTML:hover {background-position: 0 -16px;}
.validXHTML span { display: none; }

.validCSS {width: 38px; height: 16px; background: url(../images/image-css.gif) top left no-repeat; float: left; display: block;}
.validCSS:hover {background-position: 0 -16px;}
.validCSS span { display: none; }

.dws {width: 38px; height: 16px; background: url(../images/image-dws.gif) top left no-repeat; float: left; display: block;}
.dws:hover {background-position: 0 -16px;}
.dws span { display: none; }

/* end of css */