/**
 * @ Copyright: (c) 2008 Formoda Ltd
 * @ Author: Richard Rawlings <rich [AT] formoda [DOT] co [DOT] uk>
 * @ File: site.css
 */

html
{
	padding:0;
	margin:0;
	height:100%;
}

body
{
	margin:0;
	padding:0;
	font:0.7em arial,sans-serif;
	background:#fff;
}

a,a:visited
{
	border:0;
	margin:0;
	padding:0;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
	margin:0;
	padding:0;
	border:0;
}

a img,img,table,th,tr,td,p,form
{
	margin:0;
	padding:0;
	border:0;
}

.ie6
{
	padding:0;
	margin:0;
	clear:both;
}

h1,h2,h3
{
	padding:0;
	margin:0;
}

p
{
	color:#093633;
}

p.white
{
	font-size:110%;
	color:#fff;
}

/**
 * @ Section: CONTAINER
 */

div#site
{
	padding:0;
	margin:0 auto;
	width:950px;
}

/**
 * @ Section: HEAD
 */

div#head
{
	float:left;
	padding:0 22px;
	margin:0;
	width:906px;
	height:144px;
	overflow:hidden;
} 

div#headLogo
{
	float:left;
	padding:0;
	margin:0;
	width:617px;
}

div#headLogo img
{
	float:left;
	padding:0;
	margin:36px 0 0 0;
	width:299px;
	height:74px;
}

div#loggedInText p
{
	padding:0;
	margin:0;
	font-size:110%;
}

div#headLogin
{
	float:left;
	padding:33px 0 0 0;
	margin:0;
	width:289px;
	text-align:right;
}

div#headLogin input
{
	padding:0 5px;
	margin:0 0 6px 0;
	width:179px;
	height:22px;
	border:0;
	color:#9A9A9A;
	font-size:110%;
}

div#headLogin .email
{
	background:url(../_img/_bg/email-off.gif) no-repeat;
}

div#headLogin .emailOn
{
	background:url(../_img/_bg/email-on.gif) no-repeat;
}

div#headLogin .pass
{
	background:url(../_img/_bg/pass-off.gif) no-repeat;
}

div#headLogin .passOn
{
	background:url(../_img/_bg/pass-on.gif) no-repeat;
}

div#loginUser
{
	float:right;
}

div#loginPass
{
	float:right;
}

div#loginButton
{
	float:right;
}

div#loginForgot
{
	float:right;
	margin:3px 0 0 0;
}

div#loginForgot a,div#loginForgot a:visited
{
	color:#9A9A9A;
}

div#headLogin button
{
	float:right;
	padding:0;
	margin:0;
	width:189px;
	height:22px;
	border:0;
	cursor:pointer;
	background:url(../_img/_buttons/login.gif) no-repeat;
}

 /**
 * @ Section: NAV
 */

div#nav
{
	float:left;
	padding:0 22px;
	margin:0;
	width:906px;
	height:40px;
	overflow:hidden;
	background:url(../_img/_bg/nav.gif) no-repeat;
}

div#nav ul
{
	padding:0;
	margin:13px 0 0 0;
	list-style-type:none;
}

div#nav li
{
	float:left;
	display:inline;
	padding:0 13px 0 13px;
	margin:0;
	font-size:110%;
	background:url(../_img/_bg/nav-sep.gif) right 2px no-repeat;
}

div#nav li a,div#nav li a:visited
{
	color:#fff;
	font-weight:bold;
}

div#nav li a:hover
{
	color:#AFEA12;
	text-decoration:none;	
}

div#nav li a.s,div#nav li a.s:visited
{
	color:#AFEA12;
}

div#nav li.f
{
	float:left;
	display:inline;
	padding:0 13px 0 0;
	margin:0;
	background:url(../_img/_bg/nav-sep.gif) right 2px no-repeat;
}

