/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; text-align:center; background:#ffffff;}
html, input, textarea
	{	font-family:Arial; 
		color:#1d2328;
	}	

/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}
strong{ color:#9f3b0f;}
a{ color:#9f3b0f; text-decoration:underline} 
a:hover{ text-decoration:none}
em{ font-style:normal; color:#1d2328; font-size:1.2em; line-height:1.4em; margin:0 0 15px 0px; display:block}
h1 {font-size:18px;color:#000;}
h1 span {color:#FF6600;}
.clear { clear:both;}
/*----------------------------------------------------------------------------------------------------------------------------UL*/
ul{margin:0; padding:0; list-style:none; line-height:17px; color:#1d2328; font-size:0.92em;}
ul li{background:url(images/bg_ul.gif) bottom left repeat-x; margin:15px 0 0px 0px; padding:0 0 10px 0px; }
ul li a{color:#9f3b0f; text-decoration:underline; font-weight:bold; font-size:1.18em;} 
ul li a:hover { text-decoration:none; color:#4c9de2 }
ul li div{ background:url(images/bg_list.gif) top left no-repeat; padding:0 0 0px 21px;}
.bg_none{ background:none;}


.list{margin:0px; padding:0px; list-style:none; line-height:17px;}
.list li{ margin:0px; background:url(images/bg_list_small.gif) center left no-repeat; padding:0 0 0 12px}
.list li a{color:#9f3b0f; text-decoration:none; font-size:1.083em; background:url(images/bg_decoration.gif) bottom left repeat-x; font-weight:normal} 
.list li a:hover { text-decoration:none; color:#fda127 }
/*==========================================================================================================================HEADER=======*/
#header {height:434px; color:#a4b6c0; font-size:0.75em}
#header .top{ height: 65px; background:url(images/bg_top.gif) top left repeat-x;}
#header .top p{ padding:16px 0 0 0px; text-align:right;}
#header a{ color:#505e66; text-decoration:none; word-spacing:normal}
#header a:hover{ text-decoration:underline}
#header .logo{ position:absolute; margin:17px 0 0 0px }
#header .pic{ float:left; margin:0 4px 0 0px}

/*====================================NAVIGATION=============================*/

#headRight 
{
	color:#4A5D63;
}

#headRight a:hover
{
	color:#182021;
	text-decoration:none;
}

#topNav {
height:41px;
}

#topNav li {
float:left;
}

#topNav a:link, #topNav a:visited {
background:url('../images/topNavBack.gif');
display:block;
width:150px;
height:41px;
/*float:left;*/
color:#fff;
text-align:center;
line-height:41px;
text-decoration:none;
font-weight:bold;
font-size:12px;
}



#topNav a:hover {
background:url('../images/topNavBackOn.gif');

}

#topNav .rowEnd a:link, #topNav .rowEnd a:visited {
background:url('../images/topNavBackEnd.gif') !important;
}

#topNav .rowEnd a:hover {
background:url('../images/topNavBackEndOn.gif') !important;
}

.leftTab a {
background:url('../images/bann_1.jpg');
background-repeat:no-repeat;
width:490px;
height:78px;
float:left;
display:block;
text-decoration:none !important;
padding:180px 0px 0px 20px;
}

.leftTab span {
	width:256px !important;
	margin-left:2px;
	display:block;
	text-align:justify;
	cursor:pointer;
}

.leftTab h3 {
	font-size:12px;
	margin-left:157px;
	color:#FF6600;
}

.rightTab1 a{
	background:url('../images/bann_2.jpg');
	background-repeat:no-repeat;
	width:240px;
	height:88px;
	float:left;
	display:block;
	text-decoration:none !important;
}
.rightTab1 span{
	color:#fff !important;
	display:block;
	padding:10px 0px 0px 65px;
	width:168px;
	text-decoration:none;
	cursor:pointer;
}
.rightTab1 h3 {
	font-size:12px;
	margin-left:118px;
	margin-top:16px;
	padding-left:7px;
	color:#FF6600;
	background:url('../images/arrow.jpg');
	background-position:center left;
	background-repeat:no-repeat;
}

.rightTab2 a{
	background:url('../images/bann_3.jpg');
	background-repeat:no-repeat;
	width:240px;
	height:88px;
	float:left;
	display:block;
	text-decoration:none !important;
}
.rightTab2 span{
	color:#fff !important;
	display:block;
	padding:10px 0px 0px 15px;
	width:168px;
	text-decoration:none;
	cursor:pointer;
}
.rightTab2 h3 {
	font-size:12px;
	margin-left:15px;
	margin-top:16px;
	padding-left:7px;
	color:#FF6600;
	background:url('../images/arrow.jpg');
	background-position:center left;
	background-repeat:no-repeat;
}

.rightTab3 a{
	background:url('../images/bann_4.jpg');
	background-repeat:no-repeat;
	width:240px;
	height:82px;
	float:left;
	display:block;
	text-decoration:none !important;
}
.rightTab3 span{
	color:#fff !important;
	display:block;
	padding:27px 0px 0px 65px;
	width:158px;
	text-decoration:none;
	cursor:pointer;
}
.rightTab3 h3 {
	font-size:12px;
	margin-left:110px;
	padding-left:7px;
	color:#FF6600;
	background:url('../images/arrow.jpg');
	background-position:center left;
	background-repeat:no-repeat;
}

#logos img {
	display:block;
	margin-top:15px;
	text-align:center;
}

.scroller {
	height:150px;
	overflow-y:auto;
	overflow-x:none;
}

.scroller ul{
	padding-right:5px;
}

.scroller a 
{
	font-size:11px;
}

#textContent {
padding:15px;

}

#textContent ul {
	font-size:12px;
}

#textContent li {
list-style-type:disc;
margin-left:25px;
margin-top:0px;
}

