/* GLOBAL RESET by Eric Meyer
==================================================*/

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, 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: "" ""; }

img, div, a, ul, li, table, tr, h1 { behavior: url("/images/pngfix.htc"); } /* PNG transparecy fix */

/* GENERAL
==================================================*/

body { background: url("/images/body_bg.jpg") 50% 0 #111 repeat-y fixed; font-family: Arial, Helvetica, "Sans-Serif"; font-size: 64.5%; line-height: 160%; color: #555; text-shadow: 0 0 0 transparent; }

/* HEADERS */
h1 { margin: 0 0 1em 0; font-family: Arial, Helvetica, "Serif"; font-size: 2.4em; font-weight: normal; letter-spacing: -0.07em; color: #81F534; }
	h1.green { color: #81F534; }
	h1.pink { color: #E8256A; }
h2 { margin: 0 0 1em 0; font-family: Arial, Helvetica, "Serif"; font-size: 1.8em; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: -1px; color: #333; }
h3 { margin: 0 0 1em 0; font-family: Arial, Helvetica, "Sans-Serif"; font-size: 1.5em; font-weight: normal; font-style: normal; text-transform: normal; letter-spacing: -1px; color: #333; }

span { font-weight: normal; }
img { border: 0; padding: 0; margin: 0; }
p { margin: 0 0 1.4em 0; display: block; clear: both; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.7em; }

a:link, a:visited { color: #81F534; background: transparent; text-decoration: none; }
a:active { color: #E8256A; background: transparent; }
a:hover { color: #E8256A; background: transparent; }

blockquote { font-family: Georgia, 'Times New Roman', 'Serif'; font-style: italic; padding: 0 0 0 30px; background: url("imgs/quote.gif") no-repeat 0 0; }
blockquote a:link, blockquote a:visited { color: #555; border: none; }
blockquote a:hover, blockquote a:active { color: #000; font-style: italic; }

/* DIV TEMPLATE
=============================================================*/

#container { width: 960px; margin: 0 auto; }
#header { width: 960px; margin: 0; float: left; display: inline; padding: 0; }
	#header h1.logo { width: 285px; height: 150px; margin: 20px auto 0 auto; background: url("/images/logo_header.png") no-repeat 50% 50%; }
	#header ul.menu { width: 910px; height: 75px; background: url("images/curve_top.png") no-repeat 0 0; float: left; padding: 25px 25px 0 25px; }
		#header ul.menu li { margin: 0; padding: 0; float: left; display: inline; text-align: left; padding-left: 30px; }
			#header ul.menu li.last { background: transparent; }
		#header ul.menu li a { font-size: 1.7em; font-weight: bold; color: #000; letter-spacing: -0.5pt; padding: 24px 0 0; float: left; height: 50px; }
		#header ul.menu li a span { display: block; font-size: .6471em; letter-spacing: 0; text-align: left; }

                        #header ul.menu li.a a { width: 100px; }
                        #header ul.menu li.b a { width: 110px; }
                        #header ul.menu li.c a { width: 115px; }
                        #header ul.menu li.d a { width: 130px; }
                        #header ul.menu li.e a { width: 175px; }
                        #header ul.menu li.f a { width: 100px; }
			
		#header ul.menu li a:link, #header ul.menu li a:visited { color: #222; }
		#header ul.menu li a:hover, #header ul.menu li a:active { color: #2F74BF; }

	#banner { width: 960px; height: 199px; background: url("/images/banner.jpg"); float: left; display: inline; }

	#content { width: 910px; background: url("/images/curve_bottom.png") 50% 100%; float: left; font-family: Verdana, Sans-Serif; padding: 0 25px 15px 25px; display: inline; }
	#content .up { width: 910px; height: 50px; background: url("/images/trans_up.png") no-repeat 50% 0; float: left; position: relative; margin-top: -40px; }
	#content .left { padding: 25px; float: left; width: 500px; font-size: 1.3em; display: inline; }
		#content .left .intro { font-size: 1.25em; color: #2080AF; line-height: 1.5em; font-family: Arial, Sans-Serif;  }
	#content .right { margin: 25px 25px 25px 0; padding: 10px 0 0 25px; float: right; width: 300px; background: transparent; border-left: 1px solid #DDD; color: #888; font-size: 1.1em; display: inline; }

#footer { float: left; width: 910px; padding: 10px 0; font-size: 1.1em; text-align: center; background: url(""); margin-bottom: 20px; color: #555; }

/* FORMS
==================================================*/

/* OTHER

			#header ul.menu li.a a { width: 170px; }
			#header ul.menu li.b a { width: 175px; }
			#header ul.menu li.c a { width: 185px; }
			#header ul.menu li.d a { width: 200px; }
			#header ul.menu li.e a { width: 250px; }
			#header ul.menu li.f a { width: 170px; }

==================================================*/