div#nav li.l
{
	float:left;
	display:inline;
	padding:0 0 0 13px;
	margin:0;
	background:0;
}

 /**
 * @ Section: MAIN
 */

div#main
{
	float:left;
	padding:0;
	margin:0;
	width:950px;
}

 /**
 * @ Section: WIDE
 */

div.wide
{
	float:left;
	padding:0;
	margin:6px 0 0 0;
	width:950px;
}

 /**
 * @ Section: TWO COLUMN
 */

div#west
{
	float:left;
	padding:0;
	margin:6px 6px 0 0;
	width:711px;
	overflow:hidden;
}

div#westIntro
{
	float:left;
	padding:0;
	margin:0 0 6px 0;
	width:711px;
}

div#westIntroTop
{
	float:left;
	padding:0;
	margin:0;
	width:711px;
	height:12px;
	overflow:hidden;
	background:url(../_img/_bg/west-intro-top.gif) no-repeat;
}

div#westIntroMid
{
	float:left;
	padding:10px 24px;
	margin:0;
	width:663px;
	background:url(../_img/_bg/west-intro-mid.gif) repeat-y;
}

div#westIntroMid h2
{
	padding:0;
	margin:5px 0 15px 0;
	line-height:100%;
}

div#westIntroMid p
{
	padding:0;
	margin:0 0 10px 0;
	color:#fff;
	font-size:110%;
	line-height:140%;	
}

div#westIntroMid a,div#westIntroMid a:visited
{
	color:#B0EA13;
	text-decoration:underline;
}

div#westIntroMid ul
{
	padding:0;
	margin:15px 0 0 0;
	list-style-type:none;
}

div#westIntroMid li
{
	padding:0 0 0 20px;
	margin:0 0 7px 0;
	font-size:110%;
	color:#fff;
	background:url(../_img/bullet.gif) 0 4px no-repeat;
}

div#westIntroMidLeft
{
	float:left;
	padding:0;
	margin:0 20px 0 0;
	width:454px;
}

div#westIntroMidRight
{
	float:left;
	padding:0;
	margin:0;
	width:189px;
	text-align:right;
}

div#westIntroMidRight #searchKeywords
{
	padding:0 5px 0 5px;
	margin:0 0 6px 0;
	width:189px;
	height:22px;
	border:0;
	color:#9A9A9A;
	font-size:110%;
	background:url(../_img/_bg/search.gif) no-repeat;
}

div#westIntroBot
{
	float:left;
	padding:0;
	margin:0;
	width:711px;
	height:12px;
	overflow:hidden;
	background:url(../_img/_bg/west-intro-bot.gif) no-repeat;
}

div#east
{
	float:left;
	padding:0;
	margin:6px 0 0 0;
	width:233px;
}

div#east div
{
	margin:0 0 6px 0;
}

 /**
 * @ Section: FORM PAGE
 */
 
div#formBox
{
	float:left;
	padding:0;
	margin:0;
	width:711px;
}

div#formBoxTop
{
	float:left;
	padding:0;
	margin:0;
	width:711px;
	height:12px;
	overflow:hidden;
	background:url(../_img/_bg/expandable-top.gif) no-repeat;
}

div#formBoxMid
{
	float:left;
	padding:0;
	margin:0;
	width:711px;
	background:url(../_img/_bg/expandable-mid.gif) repeat-y;
}

div#formBoxLeft
{
	float:left;
	padding:0 15px 0 24px;
	margin:8px 0 8px 0;
	width:161px;
}

div#formBoxLeft p
{
	padding:0;
	margin:0 0 10px 0;
	font-size:110%;
	line-height:140%;
}

div#formBoxLeft a,div#formBoxLeft a:visited
{
	color:#093633;
	text-decoration:underline;
}

div#formBoxRight
{
	float:left;
	padding:0;
	margin:8px 0 8px 0;
	width:510px;
	border-left:1px solid #D1D1D1;
}

ul.errList
{
	padding:0;
	margin:5px 0 15px 0;
	list-style-type:none;
}

