@charset "UTF-8";

/* Racepaint / Brownshore Website */

/* Written by Pragmatic Design Ltd - www.pragmaticdesign.co.uk */

/* CSS Document */

html {background:#3f3f3f;
}
body {
margin:0;
font-family: Arial, Helvetica, sans-serif;
}

hr {
color:#000;
border:none;
border-bottom:solid;
border-bottom-width:thin;
clear:left;
}

p,
#content-inner-middle li,
#content-inner-middle ul{
font-size:13px;
color:#000;
}

p a {
color:#888;
}
p a:hover {
color:#000;
}

h1 {
font-size:24px;
}
h2 {
font-size:22px;
}
h3 {
font-size:20px;
}
h4 {
font-size:18px;
}
h5 {
font-size:16px;
}
h6 {
font-size:14px;
}
h1, h2, h3, h4, h5, h6 {
font-weight:lighter;
}

.clear {
clear:both;
}

/* Header */

#header-wrap {
	margin-left:auto;
	height:300px;
	width:1500px;
}

#header-inner {
	width:400px;
	margin:auto;
	font-size:28px;
	line-height:22px;
	color:#fff;
	padding-left:30px;
	padding-right:500px;
	padding-top:150px;
	overflow:hidden;
}
#header-generic,
#header-bm,
#header-rp {
	height:300px;
	margin:auto;
	background-position:center;
	padding-left:auto;
	background-repeat:no-repeat;
	background-color:#000;
}
#header-generic {
	background-image:url(../images/genericheader.jpg);
}
#header-bm {
	background-image:url(../header-bm/rotator.php);
}
#header-rp {
	background-image:url(../header-rp/rotator.php);
}

/* Page layout */

#wrap {
	width:900px;
	margin:auto;
}

#nav {
	padding-left:30px;
	width:220px;
	float:left;
	padding-top:30px;

}

#content-top,
#content-inner,
#content-bottom {
	width:530px;
	margin-left:300px;
	background-color:#231f20;
}
#content-top {
	margin-top:30px;
	background-image:url(../images/top.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-size:40px;
	color:#fff;
	font-weight:bold;
	padding-left:20px;
	height:36px;
}
#content-inner {
	padding-left:20px;
	background-image:url(../images/boxbg.gif);
	background-position:top;
	background-repeat:repeat-y;
		overflow:hidden;

}
#content-bottom {
	height:20px;
		padding-left:20px;

}
#content-inner-middle {
	width:470px;
	margin:20px;
}

/* Naviagtion */

#nav ul {
	list-style:none;
	font-size:24px;
	line-height:22px;
	color:#fff;
	margin:0;
	padding:0;
}

#nav li a,
#nav li a:visited {
	text-decoration:none;
	color:#fff;
}
#nav li a:hover {
	text-decoration:none;
	/*CSS Standard*/
opacity:0.6;
/*Internet Explorer - NOT IE8*/
filter:alpha(opacity=60);
	color:#fff;
	background-color:#000;
}


/* Footer */

#footer {
	width:600px;
	margin:auto;
	text-align:center;
}
#footer hr {
color:#fff;
border:none;
border-bottom:solid;
border-bottom-width:thin;
clear:left;
}
#footer p {
	color:#fff;
}
#footer a {
	color:#fff;
}
#footer a:hover {
	color:#fff;
	background-color:000;
}

/* Homepage scroller */

#left {
	width: 470px;
	height: 100px;
	overflow: hidden;
	border: none;
	padding: 0px;
	clear:both;
	}

#left img {
	height: 100px;
	margin: 0px;
	border: 0px;
	clear:both;
	}

/* ICONS */

a[href$=".pdf"],
a[href$=".PDF"],
a.pdf {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
}
a[href$=".doc"],
a[href$=".DOC"],
a.doc {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_word.png) no-repeat left center;
}
a[href$=".xls"],
a[href$=".XLS"],
a.xls {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_excel.png) no-repeat left center;
}
a[href$=".gz"],
a[href$=".GZ"],
a[href$=".gzip"],
a[href$=".GZIP"],
a[href$=".zip"],
a[href$=".ZIP"],
a.archive {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/page_white_zip.png) no-repeat left center;
}
a[href$=".exe"],
a[href$=".EXE"],
a.application {
	padding: 2px;
	padding-left: 20px;
	background: url(../images/icons/application.png) no-repeat left center;
}


/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
}

/* ACTION BUTTONS
---------------------------------------- */
input.action {
	padding: 2px;
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
}
.middleColumn {
 	display: block;
 	margin: 0px 10px 10px 0;
	width: 306px;
	clear: left;
}
	#Sidebar .middleColumn {
		margin: 0 0 0 8px;
		display: inline;
	}
	
	div.tab .field .middleColumn {
		clear: none !important;
 		margin: 0 !important;
		width: auto;
	}
	
	.middleColumn .middleColumn {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	
	.middleColumn .message {
		margin: 0;
	}
/* INPUT BOXS
---------------------------------------- */

input.text, textarea, select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-weight: bold;
	width: 300px;
}

textarea {
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

/* SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}

/* LABELS
---------------------------------------- */
.typography label {
 	display: block;
	margin: 10px 0 -10px 0;
	color: #777;
}

label.right {
	display:inline;
}
/* SEARCH BOX 
---------------------------------------- */
#Search {
	width: 105px;
}
	input#Search_Form_SearchForm_Search {
		width: 110px;
		padding: 3px;
		margin-left: -4px;
	}
#Sidebar input.action {
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
img {
	border: none;
}
	img.right {
		float: right;
		margin-left: 20px;
	}
	img.left {
		float: left;
		margin-right:10px;
	}
	img.leftAlone {
		float: left;
		margin-right: 100%;
	}
	img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}