/*
  CSS for WithaFly Tackle Shop
  09 June 2006
  design by: Robert Lundy - www.lundy.ca
  copyright: WithaFly Tackle Shop - www.withafly.com
  
  Key Colours:
  	NOT USED: Green: 30/140/0 (RGB); 1e8c00 (HEX)			
  	PREV (based on scan): 72,113,92 (RGB); 48715b (HEX)
  	Pantone Green (349C):  0/98/51 (RGB); 	006233 (HEX)
  	Bright Green: 0,170,0 (RGB); 00bb00 (HEX)
  	Yellow: 236,232,176 (RGB); ece8b0 (HEX)
  	Dark Grey: 51,51,51 (RGB); 333333 (HEX)
  	Light Grey: 221,221,221 (RGB); dddddd (HEX)
  
*/

	BODY {
		background: #006233;
		font-family: Verdana,"Trebuchet MS", sans-serif;
		font-size: 80%;
		color: #333333;
		text-align: center;
		width: 100%;
	}

	H1, H2, H3, H4 {
		font-family: Verdana,"Trebuchet MS", sans-serif;
	}

	H2 {
		font-size: 90%;
	}
	
	P.initial:first-line {
		font-variant: small-caps;
		font-size: 110%;
	}

	#container {
		width: 680px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 35px;
		text-align: left;
		background: #ece8b0;
		border: 5px groove #ece8b0;
	}
	
	#logo_holder {
		height: 125px;
		background : url(../img/lib/banner.png) no-repeat; 
	}
	
	#nav_bar {
		width: 664px;
		margin-left: 8px;
		background: #ece8b0;
	}
	
	#nav_bar UL {
		list-style-type: none;
		margin: 0;
		padding: 0;
		float: left;
		background: #ece8b0;
	}
	
	#nav_bar UL LI {
		display: inline;
	}
	
	#nav_bar UL LI A {
		width: 130px;
		padding: 0.33em 0;
		float: left;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		background-color: #006233;
		border-left: 1px solid #ece8b0;
		border-right: 1px solid #ece8b0;
	}

	.nolink {
		width: 130px;
		padding: 0.33em 0;
		float: left;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		background-color: #006233;
		border-left: 1px solid #ece8b0;
		border-right: 1px solid #ece8b0;
		color: #dddddd;
	}
	
	#nav_bar UL LI A:link {
		color: #ece8b0;
	}
		
	#nav_bar UL LI A:visited {
		color: #ece8b0;
	}
	
	#nav_bar UL LI A:hover {
		background-color: #dddddd;
		color: #006233;
	}

/*----------------------------*/
	#adminBar {
		width: 664px;
		position: relative;
		left: 465px;
	}
	
	#adminBar UL {
		list-style-type: none;
		font-size: 85%;
		margin: 0;
		float: left;
	}
	
	#adminBar UL LI {
		display: inline;
	}
	
	#adminBar UL LI A {
		width: 50px;
		padding: 0 20px;
		float: left;
		text-decoration: none;
		text-align: right;
		font-weight: bold;
	}
	
	#adminBar UL LI A:link {
		color: #006233;
	}
		
	#adminBar UL LI A:visited {
		color: #006233;
	}
	
	#adminBar UL LI A:hover {
		color: #00bb00;
	}

