html, body {
	height:100.1%
}

body {
	margin:0 auto;
	padding: 0; 
	background-color: #FCEED9;
	font-size:0.8em;
	font-family: arial, helvetica, sans-serif;
	text-align:center;
}

.wrap {
	margin:0px auto;
	padding: 0;
	width:95%;
	text-align:center;
}

img {
	margin:0; 
	padding:0; 
	border:0;
}

p {
	line-height:1.4em;
}



/*****  canvas IS FOR THE dark gray canvas and the shadow_left.jpg background image  *****/


.canvas {
	display:block;
	float:left;
	margin: 0; 
	padding: 0; 
	padding-left:9px;
	width:100%;
	height:auto;
	background: #f8dbb1 url("../media/shadow_left.gif") repeat-y;
	text-align:left;
}


/*****  canvas_inner IS FOR THE shadow_right.jpg background image ONLY  *****/

.canvas_inner {
	display:block;
	float:left;
	margin: 0; 
	padding: 0; 
	width:100%;
	height:auto;
	background: #f8dbb1 url("../media/shadow_right.gif") repeat-y right top;
	/* border: 0px solid #990000; */
	text-align:left;
}


.left_column {
	display:block;
	float:left;
	margin: 0; 
	padding: 0; 
	width:22%;
	text-align:center;
}

.header_left {
	display:block;
	margin-top:0px;
	padding: 0; 
	width:auto;
	height:auto;
	text-align:left;
	color:#FFFFFF;
}

.header_leftrowone {
	display:block;
	margin: 0; 
	padding: 0; 
	width:100%;
	height:5px;
	background-color: #cc0000;
	text-align:center;
	color:#FFFFFF;
	line-height:3px;
	font-size:3px;
}

.header_leftrowtwo {
	display:block;
	margin: 0; 
	padding: 0; 
	width:100%;
	height:100px;
	background-color: #FCEED9;
	text-align:left;
	color:#FFFFFF;
}

.header_leftrowthree {
	display:block;
	margin: 0; 
	padding: 0; 
	width:100%;
	height:20px;
	background-color: #cc0000;
}

.center_column {
	display:block;
	margin: 0; 
	padding: 0; 
	float:left;
	height: 100%;
	width:55%;
	background-color: #FFFFFF;
	text-align:center;
}

.header_center {
	display:block;
	margin: 0; 
	margin-top:0px;
	padding: 0;
	width:auto;
	height:auto;
	text-align:center;
}

.header_centerrowone {
	display:block;
	margin: 0; 
	padding: 0;
	width:100%;
	height:5px;
	background-color: #cc0000;
	text-align:center;
	color:#333;
	line-height:3px;
	font-size:3px;
}

.header_centerrowtwo {
	display:block;
	margin: 0; 
	padding: 0;
	width:100%;
	height:100px;
	background: #F8DBB1;
	text-align:left;
	color:#fff;
}

.header_centerrowthree {
	display:block;
	margin: 0; 
	padding: 0;
	width:100%;
	height:1px;
	background-color: #cc0000;
	font-size:1px;
}


/***** Adding overflow:auto to these content_right boxes 
will auto scrollbar if needed.  ******/

/**** To fix jumpy hover links, had to remove padding percentage, 
and used pixels of padding instead.   *********/

/***** Adding overflow:auto to div boxes 
will add auto scrollbar functionality if needed.  ******/

.main_content {
	display:block;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:5px;
	padding: 0;
	padding-left:5px;
	width:95%;
	color:#000000;
	text-align:left;
}


.footer {
	display:block;
	clear:both;
	margin: 0 auto; 
	margin-top:20px;
	padding: 0 0 5px 0;
	width:95%;
	border-top:1px dashed #cc0000;
	color: #000000;
	text-align:center;
}

.right_column {
	display:block;
	margin: 0; 
	padding: 0;
	/* padding-right:0px; */
	float:left;
	width:22.1%;
	border:0px solid #cc0000;
	text-align:center;
}

.header_right {
	display:block;
	margin: 0; 
	/* margin-top:0px; */
	padding: 0;
	/* width:auto;
	height:auto; */
	text-align:left;
}

.header_rightrowone {
	display:block;
	margin: 0; 
	padding: 0;
	width:100%;
	height:5px;
	background-color: #cc0000;
	text-align:center;
	color:#FFFFFF;
	line-height:3px;
	font-size:3px;
}

.header_rightrowtwo {
	display:block;
	margin: 0; 
	padding: 0;
	width:100%;
	height:100px;
	text-align:center;
}

