@import url("http://www.fatbeehive.com/beekeeper2/reset.css");
@import url("type.css");
@import url("dl-form.css");

/* Town and Country Planning Association - main stylesheet - Major page elements in here - tim@fb */

/******

Main colours:

Content Body bg: (Yellow) #ecd200;
Body bg: (Jade Green) #46949d;
Tint jade green #A2C9CE;

******/

/* Main Layout Blocks */

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 950px;
	background: #ecd200 url(../images/bodybg.gif) 0 0 repeat-y;
	padding: 0;
}

#leftcol {
	float: left;
	width: 182px;
}

#colwrapper {
	float: left;
	width: 768px;
	min-height: 309px;
	background: #fff url(../images/wmark2.gif) bottom right no-repeat;
	padding-bottom: 25px;
}

body#index #colwrapper {
	background: #ecd200;
	padding-bottom: 0px;
}

body#index #midcol {
	float: left;
	width: 493px;
	position: relative;
	padding-top: 0;
	padding-left: 0;
}

#midcol {  /* for sub-pages only */
	float: left;
	width: 528px;
	position: relative;
	padding-top: 25px;
	padding-left: 25px;
}

img#magpos {
	position: absolute;
	left: 1px;
	top: 44px;
}

body#index #rightcol {
	float: right;
	width: 246px;
	margin-top: 0;
	margin-bottom: 0;
	background: url(../images/wmark.gif) top right no-repeat;
	padding: 0;
}


#rightcol {  /* for sub-pages only */
	float: right;
	width: 158px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: url(../images/vertdot_green.gif) top left repeat-y;
	padding: 0 20px 0 20px;
}

#contentwrapper {
	float: left;
	width: 768px;
}

#headerrow {
	height: 103px;
	padding: 0 0 0 25px;
}

#topnavwrapper {
	background: #fff;
	clear: both;
	float: left;
	width: 743px;
	padding-left: 25px;
}

#values {
	background: #fff;
	clear: both;
	padding: 5px 0 20px 0;
	float: left;
	width: 768px;
}

.value {
	width: 223px;
	float: right;
	margin-right: 25px;
}

#footer {
	clear: both;
	float: left;
	width: 950px;
}

#footer_right {
	float: right;
	width: 760px;
	text-align: center;
}

/* Members Login form */

form#login, div#logged_in {
	background: url(../images/dottedsep_vert.gif) right -1px no-repeat;
	padding-top: 5px;
	width: 238px;
	height: 90px;
	float: left;
	/*border: 1px solid red;*/
}

form#login label {
	padding: 0 10px 0 0;
	margin-top: 5px;
	display: block;
	float:  left;
	color: #46949d;
	font-size: 0.9em;
	font-weight: bold;
	clear: left;
}

form#login input#username {
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 20px;
	border: 1px solid #4c4c4c;
	display: block;
	float: right;
	width: 132px;
}

form#login input#password {
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 20px;
	border: 1px solid #4c4c4c;
	display: block;
	float: right;
	width: 132px;
}

form#login input#loginsubmit {
	float: right;
	margin-top: 0px;
	padding: 5px 35px 0 0;
	margin-right: 20px;
	color: #46949d;
	background: url(../images/jumplink.gif) bottom right no-repeat;
	border: none;
	display: block;
}

form#login label#members {
	font-size: 1.4em;
	font-weight: bold;
	color: #46949d;
	/*border: 1px solid red;*/
	margin-top: 0px;
}

/* end Members Login form */

ul#primnav {
	list-style-type: none;
	margin: 0;
	padding: 20px 0 0 0;
	float: left;
}

ul#primnav li {
	list-style-type: none;
	font-weight: bold;
	float: left;
	padding: 4px 6px 6px 6px;
}

ul#secnav {
	list-style-type: none;
	background: url(../images/dottedsep_vert.gif) left -1px no-repeat;
	float: right;
	text-align: right;
	margin: 0;
	padding: 10px 25px 0 60px;
}

ul#secnav li {
	list-style-type: none;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 1px;
}

ul#subnav {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 60px 10px 0 25px;
}

ul#subnav li {
	list-style-type: none;
	font-weight: bold;
	padding: 5px 0 10px 0;
	background: url(../images/horizdot_green_sub.gif) bottom left repeat-x;
}

ul#subnav li ul {
	margin-right: 0;
	margin-bottom: 0;
}

ul#subnav li ul li{
	font-weight: bold;
}

ul#subsubnav li {
	background: none;
}

#basketwrapper ul li {color: #999;}

