/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
              width: 845px;
	margin: 0 auto;
	padding: 0 auto;
}
img, img a { 
border : 0;
}
a { 
color : #FF3300;
text-decoration : none;
font-weight : bold;
margin-left : 0px;
} 
a:hover { 
color : #006699;
text-decoration : none;
font-weight : bold;
margin-left : 0px;
} 
#header {
	margin: 2px auto;	
	width: 824px;
	font: 12px verdana;
	color: #369;
	border: 1px solid #ddd;
	padding: 9px;	
}
#menu {
	margin: 4px auto;	
	float: left;
	width: 200px;
	font: 12px verdana;
	color: #369;
	border: 1px solid #ddd;
	padding: 9px;	
}
#container {
	margin: 4px auto;	
	float: right;		
	width: 600px;
	font: 12px verdana;
	color: #369;
	border: 1px solid #ddd;
	padding: 9px;	
}

#footer {
	margin: 4px auto;
	float: right;
	width: 600px;
	font: 12px verdana;
	background: #ffe;
	border: 1px solid #ddd;
	padding: 9px;
}

#container h2, #code h2 {
	font: bold 12px arial;
	color: #96f;
	border: 1px solid #999;
	padding: 0px;
	margin: 3px;
}

#container h3, #code h3 {
	font: bold 12px arial;
	color: #cc;
	padding: 0px;
	margin: 3px;
}
#menu h3, #code h3 {
	font: bold 12px arial;
	color: #cc;
	padding: 0px;
	margin: 3px;
}

p, li, option {
	font: 12px verdana;
}

p {
	margin: 3px;
}

ul, ol {
	margin-left: 32px;
}

span.label {
	float: left;
	width: 140px;
	text-align: right;
	padding-right: 5px;
	padding-top: 2px;
}

option {
	min-width: 40px;
}

.small {
	width: 100px;
}

.medium {
	width: 250px;
}

.large {
	width: 500px;
}