/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" ""; }
a img { border: 0; }
strong { font-weight: bold; }

html, body { height: 100%; margin-bottom: 1px; }

/* CSS Document */
p {line-height: 130%;}
body {font-family: Verdana, Arial, Sans-Serif; font-size: x-small; line-height: 110%;}
h2 { color: #7CC242; font-size: 140%; line-height: 130%; }
h2:before { color: #2A6B01; content: "// "; }

#wrapper {border: 20px solid #FFF; background: #FFF; margin:0 auto; border-width: 0 20px 0 20px; width: 680px;}

#header {float: left; background: url(images/header-bg.jpg) no-repeat top left; width: 680px; position: relative}
	#header img { position: absolute; top: 12px; right: 28px; }
	#header ul { border: 1px solid #dfdfdf; float: left; width: 678px; background: #fff url(images/nav_bottom_grad.gif) repeat-x bottom left; margin: 129px 0 8px 0; }
	#header ul li { float: left; }
	#header ul li a { font-size: 110%; }
	#header ul li a, #header ul li a:visited, #header ul li span { padding: 6px 8px 1px 8px; border-right: 1px solid #dfdfdf; margin-bottom: 6px; display: block; color: #6b6b6b; text-decoration: none; }
	#header ul li a:hover { color: #333; }
	#header ul li.date { float: right; }
	#header ul li.date span { border: 0; color: #989898; }

#content-wrapper { float: left; width: 100%; background: url(images/wrapper_vertical_borders.gif) repeat-y top left; border-bottom: 2px solid #eeedee; }
	#content-wrapper ul { list-style-type: disc; list-style-image: url(images/bullet_green.gif); margin: 10px 0 10px 20px; }
	#content-wrapper ul li { margin-bottom: 4px; font-weight: bold; } 

#main-content { float: left; width: 420px; } 
	#main-content p { margin: 4px 0; }
	#main-content h3 { background: url(images/double_section_header.gif) no-repeat top left; color: #fff; text-align: center; font-size: 130%; line-height: 130%; padding: 4px 0; float: left; width: 100%; }
	#main-content h4 { font-weight: bold; margin-bottom: 3px; margin-top: 3px; color: #7cc242; }
	#main-content h3:before, #main-content h3:after { color: #7cc242; content: " // "; }
	#main-content div.full { float: left; width: 420px; background: #fff; padding-bottom: 10px; }
	#main-content div.double { float: left; width: 396px; padding: 20px 12px 12px 12px; background: #fff url(images/double_border_left.gif) repeat-y top left; position: relative; }
	#main-content div.double img.frame { position: absolute; top: 0; left: 0; }
	#main-content div.single { float: left; width: 186px; padding: 20px 12px 12px 12px; background: transparent url(images/frame-top.gif) no-repeat top left; }
	#main-content a, #main-content a:visited { font-weight: bold; color: #000; text-decoration: none; }
	#main-content a:hover { text-decoration: underline; }

	#main-content div.box { float: left; clear: left; margin-bottom: 6px; border: 1px solid #A8B7A2; border-top: 0; width: 394px; background: #fdfdfd url(images/section-bg.gif) repeat-x bottom right; }
	#main-content div.box p { margin: 0; padding: 4px; }
	#main-content div.box img { padding-right: 4px; float: left; }
	#main-content div.box a, #side-content div.box a:visited { font-weight: bold; color: #7cc242; text-decoration: none;  font-size: small; }
	#main-content div.box a:hover { text-decoration: underline; }

	#main-content label { display: block; width: 100%; padding-bottom: 8px; line-height: 130%; }
	#main-content label input, #main-content label textarea { width: 100%; border: 1px solid #1F5A01; }
	#main-content input.submit { background-color: #A8B7A2; color: #1F5A01; border: 1px solid #1F5A01; overflow: visible; padding: 1px 3px; font-size: x-small; }
	#main-content input.error, #main-content textarea.error { border: 2px solid #f00; }

#moviebox { position: relative; }
	#moviebox img.corner { position: absolute; top: 0; left: 0; z-index: 150; }
	#moviebox embed  { z-index: 100; }
#moviepick { padding: 8px; width: 384px; background: #525252 url(images/movie_bottom_right_corner.gif) no-repeat bottom right; color: #82bf3d; }
	#moviepick label { padding: 0; font-size: small; }

#side-content { float: right; width: 238px; padding: 8px 0 0 12px; background: transparent url(images/special-frame-top.gif) no-repeat top left; padding-bottom: 10px; }
	#side-content h3 { background: url(images/section-header.gif) no-repeat top left; color: #fff; text-align: center; font-size: 130%; line-height: 130%; padding: 4px 0; float: left; width: 100%; }
	#side-content h3:before, #side-content h3:after { color: #7cc242; content: " // "; }
	#side-content div.box { float: left; clear: left; margin-bottom: 6px; border: 1px solid #A8B7A2; border-top: 0; width: 236px; background: #fdfdfd url(images/section-bg.gif) repeat-x bottom right; }
	#side-content div.box p { padding: 4px; }
	#side-content div.box img { padding-right: 4px; float: left; }
	#side-content div.box a, #side-content div.box a:visited { font-weight: bold; font-size: x-small; color: #7cc242; text-decoration: none; }
	#side-content div.box a:hover { text-decoration: underline; }

#footer { float: left; clear: both; margin: 14px 0; width: 100%; }
	#footer p {color: #BBB; margin-bottom: 4px; font-size: 100%;}
	#footer a:link {color: #BBB; font-weight: bold; font-size: 90%; text-decoration: none;}
	#footer a:visited {color: #BBB; text-decoration: none;}
	#footer a:hover { text-decoration: underline; }
	#footer a:active {color: #BBB; text-decoration: none;}

	div.credits {float: left;}
	div.contacts {float: right; width: 236px;}