﻿body {
	background: #ecefe3 url('bg.jpg');
	color: #ecefe3;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', Serif;
	font-size: 8pt;
	margin: 0px;

}


#page {
	margin: 0px;
	position: relative;	
	width: 700px;

}

#header {
	background: #ecefe3 url('videl.jpg') no-repeat; 
	width: 700px;
	height: 470px;
	padding-bottom: 0px;
	

}	


#menu { position: absolute;
	top: 300px;
	left: 375px;
	text-align: left;
	margin: 0px;
	padding: 10px;	

	}

#menu p {
	padding: 0px;
	margin: 0px;
	margin-top: 0px;}

#menu a:link, #menu a:active, #menu a:visited {
	color: #ecefe3;
	background-color: #000000;
	font-size: 8px;
	font-family: 'Courier New', Georgia, 'Times New Roman', Serif;
	font-variant: small-caps;
	padding: 3px;
	line-height: 20px;}

#menu a:hover {
	color: #a6c5aa;
	font-variant: small-caps;}

#main {  	
						
	border: 0px;
	padding: 5px;
	left: 220px;
	top: -50px;
	width: 424px; 
	position: absolute;
	background-color: #000000;
	float: right;
	}

#main p { 
	color: #ecefe3;
	}


#footer { position: relative;
	width: 424px;
	text-align: center;
	clear: both;
	margin-top: 20px;
	margin-bottom: 0px;
	bottom: 0px;
	background-color: #000000;

}

#footer p {
	margin: 25px auto;
	color: #ffffff;
	text-align: center;}



a:link, a:visited {
color: #ffffff;
text-decoration: none;
font-family: Georgia, 'Times New Roman', Serif;
font-weight: bold;
cursor: help;
font-variant: small-caps;}

a:hover, a:active {
color: #a6c5aa;
text-decoration: none;}


h1 {
	font-size: 30px;
	font-family: Palatino, Georgia, 'Times New Roman', Times, Sans-serif; 
	color: #a6c5aa;
	font-weight: lighter;
	font-variant: small-caps;
	margin-top: -4px;}

h1:first-letter {
	color: #fd7801;
	font-weight: bold;
	letter-spacing: 4px;
	font-size: 35px;}


h2 {
color: #6e6e6e;
margin-right: 10px;
margin-left: 0px;
padding-left: 10px;
letter-spacing: 2px;
font-family: Georgia, 'Times New Roman', Serif;
font-weight: bold;
font-size: 20px;
border-left: 10px solid #6e6e6e;}

h3 {color: #6e6e6e;
margin-right: 10px;
margin-left: 0px;
padding-left: 10px;
letter-spacing: 2px;
font-family: Georgia, 'Times New Roman', Serif;
font-weight: bold;
font-size: 15px;
border-left: 10px solid #6e6e6e;
border-bottom: 1px dotted #6e6e6e;}
	

h4 {
	font-family: 'Comic Sans MS', 'Comic Sans', Sans-serif;
	font-weight: lighter;
	font-style: italic;
	color: #fd7801;
	border-bottom: 1px dotted #fd7801;
	font-size: 12px;
	margin-top: -30px;
	margin-right: 10px;
	padding-left: 120px;
	}

b, u, i, em, strong, th {
color: #fd7801;
font-family: Verdana, Tahoma, 'Trebuchet MS', Arial, Sans-serif; }

blockquote {
background-color: #6e6e6e;
color: #a6c5aa;
padding-left: 5px;
width: 90%;
border: 1px dotted #a6c5aa;
margin: 0 auto;}


input, textarea, td, submit, select {
background-color: #4e4e4e;
color: #ffffff;
padding-left: 5px;
margin-right: 20px;
border-left: 5px solid #ecefe3;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;}

.codesort img, .codesort img a, .codesort img a:link, .codesort img a:active, .codesort img a:visited {
padding: 2px;
background-color: #a6c5aa;
}

.codesort img a:hover {
	background-color: #ecefe3;
	padding: 2px;
}


img, img a, img a:link, img a:active, img a:visited {
background-color: #a6c5aa;
border: 2px solid #a6c5aa;
}

img a:hover {
	background-color: #ecefe3;
	border: 2px solid #a6c5aa;
}

hr {
	display: none;}