ul.errList li
{
	padding:0 0 0 15px;
	margin:0 0 4px 0;
	font-size:110%;
	color:red;
	background:url(../_img/bullet-red.gif) 0 4px no-repeat;
}

div.formRow
{
	float:left;
	padding:0;
	margin:0 0 5px 0;
	width:510px;
}

div.formLabel
{
	float:left;
	padding:4px 11px 0 0;
	margin:0;
	width:162px;
	text-align:right;
}

div.formLabel p
{
	padding:0;
	margin:0;
	line-height:100%;
	font-size:110%;
}

div.formField
{
	float:left;
	padding:0;
	margin:0;
	width:332px;
}

div.formField p
{
	padding:0;
	margin:0;
	line-height:100%;
	font-size:110%;
}

div.formField a,div.formField a:visited
{
	color:#093633;
	text-decoration:underline;
}

div.formField select
{
	padding:0 0 0 5px;
	margin:0;
	width:270px;
	height:22px;
	border:0;
	color:#9A9A9A;
	font-size:110%;
	background:#E6E6E6;
}

input.textBox
{
	padding:0 5px 0 5px;
	margin:0;
	width:260px;
	height:22px;
	border:0;
	/* color:#093633; */
	color:#9A9A9A;
	font-size:110%;
	background:url(../_img/_bg/address.gif) no-repeat;
}

div.formField .textArea
{
	padding:3px 5px 3px 5px;
	margin:0;
	width:260px;
	height:104px;
	border:0;
	color:#9A9A9A;
	font-size:110%;
	font-family:arial;
	background:url(../_img/_bg/textarea.gif) no-repeat;
}

.textAreaAccount
{
	padding:0;
	margin:0;
	width:270px;
	height:300px;
	border:0;
	color:#9A9A9A;
	background:#ECECEC;
	font-size:110%;
	font-family:arial;
}

div#formBoxBot
{
	float:left;
	padding:0;
	margin:0;
	width:711px;
	height:12px;
	overflow:hidden;
	background:url(../_img/_bg/expandable-bot.gif) no-repeat;
}

 /**
 * @ Section: EXPANDABLE
 */
 
div.expandable
{
	clear:both;
	padding:0;
	margin:0 0 6px 0;
	width:711px;
}

div.expandableTop
{
	clear:both;
	padding:0;
	margin:0;
	width:711px;
	height:12px;
	overflow:hidden;
	background:url(../_img/_bg/expandable-top.gif) no-repeat;
}

div.expandableTopDark
{
	clear:both;
	padding:0;
	margin:0;
	width:711px;
	height:12px;
	overflow:hidden;
	background:url(../_img/_bg/expandable-top-dark.gif) no-repeat;
}

div.expandableMid
{
	float:left;
	padding:0;
	margin:0;
	width:711px;
	background:url(../_img/_bg/expandable-mid.gif) repeat-y;
}

div.expandableMidDark
{
	float:left;
	padding:5px 0;
	margin:0;
	width:711px;
	background:url(../_img/_bg/expandable-mid-dark.gif) repeat-y;
}

div.expandableMidDark ul
{
	padding:0;
	margin:0 0 0 23px;
	list-style-type:none;
}

div.expandableMidDark li
{
	float:left;
	display:inline;
	padding:0 13px 0 13px;
	margin:0;
	font-size:110%;
	background:url(../_img/_bg/nav-sep.gif) right 2px no-repeat;
}

div.expandableMidDark li a,div.expandableMidDark li a:visited
{
	color:#fff;
	font-weight:bold;
}

div.expandableMidDark li a:hover
{
	color:#AFEA12;
	text-decoration:none;	
}

div.expandableMidDark li a.s,div.expandableMidDark li a.s:visited
{
	color:#AFEA12;
}

