/* HIA Portal external only - don't copy this*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin:0px;
	height:100%;
	width:100%;
	background-image:url(images/bg.gif);
	line-height:145%;
}
#wrapper {
margin-top:15px;
margin-bottom:20px;
width: 970px;
margin-left:auto;
margin-right:auto;
text-align:left;
border:1px solid #CCEAF4;
background-color:#FFFFFF;

}
#logo { 
float: left;
margin:20px 0 22px 14px;
}
#byline { 
float: right;
margin-top:50px;
margin-right:24px;
 }
#blue {
background-color:#009BCD;
width: 940px;
height:25px;
margin-left:15px;
clear:both;
}
#bluebox {
float:right;
background-image:url(images/bg_bluebox.gif);
background-repeat:repeat-y;
background-position: 0 0;
width:76px;
height:119px;
margin-left:1px;
}
* html #bluebox { margin-left:-1px;}
#headerimages{
height:120px;
width:716px;
margin-left:15px;
float:left;
}
* html #headerimages { margin-left:8px;}
/*-- 3 column layout --*/
.threecol #leftnav { float: left; width: 181px; }
.threecol #middle { margin: 0 220px 0 0; background-color:#FFFFFF; border-top: 1px solid #ffffff;}
.threecol #rightcol { width: 220px; float: right; margin: 0 0 0 0; background-color:#0B8496;}

/*-- the following fixes the 3 pixel problem in IE for the float right div --*/
* html .threecol #middle { height: 1%; margin-right: 0px; }
* html .threecol #rightcol { margin-left: -3px; }
/*-- left nav --*/
#left ul li{
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background-color:#0B8496;
	height:24px;
	overflow:hidden;
	}
#left ul li a:link, #left ul li a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration:none;
	padding: 4px 0 0 7px;
	display:block;
	height:23px;
	background: url(images/bg_visitnav08.jpg) no-repeat 0 0;
}
/*-- 2 column layout --*/
#content {
margin: 0 15px 0 0;
	voice-family: "\"}\""; /* hide the following rules from IE5 */
	voice-family:inherit;
	overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
}
.twocol #left { float: left; width:680px; }
.twocol #right { width: 220px; float: right; margin: 0 0 0 0; height:630px;}


/*-- the following fixes the 3 pixel problem in IE for the float right div --*/
* html .twocol #left { height: 1%; margin-right: 0px; }
* html .twocol #right { margin-left: -2px; }





.copy {
padding:10px 15px 5px 15px ;
width:700px;
}

#box {
	height:218px;
	width:642px;
	background-image:url(images/gr_presenter.jpg);
	background-repeat:no-repeat;
	margin:5px 0 10px 64px;

}
#bluelinks {
background-color:#0B8496;
width: 718px;
height:114px;
margin-left:15px;

}
#footer {
clear:both;
background-color:#009BCD;
height:45px;
padding:2px 15px 2px 15px;
}
a, a:visited {
	color: #0075BF;
	text-decoration: underline;
}
a:hover {
    color: #28A88B;
}

.wrapleft { border:0; float:left}
.wrapright { border:0; float:right}

.footlink, .footlink:visited {
font-size : 10px;
color:#fff;
text-decoration: underline;
}
.footlink:hover{
font-size : 10px;
color:#BAD304;
text-decoration: underline;
}
.smallwhite {
font-size : 10px;
color:#FFFFFF;
}

.smaller {
font-size : 10px;
}
li{
list-style-image: url(images/gr_arrow.gif);
line-height: 130%;
margin-bottom: 2px;
margin-top: -2px;
margin-left: 20px;
}
ul {
margin-top:6px;
margin-bottom:0px;
}