﻿body 	{padding-top:10px;
	padding-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin:0;
	background: #5F778C;
	}

.round-div {
background-image: url('/fcWebApp/images/div-top.gif');
background-repeat:no-repeat;
backround-position:top;
padding-top:32px;
}

em{color: red;}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
/*border: solid 1px #ffcc00;*/
background-color: transparent;
}

#topsection{
background-color:transparent;
}

#topsection h1{
margin: 0;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 180px; /*Set left margin to LeftColumnWidth*/
background-color: #A4B2BC;
background-image: url('/fcWebApp/images/page-top.gif');
background-repeat:no-repeat;
background-position:top;
height:100%;
padding-top:6px;
padding-left:10px;
border-left:solid 1opx #5F778C;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column*/
margin-left: -960px; /*Set left margin to -(MainContainerWidth)*/
background-color: #284E70;
/*background-image: url('/fcWebApp/images/left-top.gif');
background-repeat:no-repeat;
background-position:top;*/
padding-top:8px;
border-right:solid 1px #000000;
border-left:solid 1px #000000;
}

#footer{
clear: left;
width: 100%;
/*background: #284E70;*/
border-top:solid 10px #5F778C;
color: #FFF;
text-align: center;
padding: 8px 0 0 0;
background-image: url('/fcWebApp/images/footer.gif');
background-repeat:no-repeat;
background-position:top;
height:31px;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}



h1 	{ font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 14pt;
	margin-top:12px;
	margin-bottom:6px;
	margin-left:0px;
	margin-right:0px;
	color:#333333;
	}


h2 	{font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 12pt;
	margin-top:6;
	margin-bottom:2px;
	margin-left:10px;
	margin-right:0px;
	color:#333333;
	}


h3	{
	text-align:center;
	font-size: 11pt;
	margin-top:3px;
	margin-bottom:12px;
	margin-left:0px;
	margin-right:0px;
	color:#333333;

	}

.h2menu	{font-size:9pt;
	font-family:Arial;
	font-weight:normal;
	margin-left:6px;
	margin-top:3px;
	margin-bottom:3px;
	}

.images	{border:solid 1px #ffffff;
	margin-top:14px
	}

p 	{
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 10pt;
	color:#333333;
	margin-top:0;
	margin-bottom:6px;
	margin-left:10px;
	margin-right:10px;
	}

hr 	{width:100%;
	height:1px;
	background-color: #000000;
	border: solid
	color: #000000;
	border-width:0;
	}

.menu	{ color: #777777;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	text-align:left;
	margin-left:0px;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	padding-left:6px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:solid 1px #A4B2BC }

.menu2	{ color: #ffffff;
	font-size:10pt;
	font-family:Arial;
	font-weight:bold;
	text-align:left;
	margin-left:3px;
	margin-bottom:2px;
	margin-top:10px }

#rows	{width:98%;
	height:24px;
	background-color:#97ABBA;
	padding-top:3px;
	padding-left:3px;
	text-align:left}

#rows2	{width:98%;
	height:24px;
	background-color:#A5B8C6;
	padding-top:3px;
	padding-left:3px;
	text-align:left}

.caption	{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size: 8pt;
	color:#000000;
	margin-bottom:10px;
	margin-top:6px;
	}

.capleft	{
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 12px;
	color:#000000;
	margin-bottom:0px;
	margin-top:0px;
	}


.pcenter 	{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 12px;
	color:#000000;
	margin-bottom:0px;
	margin-top:0px;
	}

table	{
	border-collapse: collapse;
	}


td 	{
	font-family: Arial, Helvetica, sans-serif;
	}

.tcells	{width:160px;
	vertical-align:top;
	text-align:center;
	height:110px;
	}

.tcells	a {color:darkslategray;
	}

#star	{background-image: url(/images/tcellsbg.gif);
	background-repeat: no-repeat;
	background-position:top center;
	width:160px;
	height:64px:
	}

a:hover #star {background-image: url(/images/tcellsbg2.gif);
	background-repeat: no-repeat;
	background-position:top center;
	}

.tctext	{font-size:9pt;
	font-family:Arial;
	font-weight:bold;
	text-align:center;
	}

.desc 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	margin-bottom:3px;
	}

.desc2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #cccccc;
	margin-top:6px;
	margin-bottom:12px;
	}



.price	{
	font-family: arail;
	font-size: 11px;
	color:brown;
	font-weight:normal;
	margin-top:3px;
	margin-bottom:0px;
	text-align:center;
	}



.accessprice	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#333333;
		margin-bottom:0px;
		margin-right:5px;
		text-align:right;
		}





form	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}



input	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}



a	{
	color: #FFFF80;
	text-decoration:none
	}



a:hover	{
	text-decoration: underline;
	color: #ffffff;
	}






ul 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-bottom:6px;
	margin-top:6px;
	}



li 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-left:6px;
	}



ol 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: decimal;
	list-style-position: outside;
	}



.pic         { text-align:center; margin-bottom:6px;margin-top:6px;border:solid 1px linen;text-decoration:none }



.tOne {
	width:990px;
	border-collapse:collapse;
	margin:0;
	padding:0;
}

.testL {
background:transparent url('/images/test3-shadowL.gif');
background-repeat:repeat-y;
background-position:left;
width:19px;
border-collapse:collapse
}
.testR {
background:transparent url('/images/test3-shadowR.gif');
background-repeat:repeat-y;
background-position:left;
width:19px;
border-collapse:collapse
}

.testtop {
background:transparent url('/images/test3-shadowT.gif');
background-repeat:repeat-x;
background-position:bottom center;
border-collapse:collapse;
}
.testbottom {
background:transparent url('/images/test3-shadowB.gif');
background-repeat:repeat-x;
background-position:top center;
border-collapse:collapse
}

a.squarebutton{
background: transparent url('/images/square-gold-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 23px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 31px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #000000; /*button text color*/
font-weight:bold
}

a.squarebutton span{
background: transparent url('/images/square-gold-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
margin-right:12px;
font-family:arial;
font-size:10pt
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #a52a2a;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-bottom:10px;
}

/*Image Gallery*/

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
border-bottom-width: 6px;
width: 505px; /*width of featured content slider*/

}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: #A4B2BC;
width: 495px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height:100%;
font-family:arial;
color:white;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 545px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
background-color: #A4B2BC;
padding: 5px 10px;
}

.pagination a{
text-decoration: none; 
color: #00007D;
}

.pagination a:hover, .pagination a.selected{
color: #000;

}
#slider2{
border: none;
height: 385px;
}

#paginate-slider2{
background-color: #A4B2BC;
border-color: darkred;
}

#paginate-slider2 a img{
height: 80px;
border: 2px solid gray;
margin-top: 5px;
margin-bottom: 5px;
}

#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid red;
}


