/*
	file:
	global.css

	location:
	http://www.valwalton.co.uk/styles/

	description:
	global cascading stylesheet (CSS) for ValWalton.co.uk
*/

/*				whole document			*/

html, body {
background : #99cc99; 
margin : 0 2% 0 2%;
padding : 0 0 0 0;
background-image : url('');
background-repeat : repeat-y; 
background-position : 0% 0%; 
background-attachment : fixed;
width : 95%;
border: 0;
font-family : News Gothic MT, Palisade, Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}
.docbookmark {
display : none;
}
hr {
display : none;
} 
#content li, code, dl, form, input, legend, menu, option, p, q, textarea {
font-family : News Gothic MT, Palisade, Tahoma, Verdana, Arial, Helvetica, sans-serif;  
color : #000000; 
text-decoration : none; 
}
p {
font-size : 0.9em;
}
form dt {
font-size : 0.8em;
}
input, textarea, menu, option {
font-size : 75%;
}
cite {
font-style : italic;
}
abbr, acronym, span.abbr {
border-width : 0 0 2px 0;
border-style : solid;
border-color : #000000;
cursor : help;
}
.navaid {
display : none;
}

/*	hyperlinks		*/

a:link { 
color : #000000; 
text-decoration : underline; 
} 
a:hover {
color : #ffffcc; 
} 
a:visited {
color : #000000;  
text-decoration : underline; 
}
a:visited:hover {
color : #ffffcc; 
}
a:active {
color : #ffff99; 
}

/*				header				*/

/*	headings			*/

h1 , h2 , h3 , h4 , h5 , h6 {
font-family : News Gothic MT, Palisade, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
text-decoration : none; 
}
h1 {
font-size : 400%;  
margin : 0;
padding : 0 0 10px 0; 
border : 0;
text-align: center;
color : #ffffff; 
}
h1 span.occupation {
font-size : 50%;
clear : left;
display : block;
color : #ffffcc;
}
h2 {
width : 100%;
font-size : 140%; 
background : transparent;
letter-spacing : 0;
margin : 0;
padding : 0 0 1em 0;
text-align : left;
color : #666666;
display : inline;
}
h3, h4 {
font-size : 120%;
width : 100%;
background : transparent;
background-image: none;
margin : 0;
padding : 1em 0 0 0;
border : 0;
clear : left;
color : #666666;
}
h4 {
font-size : 110%;
}
#creative h2 {
border-bottom : thin solid #00bb00;
margin : 0;
padding : 0;
width: 100%;
display : block;
text-align : left;
}

/*	top content		*/

#header {
padding : 3% 0 1% 0; 
margin : 0 0 0 0; 
width : 95%; 
background : transparent;
background-image : none;
border: 0;
text-align : center;
}
body {
text-align : center;
}

/*	nav tabs			*/

#navigation {
width : 95%;
text-align : center;
background : #009900;
border-top : 3px solid #00bb00;
border-bottom : 3px solid #00bb00;
clear : left;
margin: 0;
margin-top : 1em;
padding: 0;
height : 1.5em;
}

#navigation ul {
	margin: auto auto;
	padding: 0;
	display: block;
	width : 60%;
	border: 0;
	position : relative;
	top : -3px;
	} 

#navigation ul li {
	margin: 0;
	background : transparent;
	padding: 0;
	border : 0;
	list-style: none;
	width : 100%;
	text-align : center;
	display:inline;
	}
#navigation ul li a {
	width : 24%;
	margin : 0;
	color : #ffffcc;
	font-weight : bold;
	font-family : News Gothic MT, Palisade, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	text-decoration : none;
	text-align : center;
	float : left;
	border-top : 3px solid #00bb00;
}

#navigation ul li a:hover {
	color : #cccc99;
}
#navigation ul li.selected a, #navigation ul li.selected a:visited, #navigation ul li.selected a:hover {
	color : #ffff99;
}

/*				content				*/

div#creative {
text-align : right;
width : 20%;
float : left;
border-style : solid;
border-width : 0 0 medium thin;
border-color : #00bb00;
margin : 0 0 0 0;
padding : 1% 1% 5% 1%;
background : #99cc00;
display : none;
}
div#content {
background : #99cc99;
clear : left;
float : left;
margin : 0 1% 1% 2%;
padding : 1% 3% 5% 3%;
line-height : 1.5em;
width : 60%;
text-align : left;
border-style : solid;
border-width : 0 0 thick 0;
border-color : #00bb00;
}
html>body #content {
width : 60%;
}
div#content .open {
font-weight : bold;
}
img {
float : right;
margin : 0 0 1% 2%;
padding : 0;
}
div.fullsize {
width : 100%;
display : block;
text-align : center;
margin : 1em 0 0 0;
}
.fullsize img {
float : none;
padding : 1%;
border : thin solid #00bb00;
}
a img {
border : 0;
}
#content p a {
text-decoration : underline;
}
input, textarea {
background : #ffffcc;
border-style : solid;
border-width : thin;
border-color : #ffff99;
padding : 0.1em;
margin : 0.1em;
}
fieldset {
clear : left;
border : 2px solid #00bb00;
display : block;
margin : 0 0 0.5em 0;
padding : 1em;
}
label {
margin : 0.1em;
padding : 0.1em;
}
form dl#yourdetails dt, form dl#preferences dt {
clear : left;
float : left;
margin-bottom : 0.7em;
width : 25%;
}
form dl#preferences {
margin-left : 0.2em;
}
form dl#preferences input {
float : left;
margin-right : -0.2em;
}
form dl#preferences label {
background : #ffffcc;
border : 0;
display : block;
display : inline;
font-size : 75%;
margin : 0;
padding : 0.2em 0.5em 0.3em 0.3em;
width : 20%;
position : relative;
top : -0.25em;
}

/*	definition lists		*/

dl {
width : 100%;
padding : 1em 0 0 0;
margin : 0;
}
dt {
font-weight : bold;
}
dd {
padding : 0;
margin : 0;
}
form dl {
margin : 0 0 0.1em 0;
}

/*				footer			*/

#footer {
background : transparent;
font-size : 80%;
text-align : left;
clear : left;
border-style : solid;
border-width : 1px 0 0 0;
border-color : #00bb00;
margin : 0 0 0 0;
padding : 1em 0 1em 0;
line-height : 1.3em;
width : 100%;
}
#footer p, #footer a {
color : #000000;
}
#footer a {
text-decoration : underline;
}
div.cleartheway {
width: 100%;
clear: both;
padding : 0;
margin : 0;
}
hr.cleartheway {
display: block;
clear: left;
margin: -1%;
padding : 0;
visibility: hidden;
}
#content hr.cleartheway {
margin : 0 0 -5%;
}