/*----------------------------*/
	#content {
		width: 100%;
	}
	
	.content_columnA {
		margin: 0.5em auto;
		text-align: center;
		padding: 0.25em 0 0.5em 0;
	}
	
	.content_columnB {
		margin: 0.5em;
		text-align: justify;
		padding: 0 1em 0.5em 0;
	}
	
	.layout_2columns {
		width: 480px;
		border-left: 200px solid #ece8b0;
		background: #ece8b0;
	}
	
	.layout_section {
		width: 100%;
	}
	
	.layout_columnA, .layout_columnB {
		position: relative;
		float: left;
	}
	
	.layout_columnA {
		margin-right: 1px;
		margin-left: -200px;
		z-index: 10;
		width: 200px;
	}
	
	.layout_columnB {
		margin-right: -3px;
		margin-left: 3px;
		z-index: 20;
	}
	
	.layout_clear {
		clear: both;
	}
	
	.page > .section {
		border-bottom: 1px solid transparent
	}
	
	DT {
		font-weight: bold;
	}

	DD {
		font-weight: normal;
	}
	
	.gallery {
		padding: 0;
		margin-left: 8px;
		width: 192px;
	}
	
	BR {
		height: 0;
		margin-top: 0;
		padding-top: 0;
	}
	
	.arrow_up {
		padding: 0;
		margin: 0;
		width: 10px;
		height: 8px;
		border: 0;
	}
	
	.toplink {
		text-decoration: none;
		font-size: 75%;
		padding-left: 15px;
		background-image: url("/withafly/img/lib/arrow_up.png");
		background-repeat: no-repeat;
		vertical-align: bottom;
	}
				
	a:link.toplink, a:visited.toplink {
		color: #006233;
	}

	a:hover.toplink {
		color: #00bb00;
		background-image: url("/withafly/img/lib/arrow_up_hilite.png");
		background-repeat: no-repeat;
	}
	
	.widgetHolder {
		font-size: 80%;
		padding-top: 0.5em;
	}
	a:link.wunderground, a:visited.wunderground {
		color: #006233;
	}
	a:hover.wunderground {
		color: #00bb00;
	}

	#footer {
		width: 660px;
		border-top: solid 5px #006233;
		background-color: #ece8b0;
		padding: 5px 10px;
		font-size: 70%;
		font-style: italic;
	}
		
	#copy {
		width: 330px;
		text-align: left;
		position: relative;
		float: left;
	}
	
	#lastmod {
		width: 330px;
		text-align: right;
		position: relative;
		float: left;
	}
	
	#formHeader, #formFooter {
		/*width: 100%;*/
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #006233;
		color: #dddddd;
		vertical-align: middle;
	}

	#formHeader {
		padding-left: 5px;
	}	
	
	#formFooter {
		text-align: center;
	}

	#adminContainer {
		width: 680px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 35px;
		text-align: left;
		background: #ece8b0;
		border: 1px solid black;
	}
	
	#adminContent {
		border: 1px solid red;
	}
	
	#formHeader {
		margin-bottom: 1em;
	}

	#formFooter {
		margin-top: 1em;
	}

	.contentFooter {
		width: 446px;
		font-size: 80%;
		padding: 2.5em 0;
	}
	.contentCreate, .contentExpire {
		position: relative;
		float: left;
		background: #006233;
		width: 213px;
		padding: 2px 5px;
	}
	.contentCreate {
		text-align: left;
		color: #dddddd;
	}
	.contentExpire {
		text-align: right;
		color: #dddddd;
	}
	
	.myControlClass {
		/*background: #006233;*/
		margin-left: -5px;
		margin-right: -5px;
		/*margin-top: -10px;*/
	}
	
	.myControlList {
		list-style-type: none;
	}
	.myControlList LI {
		display: inline;
		visibility: visible;
	}

	.controlsPrevNext {
		font-size:80%;
		color:#006233;		/*	was:	ece8b0;	*/
		margin-left:50px;
		margin-right:50px;
		text-decoration:none;
	}

	a:link.controlsPrevNext, a:active.controlsPrevNext, a:visited.controlsPrevNext {
		color:#006233;		/*	was:	ece8b0;	*/
		text-decoration: none;
	}
	
	a:hover.controlsPrevNext {
		color: #00bb00;
	}

	#enabledBy {
		text-align: left;
		padding: 25px 65px;
		color: #116600;
		font-weight: bold;
	}

	#enabledBy a:link, #enabledBy a:visited {
		color: #116600;
		text-decoration: none;
	}
	#enabledBy a:hover {
		color: #00bb00;
	}

	A:link, A:visited {
		color: #00bb00;
		text-decoration: none;
	}
	
	A:hover {
		color: #006233;
	}
	
	#selfClose {
		margin-left: 38px;
		margin-top: 25px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-size: 85%
	}
	
	#selfClose A:link, #selfClose A:visited {
		color: #ece8b0;
	}
	
	#selfClose A:hover {
		color: #dddddd;
	}

/* -------------------------------  E O F  ------------------------------- */