/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Basic Style Sheet (for version 4 browsers)

version:	1.0
author:		Heru Lutalo
email:		herulutalo@hotmail.com

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



* { 
	margin:0; 
	padding:0;
}

body { 
	background:#5e5e5e; 
	font-size:100%; 
	line-height:1em; 
	font-family:Georgia; 
	color:#6d6d6d; 
	text-align:center;
}


/*in_line*/
input, select, textarea { 
	vertical-align:middle; 
	font-weight:normal; 
	font-family:Georgia; 
	color:#6d6d6d; font-size:1em; 
	font-weight:normal; 
	padding-left:5px;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}

ul { 
	list-style:none;
}

/*==================list====================*/
ul{
	margin:0px; 
	padding:0px; 
	list-style:none;
}

ul li { 
	line-height:1.58em;
}

ul li a{
	text-decoration:underline; 
	color:#6d6d6d;
}

ul li a:hover{ 
	text-decoration:none;
}


ul.list_2 {
	margin:0px; 
	padding:0px; 
	list-style:none;
}

ul.list_2 li {
	line-height:1.58em;
	color:#2883c3;
}

ul.list_2 li a{
	text-decoration:underline;
	color:#2883c3;
}

ul.list_2 li a:hover{ 
	text-decoration:none;
}

/*==========================================*/

a {
	text-decoration:underline;
	color:#2883c3;
}

a:hover {
	text-decoration:none;
}

a.link {
	text-decoration:underline; 
	color:#6d6d6d;
}

a.link:hover {
	text-decoration:none;
}

h1 {
	font-size:1.2em;
	color:#2883c3;
	margin:0 0 20px 0;
	line-height:1.58em
}

h2 {
	font-size:1.1em;
	color:#2883c3;
	margin:0 10px 20px 0;
	line-height:1.58em;
}

h3 {
	font-size:1em;
	color:#333;
	line-height:1em;
	font-weight: bold;
	margin:0 10px 20px 0;
}

h5 {
	font-size:1em;
	color:#2883c3;
	margin:0 0 20px 0;
	line-height:1.58em
}
h5.font_1 {
	font-size:1.5em;
	color:#2883c3;
	font-weight:normal;
	margin:0;
	line-height:1.58em
}
h5.font_2 {
	color:#2883c3;
	font-weight:normal
}

.font_1 {
	color:#2883c3
}

p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 19px;
	margin-left: 0;
	padding-right: 15px;
}

.p1 {
	margin:0 0 10px 0;
}

.clear { 
	clear:both;
}

.top_bg {
	background:url(images/top_bg.gif) repeat-x top #e6e6e6;
}

/*header*/
#header {
	height:489px;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}
#header img {
	margin-top:428px;
}

.logo {
	position:absolute;
	margin-top: 148px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 420px;
}

.slogan {
	position:absolute; 
	margin:317px 0 0 0;
}

/*navigation*/

/*menu container*/

.menucontainer{
	height: 56px;
	background-color:#2883c3;
	background-image: url(images/bgOFF.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*basic menu styling*/

.menu {
	float:left;
	font-family: arial,verdana,sans-serif;
	width:100%;
	position:relative;
	font-size:11px;
	font-weight:bold;
	background:url(images/bgOFF.gif) repeat-x bottom left;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #90d3f1;
}

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	float:left;
	position:relative;
}

.menu ul li {
	float:left;
	position:relative;
	display:inline;
	background:url(images/bgDIVIDER.gif) no-repeat bottom right;
}

/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {
	float:left;
	display:block;
	text-decoration:none;
	color:#000;
	width:auto;
	color:#666;
	padding:0px 16px 0px 16px;
	line-height:40px;height:40px;
}

* html .menu ul li a, .menu ul li a:visited {
	width:auto;
	w\idth:auto;
}

/*hide sub nav items*/
.menu ul li ul {
	display:none;
}

/*clear the main nav bg*/
.menu ul li ul li{
	background:none;
}

/*style for table of sub nav items*/
table {
	margin:-1px;
	border-collapse:collapse;
	font-size:11px;
}

/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {
	color:#2883c3;
	background: transparent url(images/bgON.gif) bottom left repeat-x;
}

/*show drop-down list*/
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:36px;
	margin-top:1px;
	left:0;
	width:100%;
	border-top:1px solid #fff;
}

/*drop-down on state*/
.menu ul li:hover ul li a {
	display:block;
	background:#e3e3e3;
	color:#333;
	height:auto;
	line-height:16px;
	padding:2px 16px 2px 16px;
	width:120px;
	border-top:1px solid #fff;
}

