/*===== Styles common to all pages =====*/


/*=== Default Element Styles: ===*/

html, body {
	margin:0; padding:0;
	background:#FFF url(../images/bg_brocade.jpg) repeat 50% 0;
	font-family:Verdana,sans-serif; font-size:11px;
	color:#666;
	text-align:center; /*make IE center the content block (reset to 'left' in div#body style)*/
}

h1, h2, h3, h4, h5, h6, p, ul, li {
	margin:0 0 1em; padding:0;
}

h2 {
	font-size:1.8em; font-family:serif; color:#000;
}

h3 {
	margin-bottom:.5em; color:#0174C5;
	font-size:1.2em; font-weight:bold;
}

p {
	line-height:1.8em;
}

img {
	border:0; vertical-align:bottom;
}

:link, :visited {
	color:#0072BC; text-decoration:underline;
}
:link:hover, :visited:hover {
	text-decoration:none;
}

table, tr, th, td {
	font-size:1em;
}

table {
	margin:0 0 1em;
}

th {
	font-weight:normal; padding-right:1em;
	text-align:left; vertical-align:top;
}

td {
	padding-bottom:1em;
}

form {
	margin:0; padding:0;
}




/*=== Page Layout: ===*/

/* Page has set width and centered: */
div#body {
	width:756px; margin:0 auto; position:relative;
	text-align:left;
}

/* Header bar: */
div#header {
	position:relative; z-index:100; height:51px;
	background:url(../images/content_top.gif) no-repeat 0 100%;
}

/* Main logo: */
h1#logo {
	position:absolute;
	top:9px; left:556px; z-index:100;
	margin:0; padding:0;
}

/* Main menu: */
ul#menu {
	position:absolute; top:16px; left:8px; width:100%;
	margin:0; padding:4px 0 0;
}
ul#menu li {
	display:inline; list-style:none; float:left;
	margin:0; margin-right:13px; padding:0;
}
ul#menu li#menu-contact {
	position:absolute; top:0; right:8px;
}

/* Content area: */
div#content {
	position:relative; padding:1px 44px 0;
	background:#FFF url(../images/content_background.gif) repeat-y;
}

/* Page footer: */
div#footer {
	background:url(../images/content_bottom.gif) no-repeat 0 0;
	padding-top:28px; text-align:center;
}

/* Footer menu links: */
div#footer a {
	margin:0 .6em; color:#666;
}


/*=== Content Styling: ===*/

a.external-window {
	padding-right:20px;
	background:url(../images/external_link.gif) 100% 0 no-repeat;
}

div#content h2 {
	margin-top:58px; margin-bottom:1.5em;
	/*Image replacement - hide from IE-Mac:\*/
	display:list-item;
	list-style-position:inside;
	height:32px;
	overflow:hidden;
	display:expression(this._ir?1:(this._ir=this.insertBefore(document.createElement("img"),this.firstChild),this._ir.src=this.currentStyle.listStyleImage.replace('url("','').replace('")',''),1),"block");
	/*end hiding*/
	/* The above sets up the basic image-replacement properties
	common across sections; each section will need to define its
	own image url and width like so:
	list-style-image:url(../images/headers/xxx.gif);
	width:123px;
	*/
}