div.expandableMidDark li.f
{
	float:left;
	display:inline;
	padding:0 13px 0 0;
	margin:0;
	background:url(../_img/_bg/nav-sep.gif) right 2px no-repeat;
}

div.expandableMidDark li.l
{
	float:left;
	display:inline;
	padding:0 0 0 13px;
	margin:0;
	background:0;
}

div.staticContent
{
	clear:both;
	padding:10px 24px 2px 24px;
	margin:0;
	width:663px;
}

div.staticContent p
{
	padding:0;
	margin:0 0 10px 0;
	line-height:140%;
	font-size:110%;
}

div.staticContent a,div.staticContent a:visited
{
	color:#093633;
	text-decoration:underline;
}

div.staticContent ul
{
	padding:0;
	margin:15px 0 15px 0;
	list-style-type:none;
}

div.staticContent li
{
	padding:0 0 0 20px;
	margin:0 0 7px 0;
	font-size:110%;
	color:#093633;
	background:url(../_img/bullet.gif) 0 4px no-repeat;
}

div.expandableTitle
{
	float:left;
	padding:5px 0;
	margin:0;
	width:711px;
}

div.expandableTitleLeft
{
	float:left;
	padding:4px 0 0 24px;
	margin:0;
	width:571px;
}

div.expandableTitleLeft p
{
	padding:0;
	margin:0;
	line-height:100%;
	font-size:130%;
}

div.expandableTitleRight
{
	float:left;
	padding:0 18px 0 0;
	margin:0;
	width:98px;
	height:22px;
	overflow:hidden;
	text-align:right;
}

div.newsLeft
{
	float:left;
	padding:4px 0 0 24px;
	margin:0;
	width:501px;
}

div.newsLeft p
{
	padding:0;
	margin:0;
	line-height:100%;
	font-size:130%;
}

div.newsRight
{
	float:right;
	padding:0 18px 0 0;
	margin:0;

	height:22px;
	overflow:hidden;
	text-align:right;
}

div.expandableDetail
{
	clear:both;
	padding:0 24px;
	margin:15px 0;
	width:663px;
}

div.expandableMemberLeft
{
	float:left;
	padding:0;
	margin:0 20px 0 0;
	width:465px;
}

div.expandableMemberLeft p
{
	padding:0;
	margin:0 0 10px 0;
	line-height:140%;
	font-size:110%;
}

div.expandableMemberLeft ul
{
	padding:0;
	margin:15px 0 15px 0;
	list-style-type:none;
}

div.expandableMemberLeft li
{
	padding:0 0 0 20px;
	margin:0 0 7px 0;
	font-size:110%;
	background:url(../_img/bullet.gif) 0 4px no-repeat;
}

div.expandableMemberLeft a,div.expandableMemberLeft a:visited
{
	color:#093633;
	text-decoration:underline;
}

div.expandableMemberRight
{
	float:left;
	padding:0;
	margin:0;
	width:178px;
	text-align:right;
}

div.expandableMemberRight p
{
	padding:0;
	margin:0 0 10px 0;
	line-height:140%;
	font-size:110%;
}

div.expandableMemberRight a,div.expandableMemberRight a:visited
{
	color:#093633;
	text-decoration:underline;
}

div.expandablePic
{
	float:left;
	padding:0;
	margin:0 18px 0 0;
	width:200px;
}

div.expandableMap
{
	float:left;
	padding:0;
	margin:0 0 10px 0;
	width:328px;
	height:211px;
	overflow:hidden;
}

div.expandableDirections
{
	clear:both;
	padding:0;
	margin:0 0 10px 0;
	width:328px;
}

div.expandableDirections p
{
	padding:0;
	margin:0 0 10px 0;
	font-size:110%;
	line-height:140%;
}

div.expandableDirections input
{
	float:left;
	padding:0 5px;
	margin:0 6px 6px 0;
	width:265px;
	height:22px;
	border:0;
	color:#9A9A9A;
	font-size:110%;
	background:url(../_img/_bg/address.gif) no-repeat;	
}

