/*------------------------------------------------------------------
[ STYLE.CSS ] Main Stylesheet
--------------------------------------------------------------------

[Table of contents]

1.	RESET

2.	MAIN STYLES
2.a  Tags defaults
2.b  Base layout
2.c  Navigations
2.d  Elements, ID's  Classes

3.	FORMS
3.a  General form styles
3.b  Individual forms

4.	PLUGINS

5.	PRINT


/*------------------------------------------------------------------

1.	RESET
	Global reset for all HTML elements

------------------------------------------------------------------*/

@media handheld, projection, screen, print {

* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline }
html { height: 100% }
body { background: #fff; color: #000; font-size: 100.01%; min-height: 101%; text-align: left }
img, fieldset, abbr, acronym { border: 0 }
ul, ol { list-style: none; list-style-position: outside }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
caption, th { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; vertical-align: middle }
textarea { height: auto; overflow: auto }
option { padding-left: 0.6em }
button { background: none; border: 0; text-align: center }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal }


} @media handheld, projection, screen {


/*------------------------------------------------------------------

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/
	
body {
	background: url(../img/bgBody.gif) repeat-x;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
}

p, table, dl, dd, pre { margin: 0 0 1em }

strong { font-weight: bold }
em { font-style: italic }
code, pre { font-family: "Courier New", Courier, monospace }
dt { font-weight: bold }
dd { font-style: italic }
cite { font-style: italic }
q { font-style: italic }
blockquote { font-style: italic; padding: 0; }

abbr, acronym { border-bottom: 1px dotted; cursor: help }


/* Headlines
-------------------------------
[?] Always define: font-size - line-height - margin
*/

h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0.7px ;
	letter-spacing: -0.2px;
}
h2 {
	font-size: 18px;
	margin: 0 0 0.8px ;
}
h3 {
	font-size: 16px;
	margin: 0 0 0.8px ;
}
h4 {
	font-size: 14px;
	margin: 0 0 0.8px ;
}
h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0.8px ;
}
h6 {
	font-size: 10px;
	margin: 0 0 0.8px ;
}


/* Anchors
-------------------------------*/

a, a:link, a:visited {
	color: #003366;
	cursor: pointer;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #003366;
	text-decoration: none;
}


/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes  tags allowed.
*/

#wrap {
	margin: auto;
	text-align: left;
	width: 800px;
	position: relative;
}
	#header, #content, #footer, #contentWrap {
		float: left; display: inline;
		clear: both;
		width: 100%;
		position: relative;
	}
	#header {
		height: 152px;
		width: 800px;
	}
		#logo { margin: 0 }

			#logo a {
				background: url(../img/logo.png) no-repeat center;
				height: 71px; width: 433px;
				position: absolute;
				top: 28px; left: 177px;
			}
			#tagline {
				background: url(../img/tagline.gif) no-repeat 0 0;
				height: auto; width: auto;
				margin: 0;
				position: absolute;
				top: 0; left: 0;
			}
			
	#contentWrap {
		border: 1px solid #333333;
		margin-top: 3px;
	}

	#content {
		background: url(../img/bgContent.gif) repeat-y top;
		border-bottom: 7px solid #fff;
		width: 800px;
	}
	
		#main {
			border-top: 7px solid #fff;
			float: left;
			line-height: 17px;
			padding: 20px 22px 14px 27px;
			width: 549px;
		}
		#sidebar {
			border-top: 7px solid #fff;
			float: left;
			margin: 0 0 0 6px;
			padding: 17px 0 0 18px;
			width: 176px;
		}

	#footer {
		height: auto;
		margin-top: 9px;
	}


/*-------------------------------
2.c Navigations
-------------------------------*/

ul.nav { margin: 0 }


/* Main navigation
-------------------------------*/

#nav {
	background: url(../img/bgNavUl.gif) no-repeat left;
	height: 34px; width: 100%;
	position: absolute;
	top: 113px; left: 0;
}
	#nav li {
		font-size: 12px;
		font-weight: bold;
		float: left;
		line-height: 34px;
		padding: 0 12px;
	}
		#nav li a {
			float: left;
			color: #003366;
			display: block;
			text-decoration: none;
		}
		#nav li a:hover {
			text-decoration: underline;
		}
		#nav li a.active {
			color: #003366;
		}


/*-------------------------------
2.d Elements, ID's  Classes
-------------------------------*/


/* General elements
-------------------------------*/
			
#banner {
	border-bottom: 1px solid #000;
}
	#banner p {
		margin: 0;
	}

#main p {
	margin: 0;
	padding: 0;
}

#main h1#h1-1 {
	margin-top: 0px;
}

#main h1#h1-2 {
	margin-left: 42px;
}

#main h1#h1-3 {
	margin-left: 85px;
	margin-bottom: 12px;
}

#main .box {
	font-size: 15px;
	float: left;
	height: auto;
	line-height: 17px;
	margin-top: 16px;
	padding: 0 15px 0 0 ;
	width: 334px;
}

