body {
	margin:0;
	padding:0 0 2em 0;
	background-color: #FFFFFF;
	color:#FFFFFF;
}
body, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
body.home {
	background-color: #004b6d;
}
h2 {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	color:#ffff52;
	font-size:20px;
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}
p.indent {
	margin-left:40px;
}

/* header */


#header {
	background:#006a9b center top repeat-x url("../images/bg_header.png");
}
#headercontent, #bannercontent, #maincontent, #mainpagecontent, #pageinformation {
	width:770px;
	margin:0 auto;
}

#headercontent {
	height:110px;
}
#headercontent img {
	margin-top:20px;
}

#header ul {
	float:right;
	margin: 0;
	padding:40px 0 0 0;
	text-align: right;

}
#header li {
	display: inline;
}
#header a {
	text-decoration: none;
	color: #77acc5;
	background:left center no-repeat;
	padding-left:22px;
	margin-left:10px;
}
#header a:hover {
	color: #FFFFFF;
}
#header .home a { background-image:url(../images/homepage_logo.gif) }
#header .contact a { background-image:url(../images/contactus_logo.gif) }


/* banner */


#banner {
	background:url("../images/banner.jpg") center top no-repeat;
	border-bottom:4px solid #000000;
}

#bannercontent {
	height:200px;
}
#bannercontent ul {
	margin:0;
  padding:0;
  list-style:none;
}
#bannercontent li {
	float:left;
	background:url("../images/norm_right.gif") no-repeat right top;
	background-color:#000000;
	margin-top:175px;
	padding:0;
}
#bannercontent a {
	text-decoration: none;
	color:#FFFFFF;
	display:block;
	background:url("../images/norm_left.gif") no-repeat left top;
	padding:5px 10px;
}
#banner a:hover {
	color: #FFFF66;
	background:url("../images/blue_left.gif") no-repeat left top;
}
#bannercontent li:hover {
	background:url("../images/blue_right.gif") no-repeat right top;
	background-color:#0878a8;
}
#bannercontent p {
	color:#000000;
}

#banner p.caption {
	width:260px;
	float:right;
	margin-top: 50px;
}
#banner p.caption em {
	display:block;
	margin-top: 0.5em;
}


/* main */


#main {
	background:center top repeat-x url("../images/bg_main.png");
	min-height:286px;
}

#maincontent h2 {
	color:#FFFF66;
	font-size:22px;
	font-weight:normal;
}

div.homecol {
	float:left;
	margin:20px 20px 20px 0;
}
div.left		{ width:240px }
div.middle	{ width:240px }
div.right		{ width:250px; margin-right:0 }

#maincontent .homecol a {
	text-decoration: none;
	color:#000000;
	display:block;
	background:url("../images/link_left.gif") no-repeat left top;
	padding:5px 25px 5px 10px;
}
#maincontent span {
	float:left;
	background:url("../images/link_right.gif") no-repeat right top;
	padding:0;
}


/* solution */

#solution {
	background:#FFFFFF;
}
#solution p {
	color:#FFFFFF;
}

#solution ul {	
	margin:0;
	padding:0;
	text-align:left;
}
#solution li {
	margin-bottom:5px;
}

div.pageleft, div.pagemiddle, div.pageright {
	float:left;
	width:235px;
	margin:20px 20px 20px 0;
}


#topleft, #topmiddle, #topright {
	padding:1px 20px;
}
#topleft a, #topmiddle a, #topright a {
	color:#000000;
	text-decoration:none;
	background:url("../images/link_end.gif") no-repeat right center;
	padding-right:10px;
	padding-bottom:1px;
}
#bottomleft, #bottommiddle, #bottomright {
	padding-top:10px;
	padding-left:20px;
	height:135px;
}
#bottomleft li, #bottommiddle li, #bottomright li {
	list-style:none;
}
#bottomleft a, #bottommiddle a, #bottomright a {
	color:#FFFFFF;
	text-decoration:none;
	background:url("../images/link_arrow.gif") no-repeat left center;
	padding-left:20px;
}


/* left */
#topleft {
	background:url("../images/top1.png") no-repeat right top;
}
#bottomleft {
	background:url("../images/bottom1.png") no-repeat right bottom;
}

#mainpagecontent a.mainlink {
	text-decoration: none;
	color:#000000;
	display:block;
	background:url("../images/link_left1.gif") no-repeat left top;
	padding:5px 25px 5px 10px;	
}
#mainpagecontent span {
	float:left;
	background:url("../images/link_right1.gif") no-repeat right top;
	padding:0;
	margin-top:15px;
}


/* middle */
#topmiddle {
	background:url("../images/top2.png") no-repeat right top;
}
#bottommiddle {
	background:url("../images/bottom2.png") no-repeat right bottom;
}

#mainpagecontent a.mainlink2 {
	text-decoration: none;
	color:#000000;
	display:block;
	background:url("../images/link_left2.gif") no-repeat left top;
	padding:5px 25px 5px 10px;	
}
#mainpagecontent span.rightlink {
	float:left;
	background:url("../images/link_right2.gif") no-repeat right top;
	padding:0;
}


/* right */
#topright {
	background:url("../images/top3.png") no-repeat right top;
}
#bottomright {
	background:url("../images/bottom3.png") no-repeat right bottom;
}

#mainpagecontent a.mainlink3 {
	text-decoration: none;
	color:#000000;
	display:block;
	background:url("../images/link_left3.gif") no-repeat left top;
	padding:5px 25px 5px 10px;	
}
#mainpagecontent span.rightlink1 {
	float:left;
	background:url("../images/link_right3.gif") no-repeat right top;
	padding:0;
}


/* mainpage */

#mainpage {
	color:#333333;
	line-height:160%;
}
#mainpage h2 {
	color:#0072a9;
}
#mainpage h3 {
	font-size:16px;
	font-weight:normal;
	color:#0072a9;
	margin-top:0;
}
#mainpage h4 {
	font-size:16px;
	margin-top:0;
}
#mainpage a {
	text-decoration:none;
	color:#0072A9;
	border-bottom:dotted 1px #8CBFD8;
	padding:0 1px;
}
#mainpage a:hover {
	background-color:#D9EAF2;
	border-bottom:solid 1px #8CBFD8;
}
#mainpage a.hidden {
	border:none;
	padding:0;
}
#mainpage a.hidden:hover {
	background:none;
}


#pageinformation {
	padding-top:2px;
}


.three_col {
	float:left;
	width:230px;
	margin-right:25px;
}
.three_col.right {
	width:260px;
	margin-right:0;
}
.three_col .input {
	width:90%;
	margin-bottom:0.25em;
}


/* video */

#video { width:274px; height:200px; float:right; text-align:center; }
#video em { color:#999999; }