﻿html, form, body
{ 
	/*background: #CFD3D3; */
	background-color: White;
	margin: 0;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #595959;
	
	
	height: 100%;
}

input[type="text"], input[type="password"]
{
	font-size: 12px;
	/*height: 14px;
	line-height: 14px;*/
	border: solid 1px #595959;
}
select
{
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	border: solid 1px #595959;
}
textarea
{
	font-size: 12px;
	border: solid 1px #595959;
}
input[type="submit"], input[type="button"]
{
	font-size: 12px;
	color: #595959;
	border: solid 1px #595959;
	background-color: #F3F1EF;
    font-variant: small-caps;
}
input[type="submit"]:hover, input[type="button"]:hover
{
	font-size: 12px;
	color: #595959;
	border: solid 1px #F3F1EF; /* #0A50A1; */
	background-color: #F3F1EF;
    font-variant: small-caps;
}

/* Default links */
A, A:link, A:active, A:visited
{
	color: #0A50A1; /* blue */ 
	text-decoration:none;
}
A:hover
{
	/*color: #F25F00; red */
	/*color: #FFAF00; gold */
	color: #0A50A1;
	text-decoration:underline;
}

/* Defaults for table layout */
table
{
	padding: 0; 
	margin: 0;
	border-collapse: collapse;
}
tr
{
	padding: 0; 
	margin: 0;
	border-collapse: collapse;
}
td
{
	padding: 0; 
	margin: 0;
	border-collapse: collapse;
}

.dataentry
{
	padding: 3px; 
	margin: 0;
}
.dataentry tr
{
	padding: 3px; 
	margin: 0;
}
.dataentry td
{
	padding: 3px; 
	margin: 0;
}

/* Text overrides */
.title
{
	font-size: 21px;
	font-weight: bold;
	color: #0A50A1;
}
.title_small
{
	font-size: 14px; 
	color: #0A50A1;
}
.description
{
	font-size: 18px;
	color: #7F7F7F;
}
.description_small
{
	font-size: 13px;
	color: #595959;
}
.section_title
{
	font-size: 18px;
	color: #0056AE;
	font-weight: bold;
}

/* Masthead container */
.masthead
{
	position: relative;
	width: 100%; 
	height: 104px; 
	background-image: url('masthead2.jpg'); 
	background-repeat: no-repeat;
}
.masthead .tagline
{
	width: 70%;
	height: 52px;
	line-height: 52px;
	vertical-align: middle;
	color: #595959;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	padding-left: 220px;
	cursor: pointer;
}
.masthead .linklist
{
	width: 100%;
	height: 52px;
	line-height: 52px;
	vertical-align: middle;
	font-size: 12px;
	font-family: Arial;
	color: #0A50A1;
	padding-right: 60px;
}
.masthead .linklist a, .masthead .linklist a:active, .masthead .linklist a:visited
{
	font-size: 12px;
	font-family: Arial;
	/*color: #0A50A1;
	text-decoration: none;*/
}
.masthead .linklist a:hover
{
	font-size: 12px;
	font-family: Arial;
	/*color: #0A50A1;
	text-decoration: underline;*/
}

/* Sub Navigation */
.subnav
{
	width: 547px;
	height: 51px;
}
.subnav .content
{
	background-image: url('subnav.jpg');
	background-repeat: repeat-x;
	height: 51px;
}
.subnav .left
{
	background-image: url('subnav_left.jpg');
	background-repeat: no-repeat;
	width: 5px;
	height: 51px;
}
.subnav .right
{
	background-image: url('subnav_right.jpg');
	background-repeat: no-repeat;
	width: 5px;
	height: 51px;
}
.subnav .sep
{
	background-image: url('subnav_seperator.jpg');
	background-repeat: no-repeat;
	width: 6px;
	height: 51px;
}
.subnav a, .subnav a:link, .subnav a:visited, .subnav a:active
{
	font-size: 12px;
	font-family: Arial;
	color: #595959;
	font-weight: bold;
	text-decoration: none;
}
.subnav a:hover
{
	text-decoration: underline;
}
.subnav .desc
{
	font-size: 10px;
}


