/* ----------------------------- STYLING  ----------------------------- */

body {
	color: #444;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
}

body, .intro {
	background-color: #D6E7EF;
}

#page, .focus {
	background-color: #F7F7F7;
}

.focus {
	border-color: #E6E6E6;
}

a, a.active:hover {
	color: #009EB5;
	text-decoration: none;
}

a.active, a:hover, .focus {
	color: #000031;
	text-decoration: none;
}

#header, #page .content {
	background-color: #FFF;
}

#navmenu ul, #nav, .active, #atabs.hmenu a:hover, #atabs.hmenu .active {
	background-color: #5ABACE;
}

.hmenu a, .hmenu  {
	color: #FFF;
}

.hmenu a:hover, .current, .over, .active, #atabs {
	background-color: #000031;
	color: #FFF;
}

.hmenu a, .hmenu span, #navmenu, #atabs, .hmenu ul a {
	border-color: #FFF;
}

#phone {
	background-image: url(../images/phone.gif);
}

#email {
	background-image: url(../images/email.gif);
}

.intro, #page, .columns {
	border-color: #B5D2DF;
}

.sub {
	color: #8B999F;
}

.sub .focus {
	color: #69777D;
}

.sub .focus h3 {
	color: #47555B;
}

.portaltable {
	width: 100%;
	border-collapse: collapse;
}

.portalcontent {
	width: 400px;
	vertical-align: top;
	padding-right: 100px;
}

.portalseparator {
	width: 100px;
}

.portalfootersmall {
	height: 100px;
	background-color: rgb(90,186,206);
	font-family: arial;
	font-size: 13px;
	color: white;
	text-align: left;
	padding: 10px 10px 10px 5px;
}

.portalfooter {
	background-color: rgb(90,186,206);
	font-family: arial;
	font-size: 21px;
	color: white;
	text-align: center;
	padding: 20px 20px 5px 20px;
}

.portalfooter img {
	border: 0;
	padding-top: 0px;
}

.portalfooterseparator {
	height: 100px;
	background-color: rgb(90,186,206);
}

.samnextprevious img {
	border: 0;
}