#body{position:relative;margin:auto;}

/* slide out menus */

.menuContent1 
{	
	margin: -4px 0px 0px 0px;
	background-color:#182029;
	border-left:2px solid #9AAEB7;
	border-right:2px solid #9AAEB7;
	border-bottom:2px solid #9AAEB7;
	width:138px !important;
	padding: 5px;
	color:#fff;
}

.menuContent1 a:link, .menuContent1 a:visited {
width:148px !important;
color:#fff;
height:38px !important;
margin-left:-5px;
float:none;
text-transform:uppercase;
}

.menuContent2 
{	
	margin: -4px 0px 0px 0px;
	background-color:#182029;
	border-left:2px solid #9AAEB7;
	border-right:2px solid #9AAEB7;
	border-bottom:2px solid #9AAEB7;
	width:138px !important;
	padding: 5px;
	color:#fff;
}

.menuContent2 a:link, .menuContent2 a:visited {
width:148px !important;
color:#fff;
height:38px !important;
margin-left:-5px;
text-transform:uppercase;
}

#contactForm {
margin:auto;
margin-top:20px;
}
#contactForm .field {
	width:200px;
	font-weight:bold;
}

#contactForm input, #contactForm textarea {
	width:250px;
	padding:0px;
}

#contactForm .button {
	background:#FFA239;
	color:#fff;
	font-weight:bold;
	width:60px;
	border:none;
}

#contactForm select {
	font-size:12px;
	margin:2px 0px 2px 0px;
}

