BODY {
	margin: 0px;
	padding: 0px;
	background-color: #E3EEFA;
	text-align: center;
}

.maintable
{
	background-color: White;
	margin-left: auto;
	margin-right: auto;
}

.menu
{
	vertical-align: top;
	border-right: 1px solid #9999bb;
	width: 160px; 
	padding: 8px;
}

.content
{
	vertical-align: top;	
	width: 630;
	padding: 10px;
}

.footer
{
	padding: 5px;	
	text-align: center;
	color: #7777cc;
	font-size: 8pt; 
	border-top: 1px dotted #9999bb;
}

.border_l
{
	background-image: url(images/border_l.png);
	background-repeat:repeat-y;
	width: 10px;
}

.border_r
{
	background-image: url(images/border_r.png);
	background-repeat:repeat-y;
	width: 10px;
}

.border_bl
{
	background-image: url(images/border_bl.png);
	width: 10px;
	height: 10px;
}

.border_br
{
	background-image: url(images/border_br.png);
	width: 10px;
	height: 10px;
}

.border_b
{
	background-image: url(images/border_b.png);
	background-repeat:repeat-x;
	height: 10px;
}

.indexSection H2
{
	border: none;
	background-color: Transparent;
	margin: 0px;
    width: 400px;
    text-align: left;
    margin: 3 0 0 12;
}

.indexClear
{
	clear: left;
	font-size: 1px;
	height: 15px;	
}

.indexSection 
{
	background-image: url(images/index_header.png);
	background-repeat: no-repeat;
	padding-left: 12px;
	width: 100%;
	height: 150;	/* Floated contents don't determine height; make it big enough for background */
}

.indexImage
{
	border: 1px dotted #9999bb;
	width: 96px;
}

/* because the above may be applied to a div */
.indexImage IMG
{
	border: none;
}

DIV.indexCell
{
	float: left;
	width: 150px;
	background-color: Transparent;
}

.indexCell P
{
	margin-bottom: 0px;
	margin-top: 0px;	
	background-color: Transparent;
}


DIV.Column
{
	background-image: url(images/background.png);
	background-position: center top;
	background-repeat:repeat-y;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

DIV.Content
{
	/* Just for the margins, to avoid margin/padding confusion in IE vs. FF */
	margin-left: 25px;
	margin-right: 25px;	
	
}

body, div, td {
	font: 10pt verdana, arial, helvetica, sans-serif;
	color: #0000aa;
}

div { text-align: left; }

P
{
	margin-top: 0px;
	margin-bottom: 11px;
}
	
DIV.Header 
{
}

.HeaderContainer    /* Sits inside the header for padding and border decoration */
{
	border-bottom: 1px dotted #9999bb;
	overflow: hidden;
	height: 64px;
}

h1	/* The header in the banner div */ {
    margin-top: 7px;
    margin-bottom: 0px;
	font-size: 20pt;
	font-weight: normal;
	font-family: Georgia, Times, serif; 
    word-spacing: -4px;
    letter-spacing: +1px;
	width: 650px;
	height: 34px;
	text-align: center;
}

h2 {  /* Content Titles */
	font-size: 16pt;
	font-family: Georgia, Times, serif;
	font-weight: normal;
    width: 50%;
    text-align: center;
    margin: 9 auto 10 auto;	/* auto on both sides will center */
	border-bottom: 1px solid #9999bb;
	border-top: 1px solid #9999bb;
	background-color: #eeeeff;
}

h3 { /* Menu titles */
	font-size: 14pt;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 2px;
}

.menu ul {
	margin: 0px 0px 10px 15px;
	padding: 0px 0px 0px 0px;
}

.menu li {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	/*color: #DE7008;  */ /* The marker color */
}

.menu p { margin: 0 0 0 0; }

div#title
{
	font-size: 16pt;
	font-family: Georgia, Times, serif;
	font-weight: normal;
    text-align: center;
}

HR
{
	color: #0000aa;
	height: 1px;
	background-color: #0000aa;
}

TD.Rule
{
	height: 2px;
	background-color: #0000aa;
}

A {
	color: #0000aa;
	text-decoration: underline;
}
A:hover {
	color: #0000aa;
	text-decoration: underline; 
    background-color: #f2f2ff;
}
A:visited {	color: #6666dd; }

IMG
{
	border: 3px solid white;
}

/* Slideshow elements */
DIV.SSFrame
{
	margin-top: 5px;
	width: 735px;
	height: 700px;
	border-left: 1px solid #000099;
}

DIV.SSImagePanel
{
	/*border: 1px solid red;*/
	width: 608px;
	text-align: center;
	padding-bottom: 5px;
}

DIV.SSThumbPanel
{
	/* border: 2px solid #bbbbee; */
	overflow: auto;
	width: 110px;
	height: 600px;
	padding: 0px;
	float: left;
	background-color: #bbbbee;
	border-top: 1px solid #000099;
	border-bottom: 1px solid #000099;
	border-right: 1px solid #000099;
}

img.SSThumbnail
{
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 2px;
	border: 0px;
	background-color: White;
}

div.SSPNPanel
{
	width: 550px;	
	text-align: center;
}

div.SSTitle
{
	text-align: center;
	font-size: 16pt;
	font-family: Georgia, Times, serif;
	font-weight: normal;
}

div.indexblock
{
height: 110px; width: 400px;  margin: 0 auto 0 auto;
border-top: 1px solid #9999cc;
padding: 3px;
}

div.ErrorPanel 
{
	font-size: 8pt; 
	overflow: auto; 
	border: 1px solid black;
	margin: 5px;
}

DIV.loginform 
{
	PADDING: 20px; 
	MARGIN: 50px 0px 0px 200px; 
	WIDTH: 250px; 
	HEIGHT: 80px; 
	border: 1px solid #9999cc;
}

DIV.cellPicItem
{
	float:left; 
	width: 120px; 
	margin: 3px; 
	border: 1px dotted #9999BB;
	font-size: 10px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	padding: 2 0 3 0;
}

.dbHeader
{
	background-color: #000088;
	color: White;
	font-size: 10px;	
}

.dbRow TD
{
	font-size: 10px;	
	padding: 1px;
}

/************************ Pager ***********************************/
.PagerContainerTable
{
	border: 1px solid #698296; 	
	color: #d1d1e1;
	background-color: #FFFFFF;
}
.PagerInfoCell
{
	padding: 3px 6px 3px 6px;
	padding-top: 3px;
	font-weight: bold;
	font-size: 12px;
	color: white;
	white-space: nowrap;
	background-color: #8caec9;
}
.PagerInfoCell:link .PagerInfoCell:visited
{
	color: #ffcc66;
	text-decoration: none;
}

.PagerCurrentPageCell
{
	padding: 3px 6px 3px 6px;
	font-size: 12px;
	color: Black;
	background-color: #D1EBFF;
}
.PagerOtherPageCells
{
	padding: 3px 6px 3px 6px;
	font-size: 12pt;
	background-color: #f0f1f2;
}
.PagerSSCCells
{
	padding: 3px 6px 3px 6px;
	font-size: 12pt;
	background-color: #cccccc;
}
.PagerHyperlinkStyle
{
	font: 12px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}
.PagerHyperlinkStyle:hover, .PagerHyperlinkStyle:link, .PagerHyperlinkStyle:visited, .PagerHyperlinkStyle:active
{
	color: #000000;
	font: 12px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}

.PicPager
{
	margin-left: auto;
	margin-right: auto;	
}