/*--- RESET STYLES from 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, 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: "Trebuchet MS",Arial,sans-serif; vertical-align: baseline; }

:focus { outline: 0; }
ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 1px solid #000; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }

/*--- STARTING STYLES ---*/

body { font: normal 86% "Trebuchet MS",Arial,sans-serif; text-align: center; color: #333; background: #f8f8f8 url('images/bg-gradient.gif') 0 3em repeat-x;  }
p { margin: 0; padding: 0; }
a, a:visited { color: #003399; }
a:hover { text-decoration: none; }

#header { position: relative; }
#header h1 {
	font: bold 2.4em "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0.3em 0 10px 0;
	color: #003399;
	letter-spacing: -3px;
}
#header h1 span { font: normal 0.8em "Trebuchet MS", sans-serif; color: #333; }
#header h2 { font: 2em "Trebuchet MS", serif; margin: 0 0 1em 0; padding: 0; }
#header a { position: absolute; right: 0; top: 23px; }
h3 { font: italic 1.6em "Trebuchet MS", serif; color: #003399; }

/*--- IMAGES CLASSES ---*/

img.alignright { padding: 4px; margin: 0 0 2px 15px; display: inline; border: 0; }
img.alignleft { padding: 4px; margin: 0 15px 2px 0; display: inline; border: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; border: 0; }
.alignright { float: right; }
.alignleft { float: left }

/*--- NAVIGATION ---*/

#nav { margin: 0; padding: 10px; text-align: center; font: normal 1.2em Verdana, sans-serif; background-color: #333; }
#nav ul li { display: inline; }
#nav ul li a { display: inline; color: #fff; padding: 10px; text-decoration: none; }
#nav ul li a:hover { text-decoration: underline; }
#nav #current { background: transparent url('images/indicator.gif') 50% 100% no-repeat; }

#container { text-align: left; width: 800px; margin: 0 auto; }
#container a { font-weight: bold; }

/*--- CONTENT ---*/

#content { float: left; width: 325px; margin: 0 20px 3em 10px; }
#content h3, #extra-content h3 {
	line-height: 40px;
	padding: 0 0 0 10px;
	margin: 0.5em 0 1em 0;
	border-bottom: 1px solid #003399;
}
#container p, #content p { line-height: 1.4; text-align: justify; margin: 2em 1em; }

#extra-content {
	float: left;
	width: 410px;
	margin-left: 10px;
}
#extra-content ul { list-style-type: square; list-style-position: inside; }
#extra-content ul li {
	padding: 0.5em;
	border-bottom: 1px dotted #999;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #F0F0F0;
	margin-bottom: 3px;
}
fieldset { padding-left: 1em; }
.button { background-color: #003399; border: none; color: #f8f8f8; }

/*--- FOOTER ---*/

#footer { clear: both; width: 100%; color: #333; background-color: #333; }
#footer p {
	margin: 0;
	padding: 1em 10px;
	color: #f8f8f8;
	font-size: 9px;
}
#footer a {
	font-weight: lighter;
	color: #CCCCCC;
	text-decoration: none;
}

#content ul { list-style-type: square; list-style-position: inside; }
#content ul li {
	padding: 0.5em;
	border-bottom: 1px dotted #999;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #F0F0F0;
	margin-bottom: 3px;
}

.font-1 {
	color:#003399;
	line-height:1.3em;
	background:#f0f0f0;
	text-align: left;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
}

/* navigation pages */

#content_p { float: left; width: 280px; margin: 0 0px 3em 0px; }
#content_p h3, #extra-content_p h3 {
	line-height: 40px;
	padding: 0 0 0 10px;
	margin: 0.5em 0 1em 0;
	border-bottom: 1px solid #003399;
}
#content_p p { line-height: 1.4; text-align: justify; margin: 2em 1em; }

#extra-content_p {
	float: left;
	width: 505px;
	margin-left: 10px;
	padding-left: 5px;
}
#extra-content_p ul { list-style-type: square; list-style-position: inside; }
#extra-content_p ul li {
	padding: 0.5em;
	border-bottom: 1px dotted #999;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #F0F0F0;
	margin-bottom: 3px;
}
#content_p ul { list-style-type: square; list-style-position: inside; }
#content_p ul li {
	padding: 0.5em;
	border-bottom: 1px dotted #999;
	font-size: 1em;
	font-weight: bold;
	background-color: #F0F0F0;
	margin-bottom: 3px;
}