div.expandableDirections button
{
	float:left;
	padding:0;
	margin:0;
	width:47px;
	height:22px;
	border:0;
	cursor:pointer;
	background:url(../_img/_buttons/go.gif) no-repeat;	
}

button.editButton
{
	float:left;
	padding:0;
	margin:0 6px 0 0;
	width:72px;
	height:22px;
	border:0;
	cursor:pointer;
	background:url(../_img/_buttons/edit.gif) no-repeat;	
}

button.deleteButton
{
	float:left;
	padding:0;
	margin:0;
	width:72px;
	height:22px;
	border:0;
	cursor:pointer;
	background:url(../_img/_buttons/delete.gif) no-repeat;	
}

div.expandableInfo
{
	float:left;
	padding:0;
	margin:0;
	width:445px;
}

div.expandableInfo p
{
	padding:0;
	margin:0 0 10px 0;
	font-size:110%;
	line-height:140%;
}

div.expandableInfo a,div.expandableInfo a:visited
{
	color:#093633;
}

div.expandableInfo img
{
	float:right;
}

div.expandableBot
{
	clear:both;
	padding:0;
	margin:0;
	width:711px;
	height:12px;
	overflow:hidden;
	background:url(../_img/_bg/expandable-bot.gif) no-repeat;
}

div.expandableBotDark
{
	clear:both;
	padding:0;
	margin:0;
	width:711px;
	height:12px;
	overflow:hidden;
	background:url(../_img/_bg/expandable-bot-dark.gif) no-repeat;
}

div#memberResults
{
	float:left;
	padding:0 0 6px 0;
	margin:0;
	width:711px;
	height:65px;
	overflow:hidden;
	background:url(../_img/_bg/results.gif) no-repeat;
}

div#memberResultsLeft
{
	float:left;
	padding:24px 0 0 24px;
	margin:0;
	width:200px;
	height:41px;
	overflow:hidden;
}

div#memberResultsLeft p
{
	padding:0;
	margin:0;
	line-height:100%;
	color:#fff;
	font-size:130%;
}

div#memberResultsRight
{
	float:left;
	padding:22px 0 0 0;
	margin:0;
	width:476px;
	height:43px;
	overflow:hidden;
	text-align:right;
}

div#memberResultsRight select
{
	float:left;
	padding:0;
	margin:0 6px 0 0;
	height:22px;
	line-height:100%;
	font-size:110%;
}

div#memberResultsRight button
{
	float:left;
	padding:0;
	margin:0 8px 0 0;
	width:47px;
	height:22px;
	border:0;
	cursor:pointer;
	background:url(../_img/_buttons/go-white.gif) no-repeat;
}

div.memberBar
{
	float:left;
	padding:25px 24px 0 24px;
	margin:0 0 6px 0;
	width:663px;
	height:48px;
	overflow:hidden;
	background:url(../_img/_bg/member-bar.gif) no-repeat;
}

div.memberBarLeft
{
	float:left;
	padding:0;
	margin:0;
	width:248px;
	height:48px;
	overflow:hidden;
}

div.memberBarRight
{
	float:left;
	padding:5px 0 0 0;
	margin:0;
	width:415px;
	height:43px;
	overflow:hidden;
	text-align:right;
}

 /**
 * @ Section: PANELS
 */

div#panel_widePic
{
	float:left;
	padding:0;
	margin:0 6px 0 0;
	width:472px;
	height:292px;
	overflow:hidden;
	background:url(../_img/_bg/panel-widepic-left.gif) no-repeat;
}

div#panel_widePic img
{
	float:left;
	padding:0;
	margin:0;
	width:472px;
	height:292px;
}

div#panel_wideTextRight
{
	float:left;
	padding:29px 26px 26px 26px;
	margin:0;
	width:420px;
	height:237px;
	overflow:hidden;
	background:url(../_img/_bg/panel-widetext-right.gif) no-repeat;
}

