/* CSS Document */
/* This sets out a top banner-left column-right content column-footer structure -------------------*/
body{ 
	margin:0; 
	padding:0; 
	text-align:center;
	background-image:url(images/bg_page.jpg);
	}
/* fonts -------------------------------------------------------------------- */
p {
	font:Arial, Helvetica, sans-serif;
	font-size:9pt; color:#330000;
	line-height:14pt; }
a:link { 
	font-weight: bold; 
	text-decoration: none; color:#C23902;}
a:hover { text-decoration:underline; }
/* Container --------------------------------------------------------------------------------------*/
div#container{ 
	position:relative; 
	margin-left:auto; 
	margin-right:auto; 
	width:800px; 
	margin-top:20px; 
	padding:0;
	}
/* Banner -----------------------------------------------------------------------------------------*/
div#banner{ 
	background:url(images/banner2.jpg) top left no-repeat; 
	height:110px; 
	margin-bottom:0px;
	}
/* Left links column -------------------------------------------------------------------------------*/
div#leftcolumn{ 
	position:absolute; 
	top:130px; 
	left:30px; 
	width:215px; 
	background:url(images/bg_column.jpg); background-repeat:repeat-x repeat-y;
	padding:0; margin:0; text-align:left;
	}
div#leftcolumn h1 { margin:0; padding:0; background:url(images/list_top.jpg) top left; background-repeat:no-repeat; height:75px;}
div#leftcolumn p{ font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:14pt; padding:10px 10px 10px 10px; }
div#leftcolumn p.pcolfooter{ margin:0; padding:0; background:url(images/column_bottom.jpg); background-repeat:no-repeat; height:9px;}
div#leftcolumn ul{ list-style:none; margin:20px 15px 25px 15px; padding:0;}
div#leftcolumn li{ margin:0 0 25px 0; padding:0; height:54px; background-color:#C4E9EE;}
div#leftcolumn li span{display:none;}
div#leftcolumn li img{border:none;}
/* Right Content column -----------------------------------------------------------------------------*/
div#content{ 
	margin-left:270px; 
	margin-top:0;
	text-align:left;
	background:url(images/bg_column.jpg); background-repeat: repeat-x repeat-y;
	width:500px;
	padding:0;
	}
div#content h1 { background:url(images/content_top.jpg); background-position:top left; background-repeat:no-repeat; height:9px;}
div#content p{ font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:14pt; padding:10px 30px 10px 30px; }
div#content p.pcolfooter{ margin:0; padding:0; background:url(images/content_bottom.jpg); background-position:top left; background-repeat:no-repeat; height:9px;}
div#content h1.web { background:url(images/content_top_web.jpg); background-position:top left; background-repeat:no-repeat; height:75px;}
div#content h1.graphic { background:url(images/content_top_graphic.jpg); background-position:top left; background-repeat:no-repeat; height:75px;}
div#content h1.photo { background:url(images/content_top_photo.jpg); background-position:top left; background-repeat:no-repeat; height:75px;}
div#content h1.about { background:url(images/content_top_about.jpg); background-position:top left; background-repeat:no-repeat; height:75px;}

/* Footer -------------------------------------------------------------------------------------------*/
div#footer{ 
	background:url(images/lines.jpg); background-repeat:no-repeat; background-position:center;
	height:10px; margin-top:20px; margin-bottom:20px;
}
/* Images -------------------------------------------------------------------------------------------*/
img {border-style:solid; border-color:#C4E9EE; border-width:10px;}
img.title {border:none; padding-bottom:10px;}
/* Previous & Next buttons ---------------------------------------------------------------------------*/
div#previous{margin-left:30px; margin-right:30px; margin-top:0; margin-bottom:0; padding:0; background-image:url(images/btn_previous.jpg); background-repeat:no-repeat; background-position:left;}
div#next{margin:0; background-image:url(images/btn_next.jpg); background-repeat:no-repeat; background-position:right;}