/* Firefox and co will scale text specified at a particular point size... IE won't. */
body	{
	background-color:	white;
	text-align:	center;
	padding:	0;
	padding-bottom:	1em;
	margin:	0;
	font-family:	tahoma, sans-serif;
	font-size:	10pt;
	color:	#002244;	
}
p	{
	margin-top:	0em;
	margin-bottom:	1em;
}
big	{
	font-size:	1.1em;
}
a	{
	text-decoration:	none;
}
a:hover	{
	background-color:	white;
	text-decoration:	underline;
}
a img	{
	border:	0;
}
/* skipper links, unseen to all but screen-readers */
#skiptonav	{
	position:	absolute;
	left:	-999em;
}
#skiptocontent	{
	position:	absolute;
	left:	-999em;
}
div#container	{
	margin:	auto;
	margin-top:	50px;
	text-align:	left;
	background-color:	#F7FAFD;
	background-image:	url(./content_fill.jpg);
	background-position:	top left;
	border:	1px solid #BABED2;
	border-top: 1px solid #858CB1;
	width:	720px;
	color:	#20202e;
	position:	relative;
}

div#cornerbackground	{
	background-image:	url(./beach.jpg);
	background-position:	bottom right;
	background-repeat:	no-repeat;
}
div#logo	{
	position:	absolute;
	width:	192px;
	height:	212px;
	border:	1px solid #ADB2C9;
	left:	20px;
	top:	-30px;
	background-color:	white;
	z-index:	10000;
}
#logotext	{
	position:	absolute;
	left:	-999em;
}
div#logoimage1	{
	width:	192px;
	height:	136px;
}
div#logoimage2	{
	width:	192px;
	height:	76px;
}
div#logoshadow	{
	position:	absolute;
	background-image:	url(./logoshadow.png);
	margin-top:	-1px;
	margin-left:	-1px;
	width: 205px;
	height:	225px;
	z-index:	9000;
}
div#info	{
	float:	left;
	width:	192px;
	margin-left:	20px;
	margin-top:	170px;
	margin-bottom:	15px;
	color:	#42669C;
	/* here to fix double-margin on float */
	display:	inline;
}
div#header	{
	border-bottom:	1px solid #BABED2;
	background-color:	#E5EEF7;
	padding:	.5em 0 6px 0;
	margin:	0;
	float:	left;
	width:	100%;
}
/* menu stuff */
#nav, #nav ul {
	text-align:	center;
	padding: 0;
	margin:	0;
	list-style: none;
}
#nav	{
	padding-left: 232px;
}
#nav a {
	display: block;
	color:	#42669C;
	text-decoration:	none;
	padding:	4px .7em;
	margin:	0;
	font-family:	tahoma, sans-serif;
	font-size:	.8em;
	letter-spacing:	.1em;
	border:	1px solid #E5EEF7;
}
#nav a#currentpage	{
	font-size:	.8em;
	font-weight:	bold;
	border:	1px solid #42669C;
	background-color:	#EFF5FB;
}
#nav li {
	float:	left;
}
#nav li ul li	{
	display:	block;
	text-align:	left;
	background-color:	#EFF5FB
}
#nav li ul {
	position: absolute;
	left: -999em;
	margin-top:	-1px;
	border:	1px solid #42669C;
	width:	10em;
	background-color:	#EFF5FB;
}
#nav li ul a	{
	display:	block;
	width:	10em;
	padding:	.5em .5em .5em .6em;
	letter-spacing:	0;
	background-color:	#EFF5FB;
}
#nav li ul a:hover	{
	background-color:	#E5EEF7;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* content stuff */
