/** GLOBAL 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, tt, var,
dl, dt, dd, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; vertical-align: top; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/** GLOBAL STYLES **/

body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
	color: #4d4d4d;
	background-color: #fff;
	text-align: center; /* Needed for IE5x Bug */
}

h1 { margin: 5px 0 5px 0; padding: 0; color: #000; font-size: 26px; font-weight: normal; text-align: left; }
p { margin: 15px 0 15px 70px; padding: 0; text-align: justify; line-height: 1.7em; font-size: 13px; }
a { color: #b2711d; text-decoration: none; }
a:focus { outline: none; outline: 0; }
a:hover { color: #3e4b83; text-decoration: underline; }
sup { font-size: 8px; font-weight: normal; }
sub { height: 0; line-height: 1; vertical-align: baseline; vertical-align: bottom; position: relative; top: .5ex; }
ol { text-align: left; margin: 0; padding: 5px 0 0 18px; }
ul { text-align: left; margin: 0; padding: 5px 0 0 18px; list-style-type: square; color: #262e58; font-size: 13px; line-height: 1.4em; }
li { padding: 3px; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }


/** HEADER **/

#header { margin: 40px auto; width: 800px; }

#logo { float: left; }


/** MENU **/

#menu { float: right; margin: 15px auto 0 auto; width: 589px; border-top: 1px solid #bdbdbd; }
#menu ul { list-style-type: none; margin: 0; padding: 0; text-align: right; }
#menu li { display: inline; margin: 0; padding: 0; }
#menu a { float: right; display: block; height: 36px; line-height: 36px; vertical-align: middle; margin: 0 15px; padding: 0; color: #313131; font-size: 13px; font-weight: bold; text-decoration: none; }
#menu a:hover { text-decoration: none; color: #b2711d; }
#menu li.selected a { background: url(../images/menuArrow.gif) no-repeat top center; }
#menu li.first a { margin-right: 0; }


/** CONTENT **/

#content { margin: 40px auto; padding: 0; width: 800px; }

#colleft { float: left; width: 475px; text-align: left; }

#colright { float: right; width: 258px; }

#contentDownload { margin: 0 auto; padding: 0; width: 800px; }
#contentDownload p { margin-left: 0; }


/** HOME CONTENT **/

#contentHome { margin: 40px auto; padding: 0; width: 800px; }

#boxleft { float: left; margin: 30px 0 0 0; width: 370px; text-align: left; }
#boxright { float: right; margin: 30px 0 0 0; width: 370px; text-align: left; }

#boxleft h1, #boxright h1 { margin: 0 0 5px 70px; padding: 0; color: #303e7a; font-size: 16px; font-weight: bold; text-align: left; }
#boxleft img, #boxright img { float: left; }
#boxleft p, #boxright p { margin: 5px 0 0 72px; }
#boxleft a, #boxright a { font-size: 12px; padding-left: 19px; background: url(../images/arrow.gif) no-repeat center left; }


/** DOWNLOAD **/

#download { margin: 0; padding: 0 0 5px 0; width: 258px; min-height: 150px; background: url(../images/downloadBKG.gif) no-repeat top left; }
#download img { float: left; }
#download h1 { color: #b2711d; margin: 0 0 5px 78px; padding: 13px 0 0 0; font-size: 16px; font-weight: bold; text-align: left; }
#download p { margin: 8px 0 0 78px; font-size: 12px; line-height: 1.5em; }
#download a { color: #3e4b83; font-size: 12px; padding-left: 19px; background: url(../images/arrow.gif) no-repeat center left; }
#download a:hover { color: #b2711d; text-decoration: none; }


/** FOOTER **/

#footer { margin: 0 auto; width: 800px; padding: 20px 0; color: #b1b1b1; font-size: 11px; border-top: 1px solid #bdbdbd; }
#footer ul { list-style-type: none; margin: 0; padding: 0; text-align: center; font-size: 10px; }
#footer li { display: inline; margin: 0; padding: 0; }
#footer a { display: block; float: left; padding: 0 9px; color: #b1b1b1; font-size: 11px; height: 11px; line-height: 11px; vertical-align: middle; text-decoration: none; border-right: 1px solid #b1b1b1; }
#footer a:hover { color: #b2711d; text-decoration: none; }
#footer li.last a { border-right: none; padding-right: 0; }


/** FORMS **/

#forms { text-align: left; font-size: 12px; margin-top: 5px; margin-left: 70px; }
#forms .in { width: 300px; border: 1px solid #a2a2a2; padding: 5px 6px; margin-bottom: 20px; }
#forms textarea { width: 305px; border: 1px solid #a2a2a2; padding: 2px; margin-bottom: 20px; }
#forms label { text-align: left; font-weight: bold; }
#forms .button { margin-top: 5px; }


/** ETC **/

.icon { float: left; margin: 0 15px 0 0; }

a.link { font-size: 12px; padding-left: 19px; background: url(../images/arrow.gif) no-repeat center left; }

#agree { margin: 20px 0 40px 0; padding: 20px; background-color: #ccc; border: 1px solid #666; width: 400px; }