#main .box p.bx {
	width: 324px;
	padding-bottom: 20px;
}

#main .box h1{
	margin: 12px 0 11px 0;
	width: 240px;
}

#main #info {
	border: 1px solid #999999;
	color: #003366;
	font-size: 11px;
	height: 98px;
	line-height: 18px;
	margin-left: -2px;
	margin-top: 7px;
	padding: 11px 14px 15px;
	width: 302px;
}
#main #info2 {
	border: 1px solid #999999;
	color: #003366;
	font-size: 11px;
	line-height: 18px;
	margin-left: -2px;
	margin-top: 7px;
	padding: 11px 14px 15px;
	width: 302px;
}


#main #info a{
	font-size: 14px;
	font-weight: bold;
}

#main #info p.bx2{
	margin-bottom: 9px;
}

#main p.sidebar2 {
	border: 1px solid #999999;
	height: 314px;
	float:left;
	margin: 47px 0 0 6px;
	width: 192px;
}
#main p.sidebar3 {
	border: 0px;
	float:left;
	margin: 47px 0 0 6px;
	width: 192px;
}


#sidebar img.img1{
	border: 1px solid #686868;
}
		
#sidebar img.img2{
	border: 1px solid #003366;
	margin-top:3px;
}


#footer ul {
	float: left;
}

#footer ul#footerList1 {
	margin: 0 25px 0 28px;
}

#footer ul#footerList2 {
	margin: 0 46px 0 0;
}

#footer ul#footerList3 {
	margin: 0 66px 0 0;
}

#footerList4 {
	background: url(../img/bgFooter4.png) no-repeat top left;
	color: #fff;
	float: left;
	font-size:11px;
	height: 110px;
	padding: 10px;
	position: absolute;
	right: -8px;
	width: 204px;
}

#footerList4 a {
	color: #fff;
}

#footerList4 h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 6px 0;
	padding: 0;
}

#footerList4 p {
	margin: 0;
	padding: 0;
}

#footerList4 p.p2 {
	margin: 0;
	padding: 0 0 6px 0;
}

#footer ul li a {
	color: #000;
	font-size: 12px;
	line-height: 17px;
}

#footer ul li a:hover, #footerList4 a:hover {
	text-decoration: underline;
}

/*------------------------------------------------------------------

3.	FORMS
	Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a General form styles
-------------------------------*/

/* Form elements
-------------------------------*/

input.text, select.select, textarea.textarea
{
	border: 1px solid #999;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
}
input.text { width: 195px }
select.select { width: 200px }
textarea.textarea { height: 10em; width: 195px }

select.select.free {	width: auto }

button.button {
	color: #000;
	cursor: pointer; 
	height: auto; width: auto;
	line-height: normal;
	white-space: nowrap;
}

input.submit {
	color: #000;
	cursor: pointer;
	padding: 5px 10px;
}


/* General forms
-------------------------------*/

form.form ol.fieldset {	/* nothing here */ }

	form.form ol.fieldset li.field {
		margin: 0 0 1em;
		position: relative;
	}
		form.form ol.fieldset li.field label {
			display: block;
			font-weight: bold;
			margin-bottom: 5px;
		}
			
	form.form p.submit { /* nothing here */ }


/* Search Forms
-------------------------------*/

form.search { margin-bottom: 1.33em }

	form.search p.fields { margin: 0 }

		form.search p.fields input, form.search p.fields button {
			display: inline;
			vertical-align: middle;
		}

		
/*-------------------------------
3.b Individual forms
-------------------------------*/



/*------------------------------------------------------------------

4.	PLUGINS
	Predefined utilities

--------------------------------------------------------------------

/*-------------------------------
Utility classes
-------------------------------*/

.skip, #tagline { position: absolute; top: 0; left: -99999px; }

.replace, .br, #logo a { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }

} @media print {

/*------------------------------------------------------------------

5.	PRINT
	Styles for print

------------------------------------------------------------------*/

body { background: none; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10pt }
code, pre { font-family: "Courier New", Courier, mono }
img { float: left; clear: left; page-break-inside: avoid; page-break-after: avoid }

a, a:link, a:visited { color: blue; text-decoration: underline }

blockquote, table, pre { page-break-inside: avoid }
ul, ol, dl  { page-break-before: avoid }
h1, h2, h3, h4, h5, h6 { display: block; font-weight: bold; page-break-after: avoid }

#footer, .ad, #nav, .nav, form, .skip { display: none; }

h1 { font-size: 3em; margin: .67em 0; }
h2 { font-size: 2em; margin: .83em 0; }
h3 { font-size: 1.5em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.92em; margin: 1.67em 0; }
h6 { font-size: 0.83em; margin: 2.33em 0; }


/*------------------------------------------------------------------
	END CSS
------------------------------------------------------------------*/

}/* end @media */