/* CSS Document */

html { height: 100%;}

body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666666;
	background-color: #FFFFFF;
	margin: 0px;
	line-height: 14px;
	background-image: url(../images/header.jpg); 
	background-position: center;
	background-position:top;
	background-repeat:no-repeat;

}

.containerwrap { 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px auto 0px; 
	WIDTH: 955px; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: left;
}

#header { 
	width: 100%;
	height: 172px;
}

#navholder { 
	width: 955px;
	padding-top: 0px;
	position: relative;
	height: 41px;	
}

#nav { 
	width: 780px;
	padding-top: 0px;
	position: relative;
	height: 41px;
	float: left;
	
}

#nav ul {margin: 0; padding: 0;}
#nav li {display: inline; padding: 0; margin: 0;}

#email { 
	width: 170px;
	padding-top: 6px;
	position: relative;
	height: 35px;
	float: right;
	text-align: right;

}

#email ul {margin: 0; padding: 0;}
#email li {display: inline; padding: 0; margin: 0;}

#navtile { 
	width: 100%;
	height: 67px;
	background-image: url(../images/navtile.gif); 
	background-position: center;
	background-position:top;
	background-repeat: repeat-x;
}

#bodysection { 
	width: 955px;
	padding-top: 0px;
	position: relative;
}

a {
	color: #00349C;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #666666;
	font-weight:normal;
	text-decoration:underline;
}

.bold_red {  
	color: #4aaa42;
	font-weight: bold;
}

.titletext {font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 18px; letter-spacing: -1px; font-weight: bold; text-decoration: none; background-color: transparent; color: #990033; margin-bottom: 0px; BORDER-BOTTOM: #E8E5DE 0px solid;	text-align: left; }

#home {
	width: 955px;
	height: 131px;
	position: relative;
}

#homelink {
	Z-INDEX: 99; LEFT: 0px; POSITION: absolute;
}

#homelink A {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 240px; PADDING-TOP: 110px; HEIGHT: 0px! important; BORDER-RIGHT-WIDTH: 0px;
}

#homelink A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%
}

#content { 
	width: 955px;
	padding-top: 30px;
	position: relative;
	padding-bottom: 10px;
	
}

#col-left  { float: left; width: 380px; text-align: left;}

#col-right { float: right; width: 547px; height: 170px; text-align: left; background-color: #ffffff;}

#quote {
float:left;
width: 500px;
margin: 0 25px;
margin-top: 15px;
}

.name {
margin-right: 30px;
text-align:right
}


.inv { display: none; }

.clear { clear: both; }

#footer { padding: 12px; margin-left: 0px; width: 928px; position: relative; BORDER: #F5F2EB 1px solid; height: 33px;}

#flower  { float: left; width: 530px; text-align: left;}

#anim { float: right; width: 386px; text-align: left; padding-top: 4px;}

#logos { padding-top: 15px; margin-bottom: 0px; width: 955px; height: 276px; position: relative; BORDER-TOP: #F5F2EB 1px solid;}

#address  { float: left; width: 450px; text-align: left; padding-left: 5px;}

#legal { float: right; width: 460px; text-align: left; text-align: right; padding-right: 5px;}

#legal ul {margin: 0; padding: 0;}
#legal li {display: inline; padding: 0; margin: 0;}

#fullnews {
	background-image: url(../images/latestnews_home.gif);
	background-position: left;
	background-repeat:no-repeat; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: right; 
	Width: 522px; 
	Height: 15px;
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	MARGIN-BOTTOM: 8px;
	MARGIN-TOP: 8px;  
	text-align:right;
	background-color: #FFFFFF
}

#news {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	WIDTH: 522px; 
	height: 127px; 
	PADDING-BOTTOM: 0px; 
	MARGIN-LEFT: 0px; 
	PADDING-TOP: 0px; 
	text-align:left;
	background-color: #FFFFFF
}

