/* CSS for website DSG Homepage - liquid layout, width %, height em, min width in IE */

/* Global reset to clear browser defaults */


	* {margin: 0; padding: 0;}


/* Set global settings for entire site */


body
	
	{font-family: Verdana, Helvetica, Arial, “Trebuchet MS”, sans-serif;
	color: #242424;
	font-size: 0.75em;
	background: #d9d9dc;}


/* Hack for Internet Exploder to remove excessive font resizing */


* html body, *body
	
	{font-size: 75%;}


/* Set header sizes */


h1 {font-size: 1.4em;}

h2 {font-size: 1.2em;}

h3 {font-size: 1.1em}

h4 {font-size: 1em;}


/* Set link colours */

a:link {color: #242424; text-decoration: none;}

a:visited {color: #242424;text-decoration: none;}

a:hover {color: #000000; text-decoration: underline;}

a:active {color: #000000; text-decoration: none;}


/* Remove blue border from image links */

a img {border-style: none;}



/* Set up overall size for site */


.width {

width: 82%;

min-width: 700px;

margin: auto;

margin-top: 1em;

}


/* These two divs and CSS are extras to force min-width in IE by setting negative margin and border equal to min-width required */


* html .minwidth {

border-left: 700px solid #fefefe;

}



* html .container {

margin-left: -700px;

position: relative;

}


/* 'Holly Hack' for IE so it sees the divs with zero content. Stars and slashes are to hide it from IE5/Mac */


/*\*/

* html .minwidth, * html .container {

height: 1px;

}

/**/


/* Set an off-white background for the content as a whole */


.wrapper {

background: #fefefe;

}


/* Set up header area */


.logo {

float: left;

padding-left: 5%;

}


.logo img {

border-style: none;

padding-top: 2em;

padding-bottom: 1.5em;

}


.title {

float: right;

padding-top: 42px;

padding-right: 5%;

text-align: right;

font-style: italic;

}


.title h1 {

font-size: 2em;

font-weight: bold;

}


.title h3 {

font-size: 1.2em;

padding-top: 0.1em;

padding-bottom: 1.5em;

padding-right: 0.2em;

color: #9e1623;

}


/*Set up the top navigation bar */


.navbar {

clear: both;

}


.navbar ul {

float: left;

width: 100%;

background: #0b0b0b url(graphics/Navbar30_2.gif) repeat-x;

}


.navbar li {

list-style-type: none;

display: inline;

}


/* Change the font-family order for navigation buttons as Arial looks better in IE/Win */


.navbar li a {

float: left;

width: 12.3%;

background: #0b0b0b url(graphics/Navbar30_2.gif) repeat-x;

text-align: center;

line-height: 2.2em;

font-family: Arial, Helvetica, Verdana, “Trebuchet MS”, sans-serif;

color: #ffffff;

font-size: 1.2em;

text-decoration: none;

border-left: 1px solid #fefefe;

}


.navbar li a:hover, .navbar li a:active {

background: #0b0b0b url(graphics/Navbar30dark.gif) repeat-x;

color: #fefefe;

text-decoration: none;

}


.navbar li a:visited {color: #ffffff;}


/* Remove left border from first button so it looks right. 'First-child' doesn't work in IE */


#cars {

border: none;

}

.navbar ul .thispage a {

background: #dd0400 url(graphics/Navbar_red.gif) repeat-x;

}


/* Set up home page appearance */


#frontpagetext {

float: left;

width: 35%;

padding-top: 2em;

padding-bottom: 2em;

padding-left: 7%;

}


#frontpagetext p {

line-height: 1.4;

color: #0b0b0b;

padding-bottom: 1.2em;

}


#piccy {

margin: auto;

text-align: center;

}

.wbb {

clear: both;

width: 85%;

margin: 3em auto 0 auto;

font-family: Verdana, Helvetica, sans-serif;

font-size: 1em;

text-align: center;

line-height: 1.6;

background: #000000;

color: #ffffff;

border-bottom: 3em solid #fefefe;}


.wbb a:link, .wbb a:hover {color: #ffffff;}


.wbb p {width: 85%; margin: 1.6em 0;}


.wbb img {margin-top: 2em;}


.announce {font-size: 1.2em;}

.thread {font-size: 0.9em;}

/* Set up remaining pages all with same basic layout. Use IDs for variations */


/* content box is the first div which is repeated down the page, and is full width */


.contentbox {

clear: both;

width: 85%;

margin: auto;

font-family: Verdana, Helvetica, sans-serif;

font-size: 1em;

line-height: 1.6;

}


.contentbox h3 {

padding: 2.5em 0 1.5em 0;

border-top: 1px solid #d9d9dc;

}



.contentbox p, .contentbox img {

padding-bottom: 1.5em;

}


.contentbox form {line-height: 2.5em;}

.entrybox {position: absolute; left: 30%; width: 53.2%;}

.contentbox textarea {width: 100%; height: 10em; margin-top: 1em;}


.slogan {

font-weight: normal;

font-style: italic;

padding: 2.5em 0 0 0;

}


#linkspage {padding: 3em 0 1.5em 0;}

.linkslist {padding-bottom: 1.5em;}

.linkslist a {font-weight: bold; line-height: 2.2em;}


.leftphoto {float: left; margin: 0.5em 4% 0 0; text-align: center;}

.rightphoto {float: right; margin: 0.5em 0 0 4%; text-align: center;}


.firstpara {font-size: 1.1em;}


.lastpara {font-style: italic;}


/* info is the right hand div in each content box which contains the thumbnails and links */


.info {

float: right;

width: 30%;

padding-bottom: 2em;

}


.info img {

padding-top: 0.5em;

padding-bottom: 1em;

}


.info p {

position: relative;

top: -0.25em;

font-size: 1em;

line-height: 1.95;

colour: #0b0b0b;

width: 200px;

}


.info a, .text a {font-weight: bold;}


.info li, .text li {

list-style-type: none;

font-size: 0.95em;

font-weight: bold;

}


.dsn li {font-weight: normal; line-height: 2em;}


.info li a {

text-decoration: none;

margin: 1em 0;

line-height: 2.5;

}


.info li a:hover, a:hover {text-decoration: underline;}


/* text is the left floated div which contains the content text proper */


.text {

float: left;

width: 57%;

height: 100%;

padding-bottom: 1em;

}


.text h3 {

}


.text p, .text img {

padding-bottom: 1.5em;

}


#photos {text-align: center; width: 700px;}

#photos li {display: inline; padding: 10px;}

#photos li img {border: none;}


.sitemap li {list-style-type: none;}


.sitemap h4, .siteguide h4 {

padding: 1.5em 0 0.8em 0;

border-top: 1px solid #d9d9dc;

}

.sitemap a, .siteguide a {font-weight: bold;}


.fees {padding-bottom: 1em;}



/* Set up the bottom navigation bar */


.footer {

clear: both;

}


.footer ul {

float: left;

width: 100%;

background: #fefefe url(graphics/Footer1.png) repeat-x;

border-top: 1px solid #f0f0f5;

border-bottom: 1.5em solid #d9d9dc;

}


.footer li {

list-style-type: none;

display: inline;

}


.footer li a {

float: left;

width: 14%;

background: #fefefe url(graphics/Footer1.png) repeat-x;

text-align: center;

text-decoration: none;

line-height: 2.2em;

font-family: Arial, Helvetica, Verdana, “Trebuchet MS”, sans-serif;

color: #303030;

font-size: 1em;

border-left: 1px solid #fefefe;

}


.footer li a:hover {

background: url(graphics/Footer1dark.png) repeat-x;

text-decoration: none;

}


#members {

border: none;

}