/*	Reset margin and padding on all elements to combat display
	differences between browsers */
* { margin:0px; padding:0px; }
/*	Add default margin for lists as margin reset causes lists
	to display incorrectly */
ul, ol				{ margin-left:30px; }
/*ul.small, ol.small	{ margin-left:15px; padding-bottom:4pt; font-size:8pt; line-height:8pt; }
ul.menu, ol.menu	{ margin-left:20px; padding-bottom:4pt; font-size:8pt; line-height:8pt; }*/


/***********************************************************************
							ELEMENTS
***********************************************************************/

body, table {
	font-family:		Arial, Helvetica, Sans-Serif;
	font-size:			8pt;
	font-weight:		normal;
	line-height:		150%;
/*	color:				#1A1A1A;*/
	color:#333333;
}
body { text-align:center; background-color:White; }

td { vertical-align:top; }

/*h1,*/ h2, h3, h4 {
	font-weight:		bold;
/*	color:				#1A1A1A;*/
}
h1 {
	font-size:			18pt;
	line-height:		120%;
	padding-bottom:		12pt;
	font-weight:normal;
}
h2 { font-size:12pt; line-height:130%; }

h3 {
	font-size:		10pt;
	color:			#C1282D;
	font-weight:	bold;
}
h4 { font-size:9pt; }

p, ul, ol { padding-bottom:10pt; }
/*
div.bodyNoCols h1, div.bodyNoCols h2, div.bodyNoCols h3,
div.bodyNoCols h4, div.bodyNoCols p		{ margin-left:10px; margin-right:10px; }
div.bodyNoCols ul, div.bodyNoCols ol	{ margin-left:40px; margin-right:10px; }
*/
a {
	font-weight:		normal;
	line-height:		150%;
	color:				#C1282D;
	text-decoration:	none;
}
a:hover { text-decoration:underline; }
a.noUnderline:hover, a.disabled:hover { text-decoration:none; }
a.disabled { color:#1A1A1A; }

img { border:none; }


/***********************************************************************
							LAYOUT DIVS
***********************************************************************/

div.container {
/*	Page content has to be restricted to 1000px wide as that is the width of the header image.
	If the header image were designed to be expandable along its width we would not need to do
	this. Having this fixed width means that the main layout divs also need fixed widths in
	order to be positioned correctly	*/
	width:		1000px;
	margin:		0 auto 0 auto;
	text-align:	left;
}

div.header { margin-bottom:10px; }

div.leftCol, div.body, div.rightCol		{ float:left; }
div.noheader div.leftCol,
div.noheader div.body,
div.noheader div.rightCol				{ margin-top:0; }
div.leftCol, div.rightCol				{ width:165px; margin:26px 10px 0 10px; }
div.rightCol /*IE*/ { text-align:right; }	div.rightCol /*Firefox*/ { text-align:-moz-right; }		/* must declare div.rightCol twice in order to work	*/

/*	Use the bodyMiddle class for pages with two columns.
	Fixed width ensures columns are positioned correctly
	(see comment about fixed width header image above).
	Use the bodyNoCols class for pages without either
	left or right column	*/
div.body		{ width:800px; margin:0 5px 0 5px; }
div.bodyMiddle	{ width:610px; position:relative; }
div.bodyNoCols	{ width:auto; margin:0;padding-left:10px;padding-right:10px; }

div.footer {
	padding-top:	10px;
	clear:			both;
	text-align:		center;
}


/***********************************************************************
							MENU AND TAB BAR
***********************************************************************/

div#menuContainer {}

div#menuBar {
	padding-top:1px;
	height:		21px;
	width:		100%;
	background:	url(../images/bg/menuBar.gif) repeat-x;
	opacity:0.80;	-moz-opacity:0.80;	filter:alpha(opacity=80);
}

div#menuShadow {
	height:			15px;
	line-height:	1px;
	font-size:		1px;
	width:			100%;
	background:		url(../images/bg/menuShadow.png);
}

div.leftSpacer { width:100px; float:left; }

.menuTitle, div.menuGroup	{ float:left; }
div.menuTitle {
	margin-right:	100px;
	float:			left;
	color:			White;
	font-weight:	bold;
	text-transform:	uppercase;
	line-height:	20px;
	font-size:		8pt;
}

img.menuTitle { margin-right:3px;height:21px; }

div.menuGroup { position:absolute; }

div.menuLevel1 { margin-left:3px; }


div.menuTop					{ background-color:Transparent;  }
div.menuTopHL				{ background-color:White; color:Black; height:20px; }
div.menuTop, div.menuTopHL {
	float:		left;
	padding:0 5px 0 5px;
	cursor:pointer; cursor:hand;
}
div.menuDropDown {
	padding:			5px 5px 5px 0;
	float:				left;
	visibility:			hidden;
	position:			absolute;
	background-color:	White;
	z-index:			5;
	border:				solid 1px #C1282D;
	border-top:			none;
	white-space:		nowrap;
}
div.menuDropDown a div	{ cursor:pointer; cursor:hand; }
div.menuDropDown a:hover div, div.menuCurrent	{ background-color:#DDDDDD; }
div.menuCurrent, a.menuCurrent	{ font-weight:bold; }

div#tabBarLeft, div#tabBar { margin-bottom:10px; }
div#tabBarLeft {
	width:			50px;
	margin-left:	80px;
	float:			left;
	background:		url(../images/bg/tabBarLeft.gif);
	height:			18px;
}
div#tabBar {
	float:				left;
	height:				18px;
	background-color:	#DDDDDD;
	width:				870px;
}
div.menuTab {
	margin-right:	20px;
	float:			left;
	padding:		0 5px 0 5px;
	cursor: pointer;	cursor: hand;
}


/***********************************************************************
							COLUMN CONTENT
***********************************************************************/

/*div.colBtn*/div.colBox {
/*	width:				100%;*/
	background-color:	#F3F3F3;
	text-align:			left;
	border:				solid 1px #CFCFCF;
	margin-bottom:		10px;
}

div.colBoxTitle { background-color:#9784A7; width:100%; }

/*img.colBtnImg*/img.colBoxTitleImg { float:left; margin:2px 5px 2px 5px; }

/*div.colBtnTitle*/div.colBoxTitleText {
	text-transform:	uppercase;
	font-weight:	bold;
	color:			White;
	line-height:	22px;
	margin:			0 5px 0 28px;
}
/*
a div.colBtnTitle		{ text-decoration:underline; }
a:hover div.colBtnTitle	{ color:#E2E2E2; }
*/
div.colBoxContent{margin:5px;}
div.colBoxContent p{line-height:120%;margin-bottom:0;}
div.colBoxContent ul, div.colBoxContent ol{margin-left:20px;}
table.colBox{border-collapse:collapse;margin:0;}
table.colBox td{vertical-align:top;padding:3px;}
table.colBox a{line-height:120%;}
img.colBoxTableIcon{margin:3px 5px 0 0;}


/***********************************************************************
							BREAD CRUMBS
***********************************************************************/

div.BreadCrumbs { margin-bottom:10px; }


/***********************************************************************
						TESTIMONIAL BOXES
***********************************************************************/

div.testimonialBox				{ text-align:justify; background-color:#D1B9AE; padding-top:1px; }
div.testimonialBox p			{ margin:5px 10px 0 10px; padding:0; }
div.testimonialBox p.source		{ color:Black; font-style:normal; font-weight:bold; padding-bottom:10px; }


/***********************************************************************
								MISC
***********************************************************************/
img.staffImg { float:left; }