!!!!!!!/* CSS Document */!!!!!!!!

/*		Navigation core 	*/

.navig {
	line-height: 1;
	margin: 0 0 1.2em 0;
	display: block;
	position: relative;
}

/* remove all list stylings */
.navig, .navig ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

/* move all list items into one row, by floating them */
.navig li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
}

/* initialy hide all sub menus */
.navig ul {
	/*width: 100%;*/
	display: block;
	visibility: hidden;
	position: absolute;
	clear: both;
	top: 1.2em;/* watch for this value! you must make sure that this value and value of 

line-height for the parent items are such that it is possible to move the mouse over to 

submenu */
	left: 0;
}

/* -- float.clear -- force containment of floated LIs inside of main UL */
.navig:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* -- float.clear.END --  */

.navig li.selected ul, .navig li:hover ul {
	visibility: visible;
}

.navig li.selected ul {
	z-index: 10;
}

.navig li:hover ul {
	z-index: 100;
}

/*		Navigation make-up 	*/

.navig {
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	/*margin: 3em auto 5em;*/
	padding: 0 1em;
	border: 1px solid #03c;
	border-width: 1px 0;
	width: 48em;	/* this value should be close to what is needed for elements to stay 

on one line */
}

.navig a {
	color: #619AAE;
	text-decoration: none;
	padding: 0.5em 5px 0.7em;
	display: block;
}

.navig li {
	margin: 0;
	border-right: 1px dotted #fff;
}

/* if the following selector was ".navig li:hover a" IE7 will NOT render nested UL! the 

reason is the background-color rule. */
.navig li:hover {
	color: #000;
	background-color: #6fddbe;
}
/* which is why the link is styled separatelly */
.navig li:hover a {
	color: #000;
}

.navig li:hover ul {
	background-color: #6fddbe;
}

/* always pay attention that the value for top is such that it is possible to move the mouse 

over to submenu */
.navig ul {
	top: 2em;
	padding: 0 1em;/* should be identical to .navig, for best results */
	color: #000;
	background-color: #6fddbe;
	width: 48em;
}

.navig li li {
	border-right: 1px dotted #999;
}

.navig li li a {
	color: #000;
}

.navig li li a:hover {
	text-decoration: underline;
}

/* fix the colors for selected item and submenu, for better usability */

.navig li.selected a, .navig li.selected, .navig li.selected a:hover {
	color: #000;
	background-color: #6fddbe;
}

.navig li.selected, .navig li.selected:hover a, .navig li.selected ul {
	background-color: #6fddbe;
}

.navig {
	height: 1%;
}

.navig .twolevelhover ul {
	visibility: visible;
	z-index: 100;
}

.navig {
	padding: 0 0px;
}
.navig ul {
	padding: 0 0px;/* MUST BE IN pixels for the next rule to work properly */
	width: expression((this.parentNode.parentNode.offsetWidth - 

parseInt(this.currentStyle.paddingLeft) - parseInt(this.currentStyle.paddingRight)) + 'px');
}

.navig .twolevelhover a {
	color: #000;
	background-color: #6fddbe;
}

.navig .twolevelhover ul {
	background-color: #6fddbe;
}
/*START ORIGINAL STYLE SHEET*/
table { border:0px; border-collapse:collapse ; width:100%} 
td {vertical-align:top; padding:0px; }


td, table, select,  input, textarea{
	font-family:arial;
	font-size:12px;
	vertical-align:top;
	line-height:20px;
	color:#656565
}

form { margin:0px; padding:0px}
body { margin:0px; padding:0px;}

.tab a{ color:#505050; text-decoration: none; text-transform:uppercase}
.tab a:hover{ text-decoration:underline} 
.tab td{ height:70px; vertical-align:middle; padding-left:80px; padding-right:5px}

.tab1 td{ height:70px; vertical-align:middle; padding-left:15px; padding-right:15px; background: url("images/td.jpg") no-repeat left bottom}
.tab1 a{ color:#505050; text-decoration: none; text-transform:uppercase}
.tab1 a:hover{ text-decoration:underline} 

.tab2 td{ height:70px; vertical-align:middle; padding-right:15px; background: url("images/td.jpg") no-repeat left bottom}
.tab2 a{ color:#505050; text-decoration: none; text-transform:uppercase}
.tab2 a:hover{ text-decoration:underline}
.tab2 img{ margin-right:20px}
.tab2 div{ margin-left:90px} 


a{ color:#656565; text-decoration:none}
a:hover{ text-decoration:none}

.bg{ background:#99B3BA}
.bg1{ background:  url("images/logo_bg.jpg") no-repeat; text-align:center}
.bg2{ background: url("images/bg1.jpg") no-repeat left bottom}
.bg3{ background: url("images/bg2.jpg") no-repeat left bottom}
.bg4{ background: url("images/bg3.jpg") no-repeat left bottom}
.bg5{ background: url("images/bg4.jpg") no-repeat left bottom}
.bg6{ background: url("images/bg5.jpg") no-repeat left bottom}

span a{ color:#505050; text-decoration:none; background: url("images/marker.gif") no-repeat 0 4px; padding-left:12px; text-transform:uppercase}
span a:hover{ text-decoration:underline}

span { text-transform:uppercase}

/*ul{margin:0px; padding:0px; list-style:none; line-height:18px}
ul li{ background:url(../gspTest/images/list_bg.gif) no-repeat 0 7px; padding-left:14px }
ul li a{ color:#cc0;  text-decoration: none; font-weight: 400}
ul li a:hover{ text-decoration: underline}*/

.header{ height:51px}
.header a{ color:#505050; text-decoration:none; text-transform:uppercase}
.header a:hover{ text-decoration:none}

.footer{ color:#505050; height:95px; vertical-align:middle; text-transform:uppercase}
.footer a{ color:#505050; text-decoration:none}
.footer a:hover{  text-decoration:underline}

.indent{ padding:27px 49px 15px 0}
.indent1{ padding:27px 15px 15px 0}

.form input {
	width:215px;
	height:22px;
	color: #656565;
	border:#DEDEDE 1px solid;
	padding:1px 0 0 6px;
	line-height:15px;
	background-color:#FFFFFF;
}

.form textarea {
	width:215px;
	height:263px;
	color: #656565;
	border:#DEDEDE 1px solid;
	overflow: auto;
	padding:1px 0 0 6px;
	line-height:15px;
	background-color:#FFFFFF;
}


.style1 {
	font-size: 14px;
	font-weight: bold;
	color: #cc0;
}
.style3 {color: #cc0; font-size: 14px;}
#nav {position:relative;top:4px; background-color:#000}