#basketwrapper ul li span {color: #000;}

/* Universal classes */

.flright {
	float: right;
}

.flleft {
	float: left;
}

.marginright {
	margin-right: 15px;
}

.marginleft {
	margin-left: 15px;
}

.marginbottom {
	margin-bottom: 15px;
}

.talignright {
	text-align: right;
}

.talignleft {
	text-align: left;
}

.clearing {
	clear: both;
}

/* Main site search form */

label#sitesearcher {
	display: block;
	text-indent: -9999em;
	height: 0px;
}

input#searchinput {
	float: left;
	width: 56px;
}

input#sitesearch {
	float: right;
	width: 108px;
}

form#search {
	float: right;
	width: 175px;
	margin: 18px 15px 0 0;
}

/* Mini-Tab Module */


#mini_tabs {
	margin-top: 20px;
	margin-left: 0px;
	width: 240px;
}

#mini_tabs .yui-nav {
	margin: 0;
	padding: 0;
}

#mini_tabs .yui-nav li {
	float: left;
	list-style-type: none;
	margin: 0 1px 0 0;
	padding: 0 3px 0 0;
	width: auto;
}

#mini_tabs .yui-nav li.last {
	margin-right: 0;
}

#mini_tabs .yui-nav li a {
	font-weight: bold;
	font-size: 1.2em;
}

#mini_tabs .yui-nav li.selected {
	
}

#mini_tabs .yui-nav li.selected a {
	color: #000;
}

#mini_tabs .yui-content {
	clear: both;
	padding: 5px 0 0 0;
	color: #000;
}

#mini_tabs .yui-content ul {
	list-style-type: none;
	margin-left: 0;
}

#mini_tabs .yui-content ul li {
	list-style-type: none;
	background: url(../images/bullet.gif) 0 2px no-repeat;
	padding: 0 0 3px 15px;
}


#mini_tabs .yui-content a {
	color: #000;
}

/* end Mini Tab Module */

.pipe {
	color: #46949d;
	font-weight: bold;
	padding: 0 0 0 5px;
}

#basketwrapper {
	background: url(../images/basket.gif) top left no-repeat;
}


.imageleft {
float: left;
margin: 0 10px 3px 0;
}

.imageright {
float: right;
margin: 0 0 3px 10px;
}

ul#sitemap {
	margin:0 0 0 0px;
	padding: 0;
}

ul#sitemap li {
	list-style-type: none;
	margin: 5px 0 10px 10px;
	font-weight: bold;
}

ul#sitemap li ul li {
	margin: 10px 0 10px 0;
	font-weight: normal;
	list-style-type: square;
	color: #D1D3D4;
}
#searchResults dl {
	margin: 10px 0 20px 0px;
}

#searchResults dl dt, #searchResults dl dd {
	margin-left: 0px;
}

#searchResults .info {
	font-size: 0.8em;
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
/* end main.css */

form label {
	font-weight: bold;
	color: #5e5e5e;
}

ol.media li {
	list-style-type: disc;
}

form fieldset {
	padding: 10px;
	border: 1px solid #d5d5d5;
	margin-top: 10px;
}

form input, form select {
	margin-bottom: 5px;
}

form fieldset legend {
	padding-left: 5px;
	padding-right: 5px;
}

table.basket {
	width: 100%;
}

table.basket th {
	text-align: left;
	background-color: #f3f3f3;
}

table.basket tr.total {
	border-bottom: none;
}

table.basket tr.total th {
	text-align: right;
	background: none;
}

table.basket td.price {
	text-align: right;
}

table.basket tr {
	border-bottom: 1px solid #46949d;
}

.article_member_prompt {
	padding: 10px;
	margin: 10px;
	border: 1px solid #a2c9ce;
	text-align: center;
}
#studentDateField {
	 float:right;
	 Width:280px;
	 height:20px;
	 margin-top:-2px;
}
#charityNumField {
	 float:right;
	 Width:240px;
	 height:20px;
	 margin-top:-2px;
}
#fee_international_concessionary {
	 float:left;
	 Width:20px;
	 font-weight:bold;
}
#fee_international_standard {
	 float:left;
	 Width:20px;
	 font-weight:bold;
}
#fee_uk_standard {
	 float:left;
	 Width:20px;
	 font-weight:bold;
}
#fee_uk_concessionary {
	 float:left;
	 Width:20px;
	 font-weight:bold;
}
.leftText{
   float:left;
   with:300px;
   padding-right:5px;
   font-weight:bold;
	}