.header_rightrowthree {
	display:block;
	margin: 0; 
	padding: 0; 
	width:100%;
	height:20px;
	background-color: #cc0000;
}

.headlines {
	display:block;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	color:#000;
}

p.headlines {
	clear:both;
	margin-top:5px;
	font-size:0.8em;
}


/*****  Start Menu Styles  *******/


/****  Page Link Styles (NOT MENU LINKS)  *****/
a:link, a:visited {
	color:#cc0000;
	text-decoration:none;
}

a:hover, a:active {
	color:#cc0000;
	text-decoration:underline;
}

/***  leftnavs VERTICAL  ***/
.leftnav {
	display:block;
	clear:both;
	margin:0 auto;
	margin-top:20px;
	padding: 0;
	padding-left:9px;
	width:95%;
	font-size:0.9em;	
	text-align:center;
	background-color:#F8DBB1;
}

.leftnav ul{
	display:block;
	clear:both;
	margin:0 auto;
	padding:0;
	text-align:left;
	text-indent:0px;
}

.leftnav ul li {
	display:block;
	margin:0;
	padding: 0;
	width:100%;
	list-style: none;
	border-bottom:1px solid #fceed9;
	text-indent:0px;
}

/****  Side menu link styles  ****/
.leftnav ul li a:link, .leftnav ul li a:visited {
	color:#cc0000;
	font-weight:normal;
	display:block;
	width:100%;
	padding: 4px 0px;
	text-decoration:none;
	text-indent:0.2em;
}

.leftnav ul li a:hover {
	color:#fff;
	font-weight:normal;
	display:block;
	width:100%;
	padding: 4px 0px;
	text-decoration:none;
	background: #cc0000;
}

/* the following 3 rules are for the submenu, if you removed the submenu remove these rules as well */
.leftnav ul ul li {line-height: 10px;	border-bottom: none}
.leftnav ul ul li a:link,  .leftnav ul ul li a:visited {color:#cc0000; text-indent:10px;}
.leftnav ul ul li a:hover, .leftnav ul ul li a:active  {
	color:#fff;
	text-indent:10px;
	text-decoration:none;
	background: #cc0000;	
}

#current_page {
	font-weight:bold;
}


/****  rightnav Vertical  ****/
.rightnav {
	display:block;
	margin:0 auto;
	margin-top:12px;
	padding: 0;
	width:90%;
	text-align:left;
}

/****  "basemenu" HORIZONTAL   ****/
.basemenu {
	display:block;
	margin:0 auto;
	padding: 0;
	width:auto;
	text-align:left;
}

ul.basemenu {
	display:block;
	margin:0;
	padding: 5px 0px 5px 0px;
	list-style: none inside;
	font-size:0.8em;
	text-align: left;
}

ul.basemenu li {margin:0; padding: 0; display:inline; }
/****  "basemenu" menu link styles   ****/
ul.basemenu li a:link, ul.basemenu li a:visited {color:#cc0000;text-decoration:none;}
ul.basemenu li a:hover, ul.basemenu li a:active  {text-decoration:underline;}

/* Headlines */

h1 {
	margin:0; 
	padding:0px 0px 5px 0px;
	border-bottom: 1px dashed #990000;
	color: #990000;
	font-family: georgia, serif;
	font-size: 1.6em;
	font-weight:normal;
	line-height: 1.2em;
}
	
h2 {
	padding:3px 0px 3px 2px;
	border-top: 1px dashed #F8DBB1;
	border-bottom: 1px dashed #F8DBB1;
	color: #000;
	font-size: 1.1em;
	font-weight:normal;
	letter-spacing:0.1em;
}	

h2.rightnav {
	margin:0px;
	padding:0px 0px 3px 0px;
	border-bottom: 1px solid #fceed9;
}

ul.events {
	list-style-type:square;
	margin:5px; 
	padding-left:20px;
}

li.events {
	margin-bottom:5px; 
	line-height:1.4em;
}

.img_bio {
	float: left;
	border: 1px solid #666;
	margin: 3px 9px 0px 0px;
}

.imgRcolumn {
	float: left;
	margin: 0px 0px 4px 0px;
}

.borderit img {
	border: 1px solid #fff;
}

.borderit:hover img {
	border: 1px solid #cc0000;
}

.borderit:hover {
	color: #cc0000; /* irrelevant definition to overcome IE bug */
}


ul.page {
	padding-left:15px;
	margin-left:5px;
	list-style-type:square;	
}	

ul.page li {
	line-height:1.4em;
	padding-top:5px;
}	

ol.pubList li {
	line-height:1.4em;
	padding-top:5px;
}