/* CSS Document Style Only */
/* If editing please note the following order */
/* A:link    { whatever } unvisited links */
/* A:visited { whatever } visited links */
/* A:hover   { whatever } user hovers */
/* A:active  { whatever } active links */

/* Note that the A:hover must be placed after the A:link and A:visited rules, */
/* since otherwise the cascading rules will hide the 'color' property of the A:hover rule. */
/* Similarly, because A:active is placed after A:hover, the active colour will apply */
/* when the user both activates and hovers over the A element. */

body
	{
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	}
	body, p, h1, h2, h3, h4, td, li, input, select, textarea, div, a
	{
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #333333;
	}
a, a:link, a:visited, a:hover
	{
	font-size: small;
	line-height: 1.25em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

a
	{
	color: #000000;
	}
a:link
	{
	color: #000000;
	}
a:visited
	{
	color: #666666;
	}
a:hover
	{
	color: #f77308;
	
	}	
a:active 
{
	color: #FF6600;
}
p
	{
	color: #000000;
	font-size: small;
	line-height: 1.25em;
	}
td, input
	{
	color: #000000;
	font-size: small;
	line-height: 1.00em;
	}
h1
	{
	color: #000000;
	font-size: medium;
	font-weight: bold;
	line-height: 1.25em;
	}
h1 a
	{
	color: #000000;
	font-size: medium;
	font-weight: bold;
	line-height: 1.25em;
	}
h1 a:hover
	{
	color: #142652;
	font-size: medium;
	font-weight: bold;
	line-height: 1.25em;
	}
h2
	{
	color: #000000;
	font-size: small;
	font-weight: bold;
	line-height: 1.5em;
	}
h2 a
	{
	color: #000000;
	font-size: small;
	font-weight: bold;
	line-height: 1.5em;
	}
h2 a:hover
	{
	color: #142652;
	font-size: small;
	font-weight: bold;
	line-height: 1.5em;
	}
h3
	{
	color: #000000;
	font-size: small;
	font-weight: bold;
	line-height: 1.25em;
	}
h3 a
	{
	color: #142652;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	}

h3 a:hover
	{
	color: #000000;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
	}
h4
	{
	color: #000000;
	font-size: xx-small;
	font-weight: bold;

	}
h4 a
	{
	color: #000000;
	font-size:xx-small;
	font-weight: bold;
	text-decoration: none;
	}

h4 a:hover
	{
	color: #142652;
	font-size:xx-small;
	font-weight: bold;
	text-decoration: none;
	}
h5
	{
	padding-top:1.25em;
	color: #000000;
	font-size: small;
	font-weight: bold;	
	line-height: 1.25em;
	}
h5 a
	{
	color: #000000;
	font-size:small;
	font-weight: bold;
	text-decoration: none;
	}

h5 a:hover
	{
	color: #000000;
	font-size:small;
	font-weight: bold;
	text-decoration: none;
	}
	.alert
	{
	background-color:#FF0000;
	color: #FFFFFF;
	font-size: medium;
	font-weight: bold;
	}	
	a.alert, a.alert:visited
	{
	color: #000000;
	font-size: medium;
	font-weight: bold;
	}
	a.alert:hover
	{
	background-color:#000000;
	color: #ff0000;
	font-size: medium;
	font-weight: bold;
	}	
	.msg
	{
	background-color:#FFFFFF;
	color: #000000;
	font-size: medium;
	font-weight: bold;
	}	
	a.msg, a.msg:visited
	{
	color: #FF6B01;
	font-size: medium;
	font-weight: bold;
	}
	a.msg:hover
	{
	background-color:#FF6B01;
	color: #FFFFFF;
	font-size: medium;
	font-weight: bold;
	}	
	.white
	{
	color:#FFFFFF;
	}
	white p
	{
	color:#FFFFFF;
	}
	white h1
	{
	color:#FFFFFF;
	}
	white h2
	{
	color:#FFFFFF;
	}
	white h3
	{
	color:#FFFFFF;
	}
	white h4
	{
	color:#FFFFFF;
	}
	td.white
	{
	color:#FFFFFF;
	}
	a.white 
	{
	color:#FFFFFF;
	}
	a.white:link 
	{
	color:#FFFFFF;
	}
	a.white:visited
	{
	color:#FFFFFF;
	}
	a.white:hover
	{
	color:#FFFFFF;
	}
			
	ul
	{
	text-align:left;
	list-style-type: disc;
	margin-top: 5px;
	margin-bottom: 5px;
	/*list-style-image: url(../Style5/bullet.gif);*/
	list-style-position: outside;
	}

li, a.li
	{
	/*list-style-image:  url(../Style5/bullet.gif);*/
	color: #333333;
	font-size: small;
	}

li span
	{
	color: #333333;
	}
#MainTable
	{	
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-color: #666666;
	border-width: 2px;
	border-style:ridge;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	}
#SummaryArea
	{
	border-top-style: none;
	border-bottom-style: none;
	border-top-width:0px;
	border-bottom-width:0px;
	border-right-color: #333333;
	border-right-style: ridge;
	}
#ContentArea
	{
	border-right-color: #333333;
	border-right-style:ridge;
	border-bottom-color:#333333;
	border-bottom-style:ridge;
	text-align: left;
	vertical-align: top;
	clear: both;
	}
#MainContent
	{
	text-align:left;
	vertical-align: top;
	}

.news
	{
	font-size:xx-small;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-style:italic;
	text-decoration: none;
	color: #EBEBEB;
	line-height: 1.25em;
	}

	a.news
	{
	color: #ebebeb;
	font-size:xx-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
	a.news:visited
	{
	color: #cccccc;
	font-size:xx-small;
	text-decoration: none;
	}
	a.news:hover
	{
	color: #cccccc;
	font-size:xx-small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
.hotlink
	{
	color: #000000;
	font-size: small;
	font-weight: bold;
	line-height: 1em;
	}
	a.hotlink
	{
	color: #000000;
	font-size:small;
	font-weight: bold;
	text-decoration: none;
	}
	a.hotlink:link
	{
	color: #000000;
	font-size:small;
	text-decoration: none;
	}
	a.hotlink:visited
	{
	color: #333333;
	font-size:small;
	text-decoration: none;
	}
	a.hotlink:hover
	{
	color: #FF6B01;
	font-size:small;
	font-weight: bold;
	text-decoration: none;
	}
.menu
	{
	color: #000000;
	font-size: small;
	font-weight: bold;
	line-height: 1em;
	}
	a.menu
	{
	color: #000000;
	font-size:small;
	font-weight: bold;
	text-decoration: none;
	}
	a.menu:visited
	{
	color: #333333;
	font-size:small;
	text-decoration: none;
	}	
	a.menu:hover
	{
	color: #FF6B01;
	/*background-color: #000000;*/
	font-size:small;
	font-weight: bold;
	text-decoration: none;
	}
	ul.menu
	{
	list-style-type: disc;
	color:#E0E0E0;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-position: outside;
	}
	li.menu
	{
	color: #E0E0E0;
	font-size: small;
	}
	li.menu a
	{
	color: #E0E0E0;
	font-size: small;
	}
	li.menu a:visited
	{
	color: #C8C8C8;
	font-size: small;
	}
	li.menu a:hover
	{
	color: #FF6B01;
	font-size: small;
	}
.indexmenu
{
	text-align: left;
	text-decoration:none;
	width:190px; 
	height:20px;
	filter: Shadow(Color=#505050, Direction=135);
	font-family: Verdana, Arial, Helvetica, "MS Sans Serife";
	font-size:14px;
	font-weight: bold;
	color: #E0E0E0;
	/*border: 1px solid #000000;
	background-color: #FF6600;*/
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	margin:1px;
	vertical-align: middle;
	line-height: 1.25em;
}
H1.indexmenu
{
	text-align: left;
	text-decoration:none;
	width:190px; 
	height:20px;
	filter: Shadow(Color=#A33907, Direction=135);
	font-family: Verdana, Arial, Helvetica, "MS Sans Serife";
	font-size:14px;
	font-weight: bold;
	color: #F4641B;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	margin:1px;
	vertical-align: middle;
	line-height: 1.1em;
}
A.indexmenu {
	text-align: left;
	text-decoration:none;
	width:190px; 
	height:20px;
	filter: Shadow(Color=#505050, Direction=135);
	font-family: Verdana, Arial, Helvetica, "MS Sans Serife";
	font-size:14px;
	font-weight: bold;
	color: #E0E0E0;
	/*background-color: #000000;
	border: 1px solid #000000;*/
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	margin: 1px;
	vertical-align: middle;
}
A.indexmenu:visited {
	text-align: left;
	text-decoration:none;
	width:190px; 
	height:20px;
	filter: Shadow(Color=#505050, Direction=135);
	font-family: Verdana, Arial, Helvetica, "MS Sans Serife";
	font-size:14px;
	font-weight: bold;
	color: #E0E0E0;
	/*background-color: #000000;
	border: 1px solid #000000;*/
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	margin: 1px;
	vertical-align: middle;
}
A.indexmenu:hover 
{
	text-align: left;
	text-decoration:none;
	width:190px; 
	height:20px;
	filter: Shadow(Color=#efefef, Direction=135);
	font-family: Verdana, Arial, Helvetica, "MS Sans Serife";
	font-size:14px;
	font-weight: bold;
	color: #FF6B01;
	/*border: 1px solid #000000;
	background-color: #efefef;*/
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
	padding-right:2px;
	margin: 1px;
	vertical-align: middle;
}
.copy, a.copy, A.copy:hover, A.copy:visited
	{
	font-family: Verdana, Arial, Helvetica;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	}
.small
{

}
.gallerycontainer{
	position: relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}
	.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
	}
	.thumbnail:hover{
	background-color: transparent;
	}
	
	.thumbnail:hover img{
	border: 1px solid blue;
	}
	.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: lightyellow;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}
	.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	}
	.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 230px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	}
	.pointsbox
	{
	border:thin;
	border-color:#ff0000;
	border-style: ridge;
	}
	.headerbox
	{
	background-color:#000000;
	}