/* 
Layout specs:
------------------
Page: 760
Side bar: 208
Bar margin: 24
Outer margin: 24
Content: 504
Number of divs: 6
Inner margins: 18
Smallest div: 69

Box 1: 69
Box 2: 156
Box 3: 243
Box 4: 330
Box 5: 417
Box 6: 504

Swatch colours:
---------------------
Page bg: #333;
Nav bar: #600;
Brown: #963;
Footer: #444;
Image border: #bebebe;
Separator dots: #d4d4d4;
Sidebar nav title bg: #eee;
Sidebar nav items: #f7f7f7;
Sidebar nav on: #cbba86;

*/

html, body {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size:  1em; 
}

body {
	background-color: #333;
}

/*--------- Universal rules ---------*/

.box1, .box2, .box3, .box4, .box5, .box6 {
	/* border: 1px solid gray; */
}

.box1 {
	width: 69px;
}

.box2 {
	width: 156px;
}

.box3 {
	width: 243px;
}

.box4 {
	width: 330px;
}

.box5 {
	width: 417px;
}

.box6 {
	width: 504px;
}

.posL {
	float: left;
}

.posLm {
	float: left;
	margin: 0 18px 0 0;
}

.posC {
	margin: 0 auto;
}

.posR {
	float: right;
}

.posRm {
	float: right;
	margin: 0 0 0 18px ;
}

img.posL {
	margin: 0 18px 0 0;
}

img.posR {
	margin: 0 0 0 18px ;
}

.innerL {
	text-align: left;
}

.innerC {
	text-align: center;
}

.innerR {
	text-align: right;
}

.clear {clear: both;}

/*--------- Page ---------*/

div#pageWrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-image: url(../../graphics/bg/pagewrap_bg.gif);
	background-repeat: repeat-y;
	background-position: top center;
}

div#page {
	position: relative;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	background-color: #fff;
}

/*--------- Banner ---------*/
div#banner {
	height: 105px;
	margin: 0;
	padding: 10px 15px;
	background-color: #fff;
}

#banner img.bannerLogo {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

#banner img.bannerTitle {
	float: left;
	margin: 28px 0 28px 15px;
	padding: 0;
	border: 0;
}

#banner h1 {
	position: absolute;
	top: 0;
	color: #fff;
	left: -10000px;
	font-size: 1px;
}

/*--------- Main nav ---------*/
ul#mainNav  {
	width: 760px; 
	height: 22px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size:  .7em;
	font-weight: bold;
	color: #fff;
	border-top: 1px solid #421500;
	background-color: #600;
}

#mainNav li {
	display: inline;
	margin: 0;
	padding: 5px 13px;
}

#mainNav li a {
	margin: 0; 
	padding: 0;
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}

#mainNav li a:hover, #mainNav li a:active {
	color: #fff;
	text-decoration: underline;
}

#mainNav li a.mainNavOn {
	color: #fff;
	text-decoration: underline;
}


/*--------- Banner ---------*/
div#banner2 {
	height: 140px;
	margin: 0;
	padding: 0;
	background-color: #963;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#banner2 img {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
}

#banner2 address {
	float: right;
	width: 175px;
	margin: 0;
	padding: 15px 10px 15px 0;
	text-align: left;
	line-height: 1.2em;
	color: #fff;
	font-style: normal;
	font-size: .7em;
}

#banner2 address strong {
	font-style: normal;
	line-height: 1.5em;
}

div.banner2_btm {
	height: 15px;
	margin: 0;
	padding: 0;
	background-image: url(../graphics/bg/banner2_btm_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
}


/*--------- Content Wrapper ---------*/
div#contentWrap1 {
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(../graphics/bg/content_bg1.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

div#contentWrap2 {
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(../graphics/bg/content_bg2.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

/*--------- Main Side Bar ---------*/

div#mainSideBar {
	float: left;
	width: 208px;
	margin: 0;
	padding: 0;
	font-size: .7em;
	color: #000;
	text-align: center;
}

#mainSideBar h3 {
	margin: 0;
	padding: 10px 6px 0 6px;
	text-align: left;
	font-size: 1em;
	line-height: 40px;
	border-bottom: 1px solid #c0c0c0;
}

#mainSideBar ul {
	margin: 0 0 36px 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	border-bottom: 1px solid #eee;
}

#mainSideBar ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#mainSideBar ul li a {
	display: block;
	margin: 0;
	padding: 6px 6px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #c0c0c0;
	background-color: #f7f7f7;
}

