@charset "utf-8";
/* style.css */

body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}

html, body {
	background: #414141;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border:none;
	height:100%;
}

h1 {
	color: #000000;
	font-size: 2em;
	font-weight: bold;
}


/*  ----  TEXT  ----  */
p {
	padding-bottom: 10px;
	text-align:justify;
}

#forIE p {
	padding-right: 10px;
}

.text_title {
	font-size: 1.2em;
	color: #000000;
	font-weight: bold;
	padding-bottom:5px;
	padding-top: 30px;
}

.text_sub {
	font-size: 1em;
	color: #000000;
	font-weight: bold;
}

.text_small {
	font-size: 0.85em;
	color: #666666;
	line-height:1.3em;
}

.text_it {
	font-size: 1em;
	color: #666666;
	font-style: italic;
	line-height:1.3em;
}

a, a:link, a:visited {
	color: #F67F00;
	text-decoration: none;
	outline:none;
	font-size: 0.85em;
}

a:hover {
	text-decoration: none;
	color: #666666;
	cursor: pointer;
}
a:active {
	text-decoration: none;
	color: #F67F00;
	border:none;
	outline:none;
}

.imagetext {
	padding-left: 150px;	
	display: block;
}

.border {
	/*border-top: 	#F67F00 1px solid;
	width:100%;*/
	background: transparent url(../images/background/bar.png) scroll center center no-repeat;
	display: block;
	width: 100%;
	padding: 15px;
}

/*  ----  TABLES  ---  */
table {
	display: block;
	border: none;
}

table td {
	padding: 0 30px;
	vertical-align: top;
}

#content table .left-column {
	width: 50%;
	padding-right: 15px;
}

#content table .right-column {	
	width: 50%;
	padding-left:15px;
}


/*  ----  wrapper  ----  */
body #wrapper {
	width: 1000px;
	min-height:100%;
	background: #414141 url(../images/background/background.png) scroll center center repeat-y;
	margin: 0 auto;	
}

body #wrapper .wrapper-top {
	background: transparent url(../images/background/banner_tl.png) scroll top left no-repeat;	
}

/*  ----  banner  ----  */
#banner {
	background: transparent url(../images/background/banner_tm.png) scroll top left repeat-x;
}

#banner .banner-left {
	background: transparent url(../images/background/banner_tl.png) scroll top left no-repeat;	
}

#banner .banner-right {
	background: transparent url(../images/background/banner_tr.png) scroll top right no-repeat;
}

#banner #logo{
	/*background: transparent url(../images/logotop.png) scroll center 42px no-repeat;*/
	width: auto;    /*411px;*/
	height: 124px;
	margin: 0 auto;
	
}

#banner #logo a{
	width: 411px;
	height: 74px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
}


h1.title {
	position: absolute;
	top: 95px;
	padding-left: 54px;
}

#banner #navigation {
	height: 20px;	
	width: 616px;		/*Width needs to be mentioned to make margin:auto work. 
						button=126px+8px padding, 4 buttons and list gives 40px padding: (126+8)*4+80=616px   */
	margin-left: auto;
	margin-right: auto;
}

#banner #navigation li {
	list-style-image: none;
	list-style-type: none;
	height:20px;
	width: 126px;
	float:left;
	padding-right: 8px;
}

#banner #navigation a:link, #banner #navigation a:visited {
	background:transparent url(../images/buttons/nav_button.png) scroll center no-repeat;
	height: 20px;
	color:#FFFFFF;
	font-size:0.9em;
	text-decoration:none;
	letter-spacing: 0.1em;
	text-align:center;
	vertical-align: middle;
	display:block;
}

#banner #navigation a:hover {
	background:transparent url(../images/buttons/nav_button_hover.png) scroll center no-repeat;
}

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


/*  ----  CONTENT  ----  */
#contentcontainer .top {
	background: transparent url(../images/background/content_tl.png) scroll top left no-repeat;
	height: 25px;
	width: 100%;
}

#contentcontainer .top-right {
	background: transparent url(../images/background/content_tr.png) scroll top right no-repeat;
	height: 25px;
	width: 100%;
}

#contentcontainer .top-middle {
	height: 25px;
	background: transparent url(../images/background/content_tm.png) scroll top left repeat-x;
	margin: 0 13px;
}

#contentcontainer #maincontent {
	background: transparent url(../images/background/content_ml.png) scroll top left repeat-y;
}
#contentcontainer #maincontent .content-right {
	background: transparent url(../images/background/content_mr.png) scroll top right repeat-y;
}

#contentcontainer #maincontent #pagecontainer{
	padding: 0 25px;
}

#contentcontainer #maincontent #content{
	background: #FFFFFF;	
	min-height: 200px;
}

#contentcontainer .bottom {
	background: transparent url(../images/background/content_bl.png) scroll top left no-repeat;
	height: 25px;
	width: 100%;
}

#contentcontainer .bottom-right {
	background: transparent url(../images/background/content_br.png) scroll top right no-repeat;
	height: 25px;
	width: 100%;
}

#contentcontainer .bottom-middle {
	height: 25px;
	background: transparent url(../images/background/content_bm.png) scroll top left repeat-x;
	margin: 0 13px;
}


#contentcontainer .bottom-bar {
	background: transparent url(../images/background/bar.png) scroll center center no-repeat;
	display: block;
	height: 20px;
	width: 100%
}

/*  ----  FOOTER  ----  */
#footer{
	text-align: center;	
	min-height: 50px;
	color:#666666;
	font-size:0.85em;
	line-height:1.3em;
}