div#panel_wideTextRight h1
{
	padding:0;
	margin:0 0 17px 0;
	line-height:100%;
}

div#panel_wideTextRight p
{
	padding:0;
	margin:0;
	color:#fff;
	font-size:110%;
	line-height:140%;
}

div#panel_wideTextRight .button
{
	margin-top:17px;
}

div#panels
{
	float:left;
	padding:0;
	margin:6px 0 0 0;
	width:950px;
	height:341px;
	overflow:hidden;
}
 
div#panel1,div#panel2,div#panel3,div#panel4
{
	float:left;
	padding:0;
	margin:0 6px 0 0;
	width:233px;
	height:341px;
	overflow:hidden;
	background:url(../_img/_bg/panel.gif) no-repeat;
}
 
div#panels .l
{
	margin:0;
}

div.panelTop
{
	float:left;
	padding:6px 6px 0 6px;
	margin:0;
	width:227px;
	height:96px;
	overflow:hidden;
}

div.panelBot
{
	float:left;
	padding:17px 22px 10px 22px;
	margin:0;
	width:189px;
	height:212px;
	overflow:hidden;
}

div.panelBot p
{
	padding:0;
	margin:0;
	line-height:140%;
	font-size:110%;
}

div.panelBot img
{
	padding:0;
	margin:5px 0;
}

 /**
 * @ Section: FOOT
 */
 
div#foot
{
	float:left;
	padding:0 22px 0 22px;
	margin:6px 0 0 0;
	width:906px;
	height:262px;
	overflow:hidden;
	background:url(../_img/_bg/foot.gif) no-repeat;
}

div#footMembers
{
	float:left;
	padding:0 0 10px 0;
	margin:16px 0 0 0;
	width:904px;
	height:86px;
	overflow:hidden;
	border-bottom:1px solid #D5D5D5;
}

div.footMember
{
	float:left;
	padding:0;
	margin:0;
	width:113px;
	height:86px;
	overflow:hidden;
	text-align:center;
}

div#footNav
{
	float:left;
	padding:0;
	margin:0;
	width:905px;
	height:35px;
	overflow:hidden;
	border-bottom:1px solid #D5D5D5;
}

div#footNav ul
{
	padding:0;
	margin:10px 0 0 0;
	list-style-type:none;
}

div#footNav li
{
	float:left;
	display:inline;
	padding:0 10px 0 10px;
	margin:0;
	font-size:110%;
	background:url(../_img/_bg/foot-nav-sep.gif) right 3px no-repeat;
}

div#footNav li a,div#footNav li a:visited
{
	color:#093633;
}

div#footNav li.f
{
	float:left;
	display:inline;
	padding:0 10px 0 0;
	margin:0;
	background:url(../_img/_bg/foot-nav-sep.gif) right 3px no-repeat;
}

div#footNav li.l
{
	float:left;
	display:inline;
	padding:0 0 0 10px;
	margin:0;
	background:0;
}

div#footFormoda
{
	float:left;
	padding:11px 0 0 0;
	margin:0;
	width:905px;
	height:27px;
	overflow:hidden;
	border-bottom:1px solid #D5D5D5;
}

div#footFormoda p
{
	font-size:110%;
}

div#footFormoda p,div#footFormoda a,div#footFormoda a:visited
{
	color:#093633;
}

div#footBase
{
	float:left;
	padding:15px 0 0 0;
	margin:0;
	width:905px;
}

div#footBase #xhtml,div#footBase #css2
{
	float:left;
	padding:0;
	margin:0 10px 0 0;
	width:80px;
	height:15px;
}

div#footBase #xhtml img,div#footBase #css2 img
{
	float:left;
	padding:0;
	margin:0;
	width:80px;
	height:15px;
}

div#footBase #share
{
	float:left;
	padding:0;
	margin:0;
	width:300px;
	height:74px;
	overflow:hidden;
}