#wrapper
{
	word-wrap: break-word;
}
/* ie proprietary property to force long words to break rather than the layout */

body
{
	text-align: center; 
	background:#d1d1d1 url(body-bg.gif) top repeat-x;
	color: #000;
	min-width: 700px;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 75%;

}

body, div, p, h1, h2, h3, h4
{
	margin:0;
	padding:0;
	border:none;
}
	 
h1, h2, h3, h4, h5
{
	font-family: Arial, Tahoma, sans-serif;
	font-weight: normal;
	letter-spacing: .005em;
	display: inline;
	color: #482E85;
}
h1
{
	font-size: 3em;
	font-weight: bold;
	margin: 1px 0 10px 0;
	letter-spacing: normal;
	line-height: normal;
}

h2
{
	font-size: 2em;
	margin: 1px 0 10px 0;
	letter-spacing: normal;
	line-height: normal;	
}

em {font-style:italic}

i {font-style: italic;}

strong {font-weight:bold;}

introblock h1
{
	color: #666;
	margin-bottom: .2em;
	padding: 0;
	border: none;
}

h3
{
	font-size: 1.55em;
	margin: 1em 3px 0 3px;
	padding-bottom: .2em;
	
}

h4
{
	font-size: 1.3em;
	margin: 1.2em 3px .3em 3px;	
}
h4 .faint
{
	
}
h5
{
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 .3em .5em;
}
.faint
{
	font-size: .85em;
	letter-spacing: -.05em;
	padding-right: .3em;
}
p
{
	margin: .7em 0;
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper
{
	text-align: left;
	width: 940px; /*90%;*/
	margin: 0 auto;
	background: #fff repeat-y 10px 0;
	border: #482E85 thin solid;	
}

#header, #subnav, #footer
{
	color: #fff;
	clear: both;
	width: 100%;
}

#header
{
	background: #fff;
	color: #fff;
	height:auto; /* 78px;*/
}

#footer
{
	background: #e2e5ff;
	padding: 0px 0;
	color: #482E85;
	border-top: solid 1px #482E85;
	font-size:1em
}

#subnav
{
	background: #fff;
	padding: 0px 0px;	
	width: auto;
	z-index:100;
	
}


#contentfloatholder
{
	/* right faux column tab */
	float: left;
	width: 100%;
	border-top: #482E85 thick solid;	
}


#contentfloatholder:after
{
	/* this is for NN6 to clear floats */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#center
{
	margin: 0;
	border-right: #482E85 1px solid;
	border-top: #482E85 1px solid;
	border-left: #482E85 1px solid;
	border-bottom: #482E85 1px solid;
}

#centerwrap
{
	float: left;
	width: 100%;
	margin: 0 -95% 0 0;
}

#left
{
	float: left;
	width: 170px;
	margin: 0 0 0 -5%;
	margin-top: 10px;
}

#right
{
	float: right;
	width: 170px;
	margin: 0;
	margin-top: 13px;
}

#login
{
	float: right;
	width: 170px;
	margin: 0;
	padding-right: 5px;
	background-color:#482E85;
	height:111px;
	border-bottom:1px solid #482E85;	
	
}

#logodisplay
{
	float: left;
	width: 170px;
	margin: 5px 0px 0px 10px;
	z-index:200;	
}

#contactdetails
{
	float: right;
	width: 230px;
	margin: 20px 0px 0px 0px;		
}

#headercontentfloatholder
{
	/* right faux column tab */
	float: left;
	width: 100%;
}


#headercontentfloatholder:after
{
	/* this is for NN6 to clear floats */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#headercenter
{	
	margin: 40px 175px 0 175px;
	
}
#headercenterwrap
{
	float: left;
	width: 100%;
	margin: 0 -95% 0 0;
	border-bottom:1px solid #482E85;
}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap
{
	margin: 0 -100% 0 0;
}
* html div#left
{
	margin: 0;
}

div p
{
	margin: 1em 0;
	padding: 0 20px;
}

/* Navigation Tabs at top of Page */
.tableft
{
	background-image: url(tableft.png);
	background-repeat: no-repeat;
	width: 12px;
	height: 28px;
	display: inline;
}
.tabright
{
	background-image: url(tabright.png);
	background-repeat: no-repeat;
	width: 14px;
	height: 28px;
	display: inline;
}

.tabmiddle
{
	background-image: url(tabmiddlepink.png);
	background-repeat: repeat-x;
	height: auto; /*28px;*/
	display: inline-block;
}

.tabmiddleselected
{
	background-image: url(tabmiddlepink.png);
	background-repeat: repeat-x;
	height: 28px;
	display: inline;
}


.navmargin
{
	padding:10px
}

.cont
{
	margin-left: 3px;
	margin-right: 3px;	
}