#newslist  {
	PADDING: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; LIST-STYLE-TYPE: none; BORDER-bottom: #e8e5de 0px solid;
} 

#newslist LI {
	LIST-STYLE-TYPE: none; PADDING: 0px; MARGIN: 0px 0px 0px 0px; BORDER-BOTTOM: #e8e5de 1px solid; 
}

#newslist LI A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 17px; BACKGROUND: url(../images/over1.gif) no-repeat 97% ; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; POSITION: relative; color: #00349C; font-weight: normal; WIDTH: 508px;
}

#newslist LI A:hover {
	BACKGROUND-IMAGE: url(../images/over.gif); BACKGROUND-COLOR: #F4F4F6; color: #666666;
}

#newslist LI A:active {
	BACKGROUND-IMAGE: url(../images/over.gif); BACKGROUND-COLOR: #E4E4E5;
}

a.arrow {BACKGROUND: url(../images/redarrow.gif) no-repeat 100% ; background-position: left; padding-left: 14px}



/* NAVIGATION */



#navbar {
	margin: 0px;
	padding: 0px;
	height: 41px;
	list-style: none;
}

#navbar li {
	float: left;
}

#navbar a {
	text-decoration: none;
	display: block;
	height: 41px;
	text-indent: -5000px;
}
#navbar #index {
	background: url(../images/home-but.gif) no-repeat 0px 0px;
	width: 60px;
}
#navbar #index:hover {
	background-position: 0 -41px;
}

#navbar #about {
	background: url(../images/about-but.gif) no-repeat 0px 0px;
	width: 169px;
}
#navbar #about:hover {
	background-position: 0 -41px;
}

#navbar #services{
	background: url(../images/services-but.gif) no-repeat 0px 0px;
	width: 101px;
}
#navbar #services:hover {
	background-position: 0 -41px;
}

#navbar #sector {
	background: url(../images/sector-but.gif) no-repeat 0px 0px;
	width: 86px;
}
#navbar #sector:hover {
	background-position: 0 -41px;
}

#navbar #leg {
	background: url(../images/legislation-but.gif) no-repeat 0px 0px;
	width: 121px;
}
#navbar #leg:hover {
	background-position: 0 -41px;
}
#navbar #legselected {
	background: url(../images/legislation-button-over.gif) no-repeat 0px 0px;
	width: 121px;
}

#navbar #products {
	background: url(../images/products-but.gif) no-repeat 0px 0px;
	width: 103px;
}
#navbar #products:hover {
	background-position: 0 -41px;
}

#navbar #currentnews {
	background: url(../images/news-but.gif) no-repeat 0px 0px;
	width: 137px;
}
#navbar #currentnews:hover {
	background-position: 0 -41px;
}

#navbar #links {
	background: url(../images/links-but.gif) no-repeat 0px 0px;
	width: 121px;
}
#navbar #links:hover {
	background-position: 0 -41px;
}
form {
	margin:0;
	padding:10px 0;
}
/* label, .label {
	width: 70px;
	float: left;
	margin: 2px 10px 0px 0px;
	font-weight: bold;
	text-align: left;
} */
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
	padding: 2px;
	background-color: #fff;
	border: solid #ccc 1px;
	margin-bottom: 9px;
}
.noborder {border:none}
.buttons { text-align:center; margin:20px 0}
.submitbutton { background-color:#4aaa42; color:#fff; font-weight:bold; width:100px}
.resetbutton { background-color:#4aaa42; color:#fff; font-weight:bold; }




/* All form elements are within the definition list for this example */
dl {
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 110px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 220px;
    margin: 0 0 0px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -240px; 
    width: 200px;
    margin-top: -5px;
    border: 1px solid #ccc;
    padding: 6px 10px 10px 10px;
	font-size: 10px;
	color: #999999;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #f4f4f4 url(../images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}
.image-align {
	padding:0px;
	margin:0px;
	vertical-align:middle;
	border: 0;
}