/* 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_iad/bg_top.gif);
height				: 68px;
border				: 1px solid #FFFFFF;
}


#portalname
{
position			: relative;
width				: 300px;
display				: block;
margin				: 10px 0px 3px 10px;
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 78px 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				: 706px;
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				: 136px;
margin-right		: 4px;
text-align			: center;
}

#navigation a	
{
display				: block;
width				: 136px;
margin				: 0px;
padding				: 5px 0px 5px 0px;
text-decoration		: none;
color				: #FFFFFF;
background-color	: #8365A3;
}

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

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

#copy
{
position			: relative;
width				: 240px;
float				: left;
margin				: 100px 0px 0px 337px;
display				: inline;
}

#rightside
{
position			: relative;
float				: right;
}

#grime
{
margin-top : 8px;
}

#middle h1
{
font-size			: 70%;
font-weight			: normal;
line-height			: 15px;
color				: #FFFFFF;
float				: right;
display				: inline;
}

#bottom
{
position			: relative;
width				: 760px;
margin				: 10px 0px 10px 0px;
height				: 140px;
}

#logo
{
position			: relative;
width				: 105px;
float				: left;
height				: 70px;
background-color	: #D3D5D5;
padding				: 70px 0px 0px 15px;
margin-right		: 10px;
}

#living
{
position			: relative;
width				: 310px;
float				: left;
height				: 120px;
background-image	: url(http://www.barnsleydevelopmentagency.co.uk/img_iad/bg_living.gif);
background-color	: #DDDDDD;
margin-right		: 10px;
}

#living h2
{
font-weight			: bold;
color				: #FFFFFF;
background			: #8C8A00;
font-size			: 75%;
padding				: .6em .6em .6em 1em;
margin				: 0px;
border-bottom		: 5px solid #FFFFFF;
}

#living a
{
color				: #FFFFFF;
}

#living h3
{
color				: #FFFFFF;
background			: #8C8A00;
font-size			: 65%;
padding				: .4em .4em .4em 1em;
margin				: 80px 0px 0px 0px;
border-top		: 5px solid #FFFFFF;

}

#business
{
position			: relative;
width				: 310px;
float				: left;
height				: 120px;
background-image	: url(http://www.barnsleydevelopmentagency.co.uk/img_iad/bg_business.gif);
background-color	: #DDDDDD;
}

#business h2
{
color				: #FFFFFF;
font-weight			: bold;
background			: #990033;
font-size			: 75%;
padding				: .6em .6em .6em 1em;
margin				: 0px;
border-bottom		: 5px solid #FFFFFF;
}

#business a
{
color				: #FFFFFF;
}

#business h3
{
color				: #FFFFFF;
background			: #990033;
font-size			: 65%;
padding				: .4em .4em .4em 1em;
margin				: 80px 0px 0px 0px;
border-top			: 5px solid #FFFFFF;
}

#footer
{
position			: relative;
width				: 760px;
margin-top			: 0px;
clear				: all;
}


#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;
/*height				: 100px; *This error was on the other sites*  */ 
background-image	: url(http://www.barnsleydevelopmentagency.co.uk/img_iad/bg_iad_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				: #330066;
font-size			: 130%;
font-weight			: normal;
line-height			: 20px;
margin				: 0px 0px 5px 0px;
}

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

h3
{
color				: #330066;
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		: #330066;
}

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		: #330066;
line-height				: 20px;
padding					: 0px 0px 0px 20px;
}

a.nav:hover
{
background-color		: #330066;
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		: #8365A3;
line-height				: 20px;
padding					: 0px 0px 0px 20px;
}

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

/* Added a subnav_on as this wasnt working - ShaunL
a.subnav_on:link, a.subnav_on:visited
{
font-weight 			: bold;
color					: #EEEEEE;
text-decoration 		: none;
font-size 				: 75%;			
display					: block;
width					: 187px;
background-color		: #8365A3;
line-height				: 20px;
padding					: 0px 0px 0px 35px;
}

a.subnav_on:hover
{
background-color		: #8365A3;
color					: #FFFFFF;
width					: 202px;
border-right			: 5px solid #FFFFFF;
}
 End my addition - DOESNT WORK IT MAKES THE SCREEN FLICKER- ShaunL */

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

a.subnav:hover
{
background-color		: #9C84B5;
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		: #B5A3C8;
line-height				: 20px;
padding					: 0px 0px 0px 50px;
}

a.subsubnav:hover
{
background-color		: #B5A3C8;
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;
}