/* main stylesheet for brpl.co.uk */

a:visited{
	border : none;
}

body {
	background : #FFFFFF;
	color : #000000;
	font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	padding:0;
	margin : 0px 5px 0px 5px;
	text-align : center;
	}

img{
	border : none;
}

h1{
	font-size:125%;
	font-style: normal;
	font-weight: bold;
}
/*h2 {
	font-size: 110%;
	font-style: normal;
	font-weight : bold;
	margin-bottom : 0px;
}
*/
h3{
	font-size:100%;
	font-style:italic;
	font-weight:bold;
	margin-bottom : 0px;
}

table, td {font: 12px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color: #000;}


table.propertysummary{
	border : thin  #005ADF;
	font-size: 110%;
}


table.datagrid{
	background-color : #CCFFFF;
	border : none #005ADF;
}

.codeview{
	font-family : "Courier New", monospace;
}

.inputfield{
	background : #FFFFFF;
	color : #000000;
	font-family : Tahoma, Verdana, Geneva, sans-serif;
}

.fieldprompt{
	background: #FFFFFF;
	color: #000000;
	font-family: "Lucida Grande", Tahoma, Verdana, Geneva, sans-serif;
}

.companyname{
	font: bold 36px  "Century Gothic", Tahoma, Verdana, sans-serif; 
	color : #005adf;
}

.leader{
	font-size : 150%;
	font-style : italic;
	font-weight : bold;
}

.subleader{
	font-size : 110%;
}

.smalltext{
	font-size:60%;
}

.hdrNav {
	font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	line-height: 18px;
	color: #FFFFFF;
	font-weight: bold
}

.hdrNav a {
	text-decoration: none;
	color: #FFFFFF
}


#header {width: 680px; margin: 10px auto; text-align: center;}

#main, #breadcrumb, #footer {width: 680px; margin: 15px auto; text-align: left;}
#main div.column {text-align: left; margin-bottom: 1em;}
#main p {margin: 0 0 1em 0;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main .lite {color: #79767c;}
#main h1 {font-size: 24px; margin: 0 0 .1em 0;}
#main h2 {font-size: 16px; margin: 0;}
#main h3 {font-size: 12px; margin: 0;}
#main h4 {font-size: 10px; margin: 0;}
#main .more {text-align: right;}

#main .subcolumn1-2 {float: left; width: 330px;}
#main .subcolumn2-2 {float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 {width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 {margin-right: 20px;}
#main .callout {width: 320px; margin: 0 0 10px 0; padding: 0px; background: #F9D576; float: left; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#main .callout h2 {font-size: 12px; margin: 0 0 8px 0; padding: 5px 8px 5px 8px; color: #FFF; border-bottom: solid 0px #FFF; background: #EAA900 ;}
#main .callout h3 {font-size: 10px; padding: 0 8px 0 8px;}
#main .callout p {padding: 0 8px 0 8px;}

#main .callout_blue {width: 320px; margin: 0 0 10px 0; padding: 0px; background: #8BC6F4; float: right; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#main .callout_blue h2 {font-size: 12px; margin: 0 0 8px 0; padding: 5px 8px 5px 8px; color: #FFF; border-bottom: solid 0px #FFF; background: #304CF7 ;}
#main .callout_blue h3 {font-size: 10px; padding: 0 8px 0 8px;}
#main .callout_blue p {padding: 0 8px 0 8px;}

#main .callout_blue_left {width: 320px; margin: 0 0 10px 0; padding: 0px; background: #8BC6F4; float: left; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#main .callout_blue_left h2 {font-size: 12px; margin: 0 0 8px 0; padding: 5px 8px 5px 8px; color: #FFF; border-bottom: solid 0px #FFF; background: #304CF7 ;}
#main .callout_blue_left h3 {font-size: 10px; padding: 0 8px 0 8px;}
#main .callout_blue_left p {padding: 0 8px 0 8px;}

#main .callout_red_right {width: 320px; margin: 0 0 10px 0; padding: 0px; background: #FF8E8E; float: right; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#main .callout_red_right h2 {font-size: 12px; margin: 0 0 8px 0; padding: 5px 8px 5px 8px; color: #FFF; border-bottom: solid 0px #FFF; background: #FF0C0C ;}
#main .callout_red_right h3 {font-size: 10px; padding: 0 8px 0 8px;}
#main .callout_red_right p {padding: 0 8px 0 8px;}

#content {float: left; width: 450px;}

#content .subcolumn1-2 {float: left; width: 215px;}
#content .subcolumn2-2 {float: right; width: 215px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 {width: 135px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 {margin-right: 22px;}

#sidebar {float: right; width: 200px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#sidebar h2 {font-size: 12px; margin: 0;}
#sidebar h3 {font-size: 11px; margin: 0;}
#sidebar h4 {font-size: 10px; margin: 0;}

#main .box {border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#content .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 12px;}
#sidebar .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 11px;}

img.left {float: left; margin: 2px 10px 5px 0; border: 0;}
img.right {float: right; margin: 2px 0 5px 10px; border: 0;}
img.across {margin: 0 0 10px 0; border: 0;}

/*ul {list-style: none outside; margin: 0; padding: 0 0 1em 0;}*/
ul {padding: 0 0 1em 0;}
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol {list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}
ul ul.circle {margin-top: .3em;}
ul ul.square {margin-top: .3em;}

ol.last {padding: 0;}
ul.last {padding: 0;}
dl.last {padding: 0;}
li.last {padding: 0;}

sup {vertical-align: baseline; font-size: 1em; color: #76797c;}

#breadcrumb, #footer {text-align: center; clear: both;}
#breadcrumb {clear: both; font-size: 10px; padding: 1em 0;}

#footer {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; border-top: 1px solid #a1a5a9; padding-top: 1em;}
#footer form {margin-bottom: 2em;}
#footer form input {vertical-align: bottom;}

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}