@CHARSET "ISO-8859-1";
/**********************************************
PAGES ON THE SITE WILL MATCH THE FOLLOWING SCHEME:
1.  A BOX (1000PX X 600 PX) IS CENTERED ON THE 
	SCREEN HORIZONTALLY AND VERTICALLY
2.  THIS BOX IS SURROUNDED BY A COLORED BACKGROUND
	(ALMOST ALWAYS BLACK)
3.	THE BOX IS LAYED OUT AS FOLLOWS:
	A.  MENU (LAYED OUT IN A TABLE, 1000PX X 27PX)
	B.	HEADER (1000PX X 194PX)
	C.	CONTENT AREA FOR PAGE (1000PX X 325PX)
	D.	FOOTER (1000PX X 54PX)
	
<div id="divHeader"></div>
<div id="divContent"></div>
<div id="divFooter"></div>
	
**********************************************/

/*colors*/
.cream{color:#e6d6ae;}
.gold{color:#997919;}
.ltgold{color:#cba73e;}
.red{color:#a0040a;}
.blue{color:#1d3961;}
.silver{color:#80807f;}
.ltsilver{color:#d3d1d1;}
.white{color:#ffffff;}
.black{color:#000000;}

.bold{font-weight:bold;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.pad-left{margin-left:10px;}
.pad-right{margin-right:10px;}
.pad-top{margin-top:10px;}
.pad-bottom{margin-bottom:10px;}

/* make sure the page fills the browser window*/
html {
	height: 100%;
	width: 100%;
	overflow:auto;
}
/*background and sizing*/
body {
	height: 100%;
	width: 100%;
	background: black;
	color: #e6d6ae;
	font-size:12pt;
	font-family:tahoma, arial, sans-serif;
}
a{
	color: #e6d6ae;
	font-size:12pt;
	font-family:tahoma, arial, sans-serif;
	cursor:pointer;
}

/*used to center the content on the page*/
table.layout {
	width: 100%;
	height: 100%;
	overflow:hidden;
}
/*centered box for the page*/
#divAllContent {
	height: 600px;
	width: 1000px;
	border: 1px solid #828282;
	overflow:hidden;
}
/*box that contains the JavaScript enabled page, so it can fade in at run time;*/
#divJS {height:100%;overflow:hidden;visibility:hidden;}

#divHCF {visibility:hidden;height:573px;}
/*menu area*/
#divMenu {
	height: 27px;
	background: black url('../images/menu-background.jpg') repeat-x;
	border-bottom:1px solid #333333;
}

/*IFrame for content*/
#ifrContent {
	width:1000px;
	height:573px;
	overflow:hidden;
	background:black;
}

/*header area*/
#divHeader {height: 194px;}
.header{background:black url(../images/header.jpg) no-repeat;}
/*page content*/
#divContent {height: 325px;overflow:hidden;}
/*footer area*/
#divFooter {height: 54px;}
.footer{background:black url(../images/footer.jpg) no-repeat;}


/*menu text*/
.menu-item{
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:0;
	padding:0;
	
}
.menu-item a,.menu-dropdown-item a{
	color:#80807f;
	font:10pt sans-serif;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

.over-enabled .menu-item-over a{
	color:#d3d1d1;
}
.menu-item-active{background:black url(../images/menu-background-rev.jpg);}
.menu-item-active a{color:#cba73e;}


/*menu button separator*/
.menu-separator{
	background: black url('../images/menu-separator.jpg') no-repeat;
	height:27px;
	width:2px;
}
/*menu drop-down*/
.menu-dropdown{
	width:140px;
	background:black;
	border:1px solid #424242;
	overflow:hidden;
}
.menu-dropdown-item{
	background: black url('../images/menu-background.jpg') repeat-x;
	height:20px;
	text-align:left;
	padding-top:4px;
	padding-left:4px;
	cursor:pointer;
	overflow:hidden;
	border:0;
	color:#80807f;
	font:10pt sans-serif;
}
/*.menu-dropdown-item a:hover{color:#d3d1d1;}*/ 
.menu-dropdown-icon{cursor:pointer;width:24px;text-align:center;vertical-align:bottom;}
.menu-dropdown-icon img{cursor:pointer;margin-bottom:5px;}
.menu-dropdown-icon-over img{background:#353535;}


/*this shows up if javascript is not available, hides itself if it is*/
#divNoJS {
	padding: 30px;
	height:450px;
	background: url(../images/nojs.jpg) no-repeat bottom center;
}
#divNoJS h1 {font-size: 18pt;margin-bottom:28px;}
#divNoJS p {font-size: 12pt;margin-bottom:10px;}
/*the scriptless site link*/
#divNoJS a {font-size: 14pt;}
#divNoJS a:hover{color:#cba73e;}
.arrow-right{
	height:11px;
	width:36px;
	border:0;
	cursor:pointer;
	overflow:hidden;
	background:transparent url(../images/arrow_buttons.gif) top left no-repeat;
}
.arrow-over-right{
	background-position:0px -11px;
}
.arrow-click-right{
	background-position:0px -22px;
}

.arrow-left{
	height:11px;
	width:36px;
	border:0;
	cursor:pointer;
	overflow:hidden;
	background:transparent url(../images/arrow_buttons.gif) 0px -33px no-repeat;
}
.arrow-over-left{
	background-position:0px -44px;
}
.arrow-click-left{
	background-position:0px -55px;
}


/**************************************************************
article text
**************************************************************/
.article h1{
	font-size:28pt;
	font-weight:bold;
	font-family:tahoma, arial, sans-serif;
}
.article h2{
	font-family:tahoma, arial, sans-serif;
	font-size:18pt;
	font-weight:bold;
	color:#D4C296;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	width:50%;
}

.article td h2{
	margin-top:0;
	width:100%;
}
.article p, .article ul, .article ol{
	font-family:tahoma, arial, sans-serif;
	font-size:12pt;
	font-weight:normal;
	margin-bottom:10px;
	text-align:justify;
}
.article .caption{
	font-family:times, serif;
	font-style:italic;
	font-size:12pt;
}
.article p.block{
	margin-left:30px;
	margin-right:5px;
	font-style:italic;
}
.article ol li {list-style-type:decimal;margin-left:40px;}

.article table.pic{
	border:3px solid #1e1e1e;
}
.article table.pic td{
	padding:0;
	background:#1e1e1e;
}

tr.even-row{background:#131313;padding:3px;}
tr.odd-row{background:#3b2f0a;padding:3px;}
tr.odd-row td,tr.even-row td{vertical-align:top;}
table.center th,table.center td{text-align:center;}
.article th{padding:2px;padding-left:4px;font-size:10pt;font-weight:bold;}

/* ie scrollbar style extension*/
*{
	cursor:default;
	scrollbar-3d-light-color:#AB8A43;
	scrollbar-arrow-color:#665422;
	scrollbar-base-color:#59481A;
	scrollbar-darkshadow-color:#6A4E1E;
	scrollbar-face-color:#8B7744;
	scrollbar-highlight-color:#91773C;
	scrollbar-shadow-color:#443B12;
	scrollbar-track-color:#37310D;
}

/**************************************************************
ROUNDED CORNER BOX STYLES
pattern: color-box-tl,tc,tr
				  -ml,mc,mr
				  -bl,bc,br
				  (these nine cell are
				   layed out like tic-tac-toe) 
**************************************************************/
.rounded-box-tl, .rounded-box-bl {padding-left: 16px;}
.rounded-box-tr, .rounded-box-br {padding-right: 16px;}

.rounded-box-tl, .rounded-box-tc, .rounded-box-tr {height: 31px;zoom: 1;overflow: hidden;}
.rounded-box-tl{
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
}
.rounded-box-tc{
	background-color:transparent;
	background-position:top left;
	background-repeat:repeat-x;
	font-family: tahoma, arial, sans-serif;
	font-size:20pt;
	font-weight:bold;
	color:#1d3961;
}
.rounded-box-tr {
	background-color:transparent;
	background-position:right -31px;
	background-repeat:no-repeat;
}
.rounded-box-ml, .rounded-box-mc, .rounded-box-mr {zoom: 1;}
.rounded-box-ml {background: transparent url(../images/sides.gif) repeat-y left;padding-left: 3px;}
.rounded-box-mc {
	background-color:transparent;
	background-position:left -49px;
	background-repeat:repeat-x;
	padding: 4px 10px;
	font-family: tahoma, arial, sans-serif;
	/*text-align:justify;*/
	font-size:10pt;
	color:black;
}
.rounded-box-mr {background: transparent url(../images/sides.gif) repeat-y right;padding-right: 3px;}
.rounded-box-bl, .rounded-box-bc, .rounded-box-br {zoom: 1;height: 18px;overflow: hidden;}
.rounded-box-bl {
	background-color:transparent;
	background-position:left -62px;
	background-repeat:no-repeat;
}
.rounded-box-bc {
	background-color:transparent;
	background-position:left -31px;
	background-repeat:repeat-x;
}
.rounded-box-br {
	background-color:transparent;
	background-position:right -80px;
	background-repeat:no-repeat;
}
.rounded-box-close{
	text-align:right;
	color:#e6d6ae;
	font-family: tahoma, arial, sans-serif;
	font-size:12pt;
	font-weight:bold;
}
.rounded-box-content-layer{
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	overflow:hidden;
	z-index:2;
}
.rounded-box-scrollers{
	z-index:3;
	width:100%;
}
.rounded-box-scrollers div{
	margin-left:15px;
	margin-right:15px;
}

.rounded-box-title-small{
	font-family: tahoma, arial, sans-serif;
	font-weight:bold;
	font-size:10pt;
	padding-top:8px;
	color:#1d3961;
	cursor:default;
	overflow:hidden;
}
.black-box-rounded-box-tl {background-image:url(../images/corners-black.gif);}
.black-box-rounded-box-tc {background-image:url(../images/edges-black.gif);color:#e6d6ae;}
.black-box-rounded-box-tr {background-image:url(../images/corners-black.gif);}
.black-box-rounded-box-mc {background-color: black;padding: 5px;}
.black-box-rounded-box-bl {background-image:url(../images/corners-black.gif);}
.black-box-rounded-box-bc {background-image:url(../images/edges-black.gif);}
.black-box-rounded-box-br {background-image:url(../images/corners-black.gif);}

.topaz-box-rounded-box-tl {background-image:url(../images/corners-topaz.gif);}
.topaz-box-rounded-box-tc {background-image:url(../images/edges-topaz.gif);color:#e6d6ae;}
.topaz-box-rounded-box-tr {background-image:url(../images/corners-topaz.gif);}
.topaz-box-rounded-box-mc {background-color: #997919;padding: 5px;}
/*.topaz-box-rounded-box-mc {background: #997919 url(../images/jccvb_logo.jpg) bottom left no-repeat;padding: 5px;}*/
.topaz-box-rounded-box-bl {background-image:url(../images/corners-topaz.gif);}
.topaz-box-rounded-box-bc {background-image:url(../images/edges-topaz.gif);}
.topaz-box-rounded-box-br {background-image:url(../images/corners-topaz.gif);}

.ltgold-box-rounded-box-tl {background-image:url(../images/corners-ltgold.gif);}
.ltgold-box-rounded-box-tc {background-image:url(../images/edges-ltgold.gif);color:#e6d6ae;}
.ltgold-box-rounded-box-tr {background-image:url(../images/corners-ltgold.gif);}
.ltgold-box-rounded-box-mc {background-color: #cba73e;padding: 5px;}
.ltgold-box-rounded-box-bl {background-image:url(../images/corners-ltgold.gif);}
.ltgold-box-rounded-box-bc {background-image:url(../images/edges-ltgold.gif);}
.ltgold-box-rounded-box-br {background-image:url(../images/corners-ltgold.gif);}

.gold-box-rounded-box-tl {background-image:url(../images/corners-gold.gif);}
.gold-box-rounded-box-tc {background-image:url(../images/gradient-gold.gif);}
.gold-box-rounded-box-tr {background-image:url(../images/corners-gold.gif);}
.gold-box-rounded-box-mc {background-image:url(../images/gradient-gold.gif);background-color:#9B7A19;}
.gold-box-rounded-box-bl {background-image:url(../images/corners-gold.gif);}
.gold-box-rounded-box-bc {background-image:url(../images/gradient-gold.gif);}
.gold-box-rounded-box-br {background-image:url(../images/corners-gold.gif);}

.popup-title{
	font-family: tahoma, arial, sans-serif;
	font-weight:bold;
	font-size:10pt;
	padding-top:6px;
	color:#1d3961;
	cursor:default;
	overflow:hidden;
}
.popup-content{
	font-family: tahoma, arial, sans-serif;
	font-size:9pt;
	padding:3px;
	padding-top:4px;
	cursor:default;
	/*text-align:justify;*/
	overflow:hidden;
}

/* links DIV on the panel object*/
.lpap-links{
	width:188px;
	height:190px;
	text-align:left;
	overflow:hidden;
}

.lpap-links a{text-decoration:none;}
.lpap-links a:hover{color:#cba73e;}

.lpap-popup{
	width:188px;
	height:124px;
	text-align:left;
	overflow:hidden;
}

.lpap-links-scroll-area{
	height:154px;
	overflow:hidden;
	border-left:2px solid #1a1a1a;
	border-right:2px solid #1a1a1a;
	padding-left:5px;
	padding-right:2px;
}
div.lpap-links-link-container{text-indent:-10px;padding-left:10px;}
div.lpap-links-link-container a{font-size:11pt;line-height:22px;}

.lpap-links-top{height:18px;background: url(../images/scroll_links.jpg) 0px -198px;overflow:hidden;}
.lpap-links-bottom{height:18px;background: url(../images/scroll_links.jpg) 0px -216px;overflow:hidden;}

.lpap-links-top-transparent{height:18px;background: url(../images/scroll_links.gif) 0px 0;overflow:hidden;}
.lpap-links-bottom-transparent{height:18px;background: url(../images/scroll_links.gif) 0px -18px;overflow:hidden;}



.lpap-links-top-scroller{
	cursor:pointer;
	background: url(../images/scroll_links.jpg) 0px -180px;
}
.lpap-links-top-scroller-over{background: url(../images/scroll_links.jpg) 0px -144px;}
.lpap-links-top-scroller-click{background: url(../images/scroll_links.jpg) 0px -162px;}

.lpap-links-bottom-scroller{
	height:18px;
	cursor:pointer;
	background: url(../images/scroll_links.jpg) 0px -234px;
}
.lpap-links-bottom-scroller-over{background: url(../images/scroll_links.jpg) 0px -270px;}
.lpap-links-bottom-scroller-click{background: url(../images/scroll_links.jpg) 0px -252px;}

.popup-timer-bar{
	margin-top:2px;
	height:2px;
	width:100%;
	background:#506583;
	overflow:hidden;
}

.execution-table{
	width:350px;
	height:250px;
	overflow:hidden,
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	z-index:2;
	float:left;
}
.execution-table td{vertical-align:top;padding:5px;}
.execution-table td.pic{width:188px;padding:0;}
.execution-table-details{border:1px solid #7e7e7e;padding:6px;height:250px;width:350px;overflow:hidden;background:#1e1e1e;z-index:1;margin-bottom:30px;}

div.sn-links{
	background:transparent url(../images/sn_links_bg.gif) no-repeat;
	width:151px;
	height:36px;
	position:absolute;
	z-index:500;
	text-align:center;
}
div.sn-links div{
	width:32px;
	height:32px;
	cursor:hand;
	overflow:hidden;
	position:absolute;
}

.sn-facebook{background:transparent url(../images/sn_links.jpg) 0px 0px no-repeat;}
.sn-flickr{background:transparent url(../images/sn_links.jpg) -32px 0px no-repeat;}
.sn-twitter{background:transparent url(../images/sn_links.jpg) -64px 0px no-repeat;}
.sn-youtube{background:transparent url(../images/sn_links.jpg) -96px 0px no-repeat;}

.sn-facebook-over{background-position:0px -32px;}
.sn-flickr-over{background-position:-32px -32px;}
.sn-twitter-over{background-position:-64px -32px;}
.sn-youtube-over{background-position:-96px -32px;}

.sn-facebook-down{background-position:0px -64px;}
.sn-flickr-down{background-position:-32px -64px;}
.sn-twitter-down{background-position:-64px -64px;}
.sn-youtube-down{background-position:-96px -64px;}

.print-button-bg{
	width:76px;
	height:36px;
	overflow:hidden;
	position:absolute;
	background: transparent url(../images/print_button_bg.gif) no-repeat;
}
.print-button{
	height:33px;
	width:70px;
	overflow:hidden;
	text-align:center;
	font-size:8pt;
	padding-top:2px;
	background: transparent url(../images/print_button.jpg) 0px 0px no-repeat;
}
.print-button-over{background-position: 0px -33px;}
.print-button-down{background-position: 0px -66px;}