div#content	{
	margin-left:	234px;
	padding:	4em 14px 40px 0;
	text-align:	justify;
	line-height:	1.5em;
}
div#content	a	{
	color:	#0D48A1;
}
div#footer	{
	clear:	both;
	text-indent:	5px;
	border-top:	1px solid #E0E2EC;
	font-family:	tahoma, sans-serif;
	background-color:	#FAFCFE;
	font-size:	.7em;
	color:	#bbbbbb;
	padding-bottom:	1px;
	letter-spacing:	.10em;
}
div#footer a	{
	color:	#bbbbbb;
	text-decoration:	inherit;
}
.vcard	{
	font-size:	.8em;
	margin-bottom:	15px;
}
.vcard .org, .vcard .email, .vcard .country-name	{
	display:	none;
}
address {
	display:	block;
	font-style:	normal;
	margin-bottom:	15px;
}
label	{
	margin-top:	2px;
	font-size:	.8em;
	color:	#7380AF;
}
#formemail	{
	margin-left:	10px;
	margin-top:	3px;
	width:	90%;
	background-color:	#FAFCFE;
	border:	1px solid #E0E2EC;
	color:	#002244;
}
#formtext	{
	margin-left:	10px;
	margin-top:	3px;
	width:	90%;
	height:	120px;
	background-color:	#FAFCFE;
	border:	1px solid #E0E2EC;
	color:	#002244;
}
form#feedback	{
	margin:	0;
	padding:	0;
}
form p	{
	margin:	0;
	padding:	0;
}
#submit	{
	display:	block;
	margin:	auto;
	margin-right:	0;
	margin-top:	8px;
	border:	 1px solid #858CB1;
	background-color:	#E5EEF7;
	font-size:	.8em;
	color:	#42669C;
}
a#toggle	{
	font-size:	.8em;
	color:	#7380AF;
	display:	block;
	margin:	0;
	margin-bottom:	8px;
}
#success p	{
	color:	green;
	font-size:	.8em;
}
#failure p	{
	color:	red;
	font-size:	.8em;
}
.underlined	{
	text-decoration:	underline;
}
h2	{
	margin-top:	.5em;
	margin-bottom:	1em;
	color:	#002244;
	font-size:	1.4em;
	letter-spacing:	.1em;
	border-bottom:	1px solid #858CB1;
}
h3	{
	color:	#002244;
	font-size:	1em;
	border-bottom:	1px solid #858CB1;
	background-color:	#E5EEF7;
	padding:	.1em .4em;
	letter-spacing:	.1em;
	clear:	right;
}
div.section	{
	margin-top:	2em;
}
div.section p	{
	margin-left:	1em;
}
div.imagecontainer	{
	text-align:	center;
	font-size:	.9em;
	font-variant:	small-caps;
	margin-left:	auto;
	margin-right:	auto;
}
div.imagecontainer img	{
	margin:	10px;
	padding:	1px;
	border:	1px solid black;
}
/* due to the left-floating menu, can't use clear:left.
   no loss since all images use Right anyway. */
.left	{
	float:	left;
	margin:	8px 14px 8px 0;
}
.right	{
	float:	right;
	clear:	right;
	margin:	8px 0px 8px 14px;
}
.right span, .left span	{
	display:	block;
}
.left img, .right img	{
	padding:	1px;
	border:	1px solid black;
}
.left .caption, .right .caption	{
	font-size:	.8em;
	text-align:	center;
	line-height:	1.3em;
}
#services_menu	{
	list-style:	none;
	padding:	0;
	margin:	0;
	margin-left:	2em;
}
#services_menu p	{
	font-size:	.85em;
	margin-left:	1em;
}
table#contactdetails	{
	border-collapse:	collapse;
}
table#contactdetails thead	{
	display:	none;
}
table#contactdetails td	{
	padding-left:	1.5em;
	padding-bottom:	1em;
}
p.dept	{
	font-weight:	bold;
	margin-bottom:	.5em;
}
p.indent	{
	padding-left:	1em;
}
#associations	{
	margin-top:	25px;
}
#associations img	{
	margin-left:	3px;
}
.rightnobreak	{
	margin:	0;
	padding:	0 8px 0 8px;
	float:	right;
	clear:	right;
}
.contactpageform	{
	width:	250px;
	margin-left:	30px;
	font-size:	1.1em;
}
.longul	{
	margin-left:	1em;
	padding-left:	1em;
	margin-right:	.5em;
}
.longul li	{
	padding:	.2em .5em .2em .5em;
	margin-top:	.1em;
	margin-bottom:	.1em;
	border-bottom:	1px solid #dce6f0;
}
.longul li.altli	{
	background-color:	#e6eef7;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html div#content {
  	height: 1px;
	}
/* End hide from IE5/mac */