/* Buttons for left hand navigation */
.button_main
{
	width: 161px; 
	height: 35px;
	line-height: 35px;
	text-align: center; 
	font-size: 17px;
	font-weight: bold;
	color: #595959;
	border: solid 1px #dddadb; /* #F3F1EF */
	background-image: url('button_main.jpg');
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor: pointer;
}
.button2_main
{
	width: 161px; 
	height: 23px;
	line-height: 23px;
	text-align: center; 
	font-size: 12px;
	font-weight: bold;
	color: #595959;
	border: solid 1px #dddadb; /* #F3F1EF */
	background-image: url('button_main_sub.jpg');
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor: pointer;
}
.button_main_hover
{
	width: 161px; 
	height: 35px; 
	line-height: 35px;
	text-align: center; 
	font-size: 17px;
	font-weight: bold;
	color: #595959;
	border: solid 1px #dddadb; /* #F3F1EF */
	background-image: url('button_main_rollover.jpg');
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;
}
.button2_main_hover
{
	width: 161px; 
	height: 23px;
	line-height: 23px;
	text-align: center; 
	font-size: 12px;
	font-weight: bold;
	color: #595959;
	border: solid 1px #dddadb; /* #F3F1EF */
	background-image: url('button_main_sub_rollover.jpg');
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor: pointer;
}

/* Action Buttons */
.button_action
{
	width: 145px; 
	height: 44px;
	line-height: 44px;
	text-align: left; 
	font-size: 12px;
	font-weight: bold;
	color: #595959;
	background-image: url('button_action.jpg');
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor: pointer;
}
.button_action_hover
{
	background-image: url('button_action_rollover.jpg');
	background-repeat: no-repeat;
}
.button_action_small
{
	width: 79px; 
	height: 24px;
	line-height: 24px;
	text-align: left; 
	font-family: Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #0A50A1;
	background-image: url('button_action_small.jpg');
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor: pointer;
}
.button_action_small_hover
{
	background-image: url('button_action_small_rollover.jpg');
	background-repeat: no-repeat;
}

