/* Whitespace CSS Document */
body
{
margin				: 0px;
padding				: 0px;
font-family			: Arial;
font-size 			: 100%;
background-color 	: #FFFFFF;
color				: #333333;
}

#hold
{
margin				: 30px 0px 0px 0px;
padding				: 0px;
/*Absolute below is for IE5 bug */
position			: absolute;
width				: 760px;
left				: 50%;
margin-left			: -380px;
background-repeat	: repeat-y;
}

#navholder
{
padding-top			: 0px;
background-image	: url(http://www.barnsleydevelopmentagency.co.uk/img_remaking/bg_top.gif);
height				: 68px;
border				: 1px solid #FFFFFF;
}


#portalname
{
position			: relative;
width				: 300px;
display				: inline;
margin				: 10px 0px 3px 18px;
float				: left;
}

#portalname p
{
color				: #FFFFFF;
font-size			: 85%;
font-weight			: bold;
line-height			: 15px;
margin				: 0px 0px 0px 0px;
}

#portallink
{
position			: relative;
width				: 100px;
display				: inline;
margin				: 10px 108px 3px 0px;
float				: right;
}
#portallink p
{
color				: #FFFFFF;
font-size			: 70%;
font-weight			: normal;
line-height			: 15px;
margin				: 0px 0px 0px 0px;
}

#portallink a
{
color				: #FFFFFF;
text-decoration 	: underline;
}


#navigation
{
position			: relative;
width				: 672px;
margin				: 0px 0px 0px 0px;
height				: 27px;
float				: left;
}


#navigation ul
{
margin				: 0px;
padding				: 0px;
list-style-type		: none;
background-color	: #FFFFFF;
height				: 100%;
margin				: 6px 0px 0px 0px;
padding				: 5px 0px 3px 0px;
}


#navigation li
{
font-size			: 70%;
line-height			: 15px;
font-weight			: bold;
margin				: 0px;
padding				: 0px;
float				: left;
width				: 161px;
margin-right		: 5px;
text-align			: center;
}

#navigation a	
{
display				: block;
width				: 100%;
margin				: 0px;
padding				: 5px 0px 5px 0px;
text-decoration		: none;
color				: #FFFFFF;
background-color	: #CC0033;
}

#navigation a:hover
{
background-color	: #000000;
}

#middle
{
position			: relative;
width				: 760px;
height				: 210px;
background-image	: url(http://www.barnsleydevelopmentagency.co.uk/img_remaking/bg_middle.gif);
}

#middle h1
{
font-size			: 75%;
line-height			: 15px;
color				: #FFFFFF;
width				: 420px;
float				: right;
margin-top			: 125px;
margin-right		: 7px;
display				: inline;
}

#bottom
{
position			: relative;
margin-top			: 10px;
width				: 760px;
height				: 180px;
background-image	: url(http://www.barnsleydevelopmentagency.co.uk/img_remaking/bg_bottom.gif);
}

#bottom h2
{
font-size			: 75%;
line-height			: 15px;
color				: #000000;
width				: 400px;
float				: right;
margin				: 30px 25px 0px 0px;
display				: inline;
font-weight			: normal;
}

#bottom h3
{
font-size			: 75%;
line-height			: 15px;
color				: #000000;
width				: 400px;
float				: right;
margin				: 20px 25px 0px 0px;
display				: inline;
font-weight			: normal;
}

#footer
{
position			: relative;
width				: 760px;
margin-top			: 10px;
}


#copyright
{
position			: relative;
float				: right;
width				: 760px;
border-top			: 1px solid #CCCCCC;
border-bottom		: 1px solid #CCCCCC;
}

#copyright p
{
font-size			: 70%;
color				: #999999;
float				: right;
margin				: 9px 0px 9px 0px ;
}

/*---------------------------------INTERNAL PAGE-----------------------------------*/

#contentwrapper
{
position			: relative;
float				: right;
width				: 760px;
background-image	: url(http://www.barnsleydevelopmentagency.co.uk/img_remaking/bg_remaking_wrapper.gif);
padding				: 0px 0px 0px 0px;
margin				: 0px 0px 10px 0px;
}

#leftnav
{
position			: relative;
float				: right;
width				: 227px;
background-color	: #FFFFFF;
}

#content
{
position			: relative;
float				: right;
width				: 471px; /*- note padding below --*/
padding				: 30px 30px 30px 30px;
margin-left			: 2px;
display				: block;
}

h1
{
color				: #CC0033;
font-size			: 130%;
font-weight			: normal;
line-height			: 20px;
margin				: 0px 0px 5px 0px;
}

h2
{
color				: #E57F99;
font-size			: 130%;
font-weight			: normal;
line-height			: 20px;
margin				: 0px 0px 20px 0px;
}

h3
{
color				: #CC0033;
font-size			: 70%;
font-weight			: bold;
line-height			: 15px;
margin				: 0px 0px 15px 0px;
}

p
{
color				: #333333;
font-size			: 70%;
font-weight			: normal;
line-height			: 15px;
margin				: 0px 0px 15px 0px;
}

#content ul
{
margin				: 0px 0px 15px 20px;
}

#content ol
{
margin				: 0px 0px 15px 25px;
}

#content ul, #content ol
{
font-size			: 70%;
}

a:link, a:visited
{
color 				: #333333;
text-decoration		: underline;
}

/*------------------ lEFT NAV ----------------------------------*/

ul.nav
{
margin					: 5px 0px 0px 0px;
list-style-type			: none;
padding					: 20px 0px 20px 0px;
background-color		: #CC0033;
}

ul.nav li
{
padding					: 0px;
margin					: 0px 0px 0px 0px;
list-style-type			: none;
line-height				: 1em;
}

a.nav:link, a.nav:visited
{
font-weight 			: bold;
color					: #EEEEEE;
text-decoration 		: none;
font-size 				: 65%;			
display					: block;
width					: 207px;
background-color		: #CC0033;
line-height				: 20px;
padding					: 0px 0px 0px 20px;
}

a.nav:hover
{
background-color		: #CC0033;
color					: #FFFFFF;
width					: 202px;
border-right			: 5px solid #FFFFFF;
}

a.nav_on:link, a.nav_on:visited
{
font-weight 			: bold;
color					: #EEEEEE;
text-decoration 		: none;
font-size 				: 65%;			
display					: block;
width					: 207px;
background-color		: #D6335C;
line-height				: 20px;
padding					: 0px 0px 0px 20px;
}

a.nav_on:hover
{
background-color		: #D6335C;
color					: #FFFFFF;
width					: 202px;
border-right			: 5px solid #FFFFFF;
}


a.subnav:link, a.subnav:visited
{
font-weight 			: bold;
color					: #EEEEEE;
text-decoration 		: none;
font-size 				: 65%;			
display					: block;
width					: 192px;
background-color		: #E06685;
line-height				: 20px;
padding					: 0px 0px 0px 35px;
}

a.subnav:hover
{
background-color		: #E06685;
color					: #FFFFFF;
width					: 187px;
border-right			: 5px solid #FFFFFF;
}

a.subsubnav:link, a.subsubnav:visited
{
font-weight 			: bold;
color					: #EEEEEE;
text-decoration 		: none;
font-size 				: 65%;			
display					: block;
width					: 177px;
background-color		: #E57F99;
line-height				: 20px;
padding					: 0px 0px 0px 50px;
}

a.subsubnav:hover
{
background-color		: #E57F99;
color					: #FFFFFF;
width					: 172px;
border-right			: 5px solid #FFFFFF;
}




/*------------------ END lEFT NAV ----------------------------------*/

.clear/*this div make the parent DIV strench to the height of the child - fix for firefox. but the div is 1px high in IE*/
{
display				: hidden;
clear				: both;
font-size			: 0em;
width				: 0px;
height				: 0px;
line-height			: 0px;
overflow			: hiiden;
}

img.block
{
display				: block;
}

/* Contact Form CSS */

#genericcontactform
{
width		: 220px;
float		: left;
}

#genericcontactform p
{
margin-top		: 0px;
margin-bottom	: 0px;
}

input.form
{
font-family		: Arial;
width			: 200px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
border			: 1px solid #6E604A;
}

#formred
{
background-color: #FFCCCC;
}

textarea.form
{
font-family		: Arial;
height			: 55px;
width			: 200px;
margin-top		: 0px;
margin-bottom	: 10px;
font-size		: 100%;
border			: 1px solid #6E604A;
}

input.checkbox
{
border			: 0px solid #6E604A;
height			: 12px;
}

.button
{
font-size			: 100%;
padding 			: 0px 10px 0px 10px;
height				: 20px;
font-weight			: bold;
background-color	: #999999;
color				: #FFFFFF;
border				: 3px double #6E604A;
margin-top			: 5px;
}

/* Data tables styles */
.chartbg {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	border-collapse: collapse;
	border-top: 1px solid #9C0031;
	border-right: 1px solid #9C0031;
	border-bottom: 1px solid #9C0031;
	border-left: 1px solid #9C0031;
}
.chartbgg {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
	text-decoration: none;
	border-collapse: collapse;
	border-top: 1px solid #8C8A00;
	border-right: 1px solid #8C8A00;
	border-bottom: 1px solid #8C8A00;
	border-left: 1px solid #8C8A00;
}
.regeee{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #eeeeee;
	text-decoration: none;
}