/*styles.css  */

/************ content area stylings ************/

#content h1 {
	font-size: 1.5em;
	color: #900;
	margin-bottom: .5em;
} 

#content h2 {font-size: 1.3em;color: #900;margin: 1.25em 0 .5em 0;} 

#content h3 {font-size: 1.1em;	color: #2E40BC;	margin: 1.25em 0 .5em 0; }

#content h4 {font-size: 1em; margin: 1.25em 0 .5em 0;color: #2E40BC;}

#content h5 {
	font-weight: bold;
	color: #333;
	margin-bottom: 0.5em;
	font-size: 1em;
}

#content h6 {
	font-weight: bold;
	color: #333;
	margin-bottom: 0.5em;
	font-size: 1em;
}	

#content p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .9em; padding: 0; margin: 0; margin-bottom: 12px; color: #333; line-height: 155%; text-align:left; }
#content a:link { color: #36C; padding: 0; margin: 0; text-decoration: underline; }
#content a:visited { color: #3b5876; padding: 0; margin: 0; text-decoration: underline; }
#content a:hover { color: #b93d34; padding: 0; margin: 0; text-decoration: underline; }
#content a:active { color: #900; padding: 0; margin: 0; text-decoration: none; }

#content ul li { list-style-type:square; line-height: 145%; font-size: .9em; }

/*IMAGE styles */
/*#content img { float: left; margin-right: 15px; margin-bottom: 10px;}*/
#content img.left {float: left; margin-right: 15px; margin-bottom: 10px; }
#content img.regWBorder { float: none; margin:0;border: solid #999 1px;}
#content img.right { float: right; margin-left: 15px; margin-bottom: 10px; margin-top: 10px;}
.imgborder { border: solid #999 1px; }
#content img.rightWBorder { float: right; margin-left: 15px; margin-bottom: 10px; margin-top: 10px;border: solid #999 1px;}
#content img.leftWBorder { float: left; margin-right: 15px; margin-bottom: 10px; margin-top: 10px;border: solid #999 1px;}

span.notes {color: #900; margin-bottom: 0; margin-top: 0px; padding: 0; font-weight: bold;}	
caption {
	font-size: 1.3em;
	color: #b93d34; margin-top: 4px;
	text-align: left;
	padding-bottom: 15px;
}

.bld { font-weight:bold; }

.small {font-size:.7em;}
.smaller {font-size:.8em;}
.smallest {font-size:.75em;}
.clr {	clear: both;}

#rightcolumn h3 {
	font-size: 1.1em;
	background-color:#093;
	color:#fff;
	padding: 5px;
	margin-top: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

#rightcolumn p {
	padding: 5px 10px 0 10px;
	margin: 0;
	line-height: 1.5em;
	margin-bottom: 10px;
	font-size: 90%;
}
#container #content #rightcolumn img {
	margin: 0px;
	padding: 0px;
}

#rightcolumn h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	margin: 0;
	text-align: center;
	margin-top: 0;
	background-color: #999;
	margin-bottom: 0px;
}
#rightcolumn h5 { font-size: 1em; color: #333; font-weight:bold; padding: 0 10px; margin:0;}
#rightcolumn .small {font-size: .9em;}
#rightcolumn .ctr { text-align: center; }
#rightcolumn .nomarg .small {margin-bottom: 0px;}
#rightcolumn h5.info {	margin-top: 15px;}
#content #rightcolumn ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	margin-bottom: 10px;
}
#content #rightcolumn li {	list-style-type: none;margin: 0;padding: 0;}
#content .notice {
	color: #333;
	background-color: #FCFCFC;
	margin: 0;
	padding: 0 10px;
	border: 1px solid #ccc;
	margin-left: 25px;
	width:400px;
}

.redtext {
	color: #900;
}

table.commercial {
	width: 100%;
	border-collapse: collapse;
}

table.commercial th {
	background-color: #999;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 2px;
}

table.commercial tr.white {
	background-color: #fff;
}

table.commercial tr.shaded {
	background-color: #f4f4f4;
}

table.commercial td {
	color: #333;
	font-weight: normal;
	text-align: left;
	vertical-align:top;
	padding: 3px;
	font-size: 90%;
}

#content table.commercial ul  {
	margin: 0;
	padding: 0 0 0 2px;
}

#content table.commercial ul li {
	list-style-type: none;
	font-size: 100%;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/photo_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery {
	width:880px;
	height:720px;
	position:relative;
	border:1px solid #ddd;
	background:#f8f8f8;
}
#gallery ul {
	list-style:none;
	padding:5px;
	margin:0;
	margin-top: 5px;
	width:350px;
	float:right;
	height:290px;
	overflow: inherit;
}
#gallery ul li {display:block; width:60px; height:60px; float:left; margin:0 4px 4px 4px; border:1px solid #444; cursor:pointer;}
#gallery ul li img {display:block; width:60px; height:60px;}
#gallery ul li span {display:none; position: absolute; left:25px; top:400px; width:320px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .95em; color: #333; line-height:15px; text-align:left;}
#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:4px auto 0 auto; width:500px; height:375px; border:1px solid #fff;}

#gallery ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery ul li.click i {
	position: absolute;
	left:-1px;
	top:5px;
	width:533px;
	height:379px;
}

#gallery ul li.click i img {margin:5px auto 0 auto; width: auto; height:auto; border:1px solid #fff;}

#gallery ul li.click span {display: block; margin-top: 10px;}

.imgHome { float: right; margin:0; margin-left: 1.5em; margin-bottom: 2em; }
.imgRight {
	float: right;
	margin:0 0 0 10px;
}
.imgLeft {	float: left;margin: .5em .5em .5em 0; }
/* inline img for pdf icon */
.pdf {
	padding: 0 .55em 0 0;
	vertical-align: inherit;
}
.pictureBox {
	width: 650px;
	margin: 10px 0 20px 0;
	padding: 0;
	clear: both;
}
.pictures {float: left; margin:0;}
.pictures img {
	margin: 0 2px 0 2px;
	border: solid 1px;
	border-color:#999999;
}
.clear {clear: both;}