/* Buttons for Admin page navigation */
.button_admin
{
	width:100px; 
	height: 35px; 
	line-height: 35px;
	border-right: solid 1px white; 
	background-color: #F3F1EF;
	color: #595959;
	text-align: center; 
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
.button_admin_hover
{
	background-color: #0A50A1; 
	color: #FFFFFF;
}

/* Container for main (middle) */
.container_main
{
	width: 568px;
	/*height: 500px;*/
	background-image: url('theme/v2/container_main.jpg'); 
	background-repeat: no-repeat; 
	padding: 0; 
	margin: 0;
	border-collapse: collapse;
}
.container_main tr.top
{
	width: 568px;
	height: 18px;
	background-image: url('container_main_top.jpg'); 
	background-repeat: no-repeat; 
}
.container_main tr.middle
{
	width: 568px;
	background-image: url('container_main_middle.jpg'); 
	background-repeat: repeat-y; 
}
.container_main tr.bottom
{
	width: 568px;
	height: 20px;
	background-image: url('container_main_bottom.jpg'); 
	background-repeat: no-repeat; 
}

.container_main .lazyitem
{
	width: 500px;
	padding: 5px;
	border: solid 1px gainsboro;
}

/* Container for left side */
.container_left
{
	width: 186px; 
	height: 500px;
	/*min-height: 700px;
  	height: auto !important;*/
  	/*background-image: url('container_left.jpg'); 
	background-repeat: no-repeat;*/
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}
.container_left tr.top
{
	width: 186px;
	height: 20px;
	background-image: url('container_left_top.jpg'); 
	background-repeat: no-repeat;
}
.container_left tr.middle
{
	width: 186px; 
	background-image: url('container_left_middle.jpg'); 
	background-repeat: repeat-y;
}
.container_left tr.bottom
{
	width: 186px; 
	height: 20px;
	background-image: url('container_left_bottom.jpg'); 
	background-repeat: no-repeat;
}
.container_left a, .container_left a:visited, .container_left a:active
{
	font-size: 12px; 
	color: #595959;
	text-decoration: none;
}
.container_left a:hover
{
	font-size: 12px; 
	color: #595959;
	text-decoration: underline;
}
/* Container for right side */
.container_right
{
	width: 194px; 
	height: 500px;
	/*min-height: 500px;
  	height: auto !important;*/
  	padding: 0; 
	margin: 0; 
	border-collapse: collapse;
}
.container_right tr.top
{
	width: 194px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	color: #595959;
	font-weight: bold;
	background-image: url('container_right_top.jpg'); 
	background-repeat: no-repeat;
}
.container_right tr.middle
{
	width: 194px; 
	background-image: url('container_right_middle.jpg'); 
	background-repeat: repeat-y;
}
.container_right tr.bottom
{
	width: 194px; 
	height: 20px;
	background-image: url('container_right_bottom.jpg'); 
	background-repeat: no-repeat;
}

/* Container for news items */
.container_news
{
	width: 171px; 
	height: 131px; 
	font-size: 11px;
	color: #595959;
	background-image: url('container_news.jpg');
	background-repeat: no-repeat;
}
.container_news .header
{
	/*display: table-cell;*/
    width: 163px; 
	height: 31px; 
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	font-size: 11px;
	color: #595959;
	font-weight: bold;
	background-image: url('container_news_header.jpg');
	background-repeat: no-repeat;
}
.container_news .content
{
	width:92%; 
	height: 92px; 
	font-size: 11px;
	color: #595959;
	padding: 0; 
	margin: 0; 
	border-collapse: collapse;
}
.container_news .content .text
{
	height: 85px;
	overflow: hidden;
}

/* Container for Flash and/or banner */
.container_flash
{
	width: 547px; 
	height: 146px; 
	line-height: 146px;
	vertical-align: middle;
	text-align: center;
	background-image: url('container_main_flash.jpg');
	background-repeat: no-repeat;
}

/* Container for side by side (2 per page) content */
.container_content_2pp
{
	width: 267px; 
	height: 258px; 
	background-image: url('container_content1.jpg');
	background-repeat: no-repeat;
}
.container_content_2pp .header
{
	width: 267px; 
	height: 38px; 
	line-height: 38px;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	color: #0056AE;
	font-weight: bold;
}
.container_content_2pp .container
{
	width: 224px;
	height: 208px;
	color: #7F7F7F;
	font-size: 12px;
	font-weight: bold;
}
.container_content_2pp .container .linkbox
{
	width: 165px;
}
.container_content_2pp .container .linkbox td
{
	text-align: left;
	font-size: 11px;
}

/* Container for bulleted lists of items on content pages*/
.container_list
{
	width: 557px;
}
.container_list .header
{
	width: 557px;
	height: 55px;
	background-image: url('container_tab_top.jpg');
	background-repeat: no-repeat;
	line-height: 55px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-family: Arial;
	color: #595959;
	font-weight: bold;
}
.container_list .header_notab
{
	width: 557px;
	height: 26px;
	background-image: url('container_tab_top_notab.jpg');
	background-repeat: no-repeat;
}
.container_list .body
{
	width: 557px;
	/*height: 470px;*/
	background-image: url('container_tab_middle.jpg');
	background-repeat: repeat-y;
}
.container_list .bottom
{
	width: 557px;
	height: 26px;
	background-image: url('container_tab_bottom.jpg');
	background-repeat: no-repeat;
}
.container_list .content
{
	width: 500px; 
	background-color: white; 
	padding: 0 5px 0 5px;
}
.container_list .content td
{
	padding: 1px 5px 1px 5px;
	font-size: 12px;
	color: #595959;
}


/* GridViews */
.grid
{
	border: solid 1px gainsboro;
	background-color: #FFFFFF;
}
.grid th
{
	background-color: #0A50A1;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.grid td
{
	padding: 2px 0px 2px 0px;
	font-size: 12px;
}
.grid .alt
{
	background-color: #F5F5F5;
}

/* image borders */
.img
{
	border: solid 2px #cbcbcb;
	padding:5px;
	background-color: #E0EFF6;
}

.img_caption
{
	font-size: 9px;
}

/* used for the rollover on the SPOTLIGHT itme icons */
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

/* Slideshow */
#slideshow {
    position: relative;
    width: 547px;
    height: 146px;
}

#slideshow IMG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}

#slideshow IMG.active {
    z-index: 10;
}

#slideshow IMG.last-active {
    z-index: 9;
}