#mainSideBar ul li a:link, #mainSideBar ul li a:visited, #mainSideBar ul li a.navOn:link, #mainSideBar ul li a.navOn:visited {
	color: #000;
}

#mainSideBar ul li a:hover, #mainSideBar ul li a:active, #mainSideBar ul li a.navOn:hover, #mainSideBar ul li a.navOn:active {
	color: #000;
	background-color: #eee;
}

#mainSideBar ul li a.navOn, #mainSideBar ul li a:visited.navOn, #mainSideBar ul li a:hover.navOn, #mainSideBar ul li a:active.navOn {
	background-color: #cbba86;
	color: #000;
}

#mainSideBar div.bioImage {
	width: 157px;
	margin: 24px auto 16px auto;
	padding: 0;
	border: 1px solid #bebebe;
}

#mainSideBar div.bioImage img {
	border: 3px solid #fff;
}

#mainSideBar div.bioContact {
	width: 157px;
	margin: 0 auto;
	text-align: center;
}

#mainSideBar div.bioContact p {
	margin: 0 14px;
	padding: 0;
	text-align: left;
}

#mainSideBar div.bioContact a {
	color: #333;
	text-decoration: none;
}

/*--------- Footer ---------*/

div.footerLine {
	clear: both;
	margin: 0 0 1px 0;
	padding: 0;
	border-bottom: 2px solid #846a50;
} 

div#footer {
	clear: both;
	height: 1%; /* hack needed */
	margin: 0;
	padding: 9px 14px;
	text-align: left;
	font-size: .7em;
	color: #fff;
	background-color: #444;
}

div#footer p {
	margin: 0;
	padding: 0;
}

#footer a {
	color:  #fff;
	text-decoration: none; 
}

#footer a:hover,  #footer2 a:active {
	color: #eb8;
	text-decoration:  underline; 
}

/*--------- Content ---------*/

div#content {
	float: right;
	width: 504px;
	min-height: 400px;
	margin: 0;
	padding: 24px 24px 24px 0;
	color: #000;
	font-size: .75em;
	text-align: left;
	line-height: 1.3em;
}

#content h1, #content h2, #content h3, #content h4, #content h5 {
	font-family: Arial, Helvetica, sans-serif;
}

#content h1 {
	margin: 0 0 .6em 0;
	padding: 0;
	font-size: 1.4em;
}

#content h2 {
	margin: 0 0 .6em 0;
	padding: 0;
	font-size: 1.4em;
}

#content h3 {
	margin: 1.2em 0 .6em 0;
	padding: 0;
	font-size: 1.2em;
}

#content h4 {
	margin: 1.2em 0 0 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

#content h5 {
	margin: 1.2em 0 0 0;
	padding: 0;
	font-size: .9em;
}

#content p {
	margin: 0 0 1em 0;
	padding: 0;
}

#content .box1, #content .box2, #content .box3, #content .box4, #content .box5 {
	margin: 9px 0 9px 0;
}

#content .box1 p, #content .box2 p, #content .box3 p, #content .box4 p, #content .box5 p {
	margin: 0 0 .5em 0;
	padding: 0;
	line-height: 1.4em;
}

#content .callout {
	padding: .5em 0;
	text-align: center;
}

#content ul {
	margin:  .5em 0 1em 0;
	padding: 0 0 0 2em;
	list-style-type: disc;
}

#content ol {
	margin:  .5em 0 1em 0;
	padding: 0 0 0 2em;
	list-style-type: decimal;
}

#content img.contentImg {
	border: 1px solid #000;
}

#content a {
	color: #963;
	font-weight: normal;
	text-decoration: underline;
}

#content a:visited {
	color: #666;
}

#content a:hover, #content a:active {
	color: #c96;
}

#content span.underline {
	text-decoration: underline;
}

#content div.qualifications p {
	margin: .5em 0 .5em 2.5em;
	padding: 0;
}


/* Directory */ 

#content table.contactInfo {
	margin: 0 0 3em 0;
	border-collapse: collapse;
}

#content table.contactInfo th {
	padding: .2em .3em;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 1em;
	border: 1px solid #fff;
	background-color: #963;
}

#content table.contactInfo th p {
	margin: 0;
	padding: 0;
}

#content table.contactInfo td {
	padding: .2em .3em;
	vertical-align: top;
	font-size: .9em;
	color: #000;
	text-align: left;
}

#content table.contactInfo td p {
	margin: 0;
	padding: 0;
}

#content address {
	margin: 1em 5em;
	font-style: normal;
}