/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {
	color:#fff;
	background: #B2883c3 url(images/sub-arrow.gif) no-repeat;
	background-position: 4px 8px;
}


/*content*/
#content { font-size:0.80em; line-height:1.58em; background:#fff}
.content_indent {padding:18px 25px 34px 19px}

.title {margin-bottom:11px}
.title2 {margin-bottom:16px}
.img_left {float:left; margin:0 20px 20px 0}
.img_left2 {float:left; margin:5px 20px 15px 0}
.img_right2 {
	float:right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 20;
}
.img {margin-bottom:14px}

.line_y {background:url(images/line_bg.gif) repeat-y right top}
.line_x {background:url(images/line_bg.gif) repeat-x bottom}

.line {background:url(images/line_bg.gif) repeat-x top; height:16px; margin:-4px -4px 0 -22px}

.banner{
	border: 1px solid #666;
}

/*footer*/
#footer {
	background:url(images/footer_bg.gif) repeat-x top;
	width:100%;
	text-align:center;
	padding:23px 0 23px 0;
	font-size:0.75em;
	line-height:1.58em;
color:#fff
	border: 1px solid #999;
	color: #FFF;
}
#footer a {color:#fff; text-decoration:underline}
#footer a:hover {text-decoration:none}

/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:13px 0 0 0}
#page1 #content .col_2 .indent_1 { padding:14px 4px 28px 22px}
#page1 #content .col_2 .indent_2 { padding:22px 4px 15px 22px}
#page1 #content .col_2 .indent_3 { padding:22px 4px 15px 22px}

/*================== index-1.html ==================*/
#page2 #content .col_1 .indent_1 { padding:13px 20px 21px 0}
#page2 #content .col_1 .indent_2 { padding:22px 22px 15px 0}
#page2 #content .col_2 .indent { padding:14px 4px 28px 22px}

/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:14px 25px 37px 0}
#page3 #content .col_2 .indent_1 { padding:14px 4px 33px 22px}
#page3 #content .col_2 .indent_2 { padding:22px 10px 15px 22px}

/*================== index-3.html ==================*/
#page4 #content .col_1 .indent { padding:14px 25px 10px 0}
#page4 #content .col_2 .indent { padding:14px 4px 20px 22px}
#page4 #content .col_1 .indent_2 { padding:22px 25px 25px 0}
#page4 #content .col_2 .indent_2 { padding:22px 4px 25px 22px}

/*================== index-4.html ==================*/
#page5 #content .col_1 .indent { padding:14px 25px 10px 0}
#page5 #content .col_2 .indent { padding:14px 20px 17px 22px}
#page5 #content .col_1 .indent_2 { padding:22px 30px 23px 0}
#page5 #content .col_2 .indent_2 { padding:22px 25px 23px 22px}

/*================== index-5.html ==================*/
#page6 #content .col_1 .indent_1 { padding:14px 20px 40px 0}
#page6 #content .col_1 .column_1 .indent { padding:22px 30px 25px 0}
#page6 #content .col_1 .column_1 span {float:right; margin-right:20px}
#page6 #content .col_1 .column_2 .indent { padding:22px 20px 25px 22px}
#page6 #content .col_2 .indent { padding:14px 4px 18px 22px}

input[type="text"] {width:218px; height:17px}
.div_input {height:23px}
textarea {width:218px; height:194px; overflow:auto; margin-bottom:10px; display:block}
.div_links {text-align:right; word-spacing:37px; width:223px}

/*================== index-6.html ==================*/
#page7 #content .content_indent {padding:32px 45px 55px 19px}

/*================== Newsletter Forms ==================*/

.myForm td, input, select, textarea, checkbox  {
		font-family: tahoma;
		font-size: 12px;
	}

.required {
		color: red;
	}

input, textarea{margin: 10px 0;}

.subject{margin-right: 10px;}

input[type="image"]{padding-left: 0px;}

#contactform input.required {
	background:#f5f5f5 url('images/required.gif') center right no-repeat;
	
}

#contactform .select select:focus {
	border-color: #9b9b9b;
}
#contactform form input.btn
	{
		background:none;
		border:none;
	}

form.c1 input:hover,textarea:hover
	{
		border:1px solid #d8d8d8;
	}

/* Error / Success / Notice 
------------------------------------------------------------- */

.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }

.notes,.notice,.success,.error
			{
				padding:10px;
				font-size:10px;
				color:#000;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:1.2em;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
			}

#note {width:90%;margin:0 auto; }