.red {color:red;}
.black {color:#000;}
.blackBold {color:#000;font-weight:bold;text-align:center;}


.col3 {width:239px !important;margin-left:6px;}

.topLink {margin-left:407px;}

.list li 
{
	list-style-image:url('../images/bullet.gif') !important;
}

/* sliders */

		.collapsible
		{

			margin-top: 10px;
			padding-top:10px;
		}

		.collapsible p {
			margin: 1em 0;
		}

		.collapsible h2
		{
			padding: 0;
			margin: 0;
			font-size:14px;
			background:#1075EF;
			padding:3px;
		}

		.collapsible h2 a:focus {
			color: #404010;
		}

		.collapsible h2 a
		{
			display: block;
			color: #fff;
			text-decoration: none;
		}

		.closed h2 a
		{
			color: #fff;
		}

/*===========================================================================================================================CONTENT=======*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .title{ display:block; margin:0 0 17px 0px}
#content .title1{ display:block; margin:0 0 16px 0px}
#content .indent{ padding:24px 20px 43px 24px}
#content .indent1{ padding:21px 20px 43px 16px}
#content .pic_left{ float:left; margin:0px 17px 0px 0px}
#content .border{ border:1px solid #b7bbc1}
#content .border1{ border:1px solid #b7bbc1;}
#content .width_100{ width:100%}
#content .pic{ display:block; margin:0px 0px 12px 0px}
#content span a{ color:#9f3b0f; text-decoration:none; background:url(images/bg_decoration.gif) bottom left repeat-x; font-size:1.083em} 
#content span a:hover{ text-decoration:none; color:#fda127}

#content .color{ background:url(images/bg_color.gif) bottom left repeat-x #ebf2f7;}
#content .bg_color_left{ background:url(images/bg_color_left.gif) top left repeat-y}
#content .bg_color_right{ background:url(images/bg_color_right.gif) top right repeat-y}
#content .bg_color_top{ background:url(images/bg_color_top.gif) top left repeat-x}
#content .bg_color_bot{ background:url(images/bg_color_bot.gif) bottom left repeat-x}
#content .y_top_left{ background:url(images/y_top_left.gif) top left no-repeat; height:100%; width:100%}
#content .y_top_right{ background:url(images/y_top_right.gif) top right no-repeat; width:100%; height:100%}
#content .y_bot_left{ background:url(images/y_bot_left.gif) bottom left no-repeat; height:100%; width:100%}
#content .y_bot_right{ background:url(images/y_bot_right.gif) bottom right no-repeat; height:100%; width:100%}

#content .indent_color{ padding:15px 15px 0px 13px;min-height:280px;}
#content .indent_color1{ padding:19px 10px 26px 24px}
#content .indent_color2{ padding:19px 10px 40px 12px}
/*===========================================================================================================================CONTENT CLASS=======*/
#page1 #content .col1 .title{ margin:0 0 23px 0px}
#page1 #content .col1 p{ margin:5px 0 0 0px}

#page2 #content .col1 p{ margin:16px 0 11px 0px}
#page2 #content .col3 p{ margin:5px 0 10px 0px}

#page3 #content .col1 .box_1{ padding:27px 0 0px 0px}
#page3 #content .col1 .box_1 p{ margin:2px 10px 17px 0px}
#page3 #content .col1 .box_2{ padding:22px 0 0 0px}
#page3 #content .col1 .box_2 p{ margin:2px 0px 20px 0px}
#page3 #content .col3 p{ margin:1px 0 9px 0px}

#page4 #content .col1 p{ margin:16px 5px 11px 0px}
#page4 #content .col3 p{ margin:2px 0px 19px 0px}
#page4 #content .col3 .p1{ margin:18px 0 17px 0px}

#page5 #content .col1 p{ margin:0px 5px 23px 0px}

#page6 #content .col1 p{ margin:0px 15px 20px 0px}
#page6 #content .col1 a{ color:#1d2328; text-decoration:none; background:url(images/bg_decoration.gif) bottom left repeat-x}
#page6 #content .col1 a:hover{ text-decoration:none; color:#fda127}


/*============================================================================================================================FOOTER=======*/
#footer { height:88px; padding:21px 0 50px 2px; color:#505e66; font-size:0.75em }
/*#footer p{ margin:0 0 0 160px; float:left}*/
#footer a {color:#505e66; text-decoration:underline; font-weight:bold}  
#footer a:hover {  text-decoration:none}
/*#footer span{ word-spacing:6px; float:left}*/
#footer span a {color:#505e66; text-decoration:none; word-spacing:normal; font-weight:normal}  
#footer span a:hover {  text-decoration:underline}



/*============================================================================================================================FORM=======*/
.fright { float:right;}
.contacts_box { padding:0 45px 0 0px}

.h_f{ height:27px;}
.h{ height:19px; width:210px; margin:0px; padding:0 0 0 4px}
.indent_form{ margin:0 14px 0px 146px}


input{
   background:none;
   border:1px solid #b7bbc1;
   font-family:Arial;
   color:#1d2328;
   font-size:1em
}
textarea{
   background:none;
   border:1px solid #b7bbc1;
   width:224px; height:100px;
   font-family:Arial;
   color:#1d2328;
   font-size:1em;
   margin:0 0 10px 0px;
   padding:0 0 0 4px;
   overflow:auto}
