/*
=================================================================================
webskin.css:
=================================================================================
this stylesheet defines the skins of the following page elements - and should be linked second
- background colours / graphics / positions
- border colours / styles / thickness
- sprite graphics / positions
*/

/* body skin styles */
body {background: #F2F2F2 url("/css/images/backgroundPattern.gif"); color: inherit;}

	/* rule: pod - generic theme body skin styles */
	div.rulePodPage div.rulePodPageHead {background: #FFFFFF url("/css/images/bodyBorderTop.gif") no-repeat; color: inherit;}
	div.rulePodPage div.rulePodPageBody {background: #FFFFFF url("/css/images/bodyBackgroundAndBorder.gif") repeat-y; color: inherit;}
	div.rulePodPage div.rulePodPageFoot {background: #FFFFFF url("/css/images/bodyBorderBottom.gif") no-repeat; color: inherit;}

	/* siteSearch : container skin styles */
	div.containerSiteSearch div.ruleBody {background: #5e140f url("/css/images/barBackgroundRed.gif") repeat-x 0px 0px; color: inherit;}
		/* siteSearch : form skin styles */
		div.containerSiteSearch input.inputText {border: none;}
		div.containerSiteSearch input.formButton {background: #b06b13 url("/css/images/buttonBackground.gif") repeat-x 0px 0px; border: 1px solid #b06b13; color: inherit; cursor:pointer;}
		div.containerSiteSearch input.formButton:hover {background: url("/css/images/buttonBackground.gif") repeat-x 0px -16px;}

/* suckerfish skin styles */
	/* nav */
	#nav ul {}
		#nav li {background: #5e3c0f url("/css/images/navigationBackground.gif") no-repeat 0px 0px; color: inherit;}
		#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {cursor:pointer; background-color: transparent;}
		#nav a:hover {background: #5e3c0f url("/css/images/navigationBackground.gif") no-repeat 0px -25px;}

		#nav li ul {border: 1px solid #808080; margin: -10px 0 0 -15px;}

		#nav li.active {background: #7a4d14 url("/css/images/navigationBackground.gif") no-repeat 0px -25px; color: inherit;}
		#nav li.active a:hover {background: url("/css/images/navigationBackground.gif") no-repeat 0px 0px;}