/* Layout based on an example from http://tutorials.alsacreations.com/modeles/ */
html {

/* Gives Firefox a vertical scroll bar at all times - stops the links from jumping if the page needs the vertical scroll bar */
overflow: -moz-scrollbars-vertical;

	scrollbar-face-color : #66CC66;
   scrollbar-shadow-color : rgb(102 , 102 , 51);
   scrollbar-highlight-color : rgb(222 , 236 , 239);
   scrollbar-3dlight-color : rgb(222 , 236 , 239);
   scrollbar-darkshadow-color : rgb(0 , 0 , 0);
   scrollbar-track-color : #CCFFCC;
   scrollbar-arrow-color : black;
	}

body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-color: white;
}

#container{
position: absolute;
width: 750px;
/* width: 970px; */
left: 50%;
margin-left: -375px;
/* margin-left: -485px; */
/* border: solid 1px black; */
}

#header {
height: 110px;
background-color: white;
	text-align: center;
	padding: 5px;
		/*border: 1px black solid;*/
}

#contents {
background-color: white;
	text-align: left;
	padding: 6px 0 0 0;
		/*border: 1px black solid;*/
}

#contents_display {
background-color: white;
	text-align: left;
	padding: 0 0 0 0;
		/*border: 1px black solid;*/
}
	
/* NAVIGATION BUTTONS - Based on an example from sitepoint */
/* Pastel = #66CC66 #339933 #CCFFCC #33CC33 */
#navigation {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em;
	text-align: center;
	padding: 5px 0 4px 0;
}
	
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navigation li {
	display: inline;
	}

#navigation a:link, #navigation a:visited {
	padding: 3px 30px 2px 30px;
	color: #FFFFFF;
	background-color: #66CC66;
	text-decoration: none;
	border: 1px solid #339933;
}
	
#navigation a:hover {
	color: #339933;
	background-color: #CCFFCC;
	}
	
/* Text styles */
h1 {
	font: 26pt 'Comic Sans MS';
	margin:0px 0px 15px 0px;
	padding:0px 0 0px 0;
	line-height:36px;
	font-weight:900;
	color: black;
	}	
	
	h2 {
	font: 18pt 'Comic Sans MS';
	margin:0px 0px 0px 0px;
	padding:0px 0 0px 0;
	line-height:28px;
	font-weight:normal;
	color: black;
	}	
	
p {
	color: #000000;
	font: 12pt 'Comic Sans MS';
}

p.note {
	color: #66CC66;
	font: 14pt 'Comic Sans MS';
	font-weight:bold;
		text-decoration: underline;
}

p.error {
	color: red;
	font: 14pt 'Comic Sans MS';
	font-weight:bold;
		text-decoration: none;
}

/* Links */
/* Toylander link main page */
a.Toylander:link {
	text-decoration: none;
	color: #339933;
	font: 18pt 'Comic Sans MS';
	font-weight: bold;
}
a.Toylander:visited {
	text-decoration: none;
	color: #339933;
	font: 18pt 'Comic Sans MS';
	font-weight: bold;
}
a.Toylander:active {
	text-decoration: none;
	color: #339933;
	font: 18pt 'Comic Sans MS';
	font-weight: bold;
}
a.Toylander:hover {
	text-decoration: none;
	color: #66CC66;
	font: 18pt 'Comic Sans MS';
	font-weight: bold;
}	

/*  lists  */
ul { list-style-type: disc; list-style-position: outside; } 
li {
	color: #000000;
	font: 12pt 'Comic Sans MS';
}

/* Forms */
/* http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml */
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
	color: #000000;
	background: #ECE9D8;
	border: 1px outset solid #339933;
} 

input
{
color: #000000;
background: #ECE9D8;
border: 1px solid #339933;
}

textarea {
	width: 400px;
	height: 120px;
	border: 1px solid #339933;
	padding: 5px;
	font-family: Tahoma, sans-serif;
		background: #ECE9D8;
}