﻿/************************
* PAGE HEADER           *
************************/
#header
{
	margin: 0px;
	margin-bottom: 8px;
	z-index: 6;
}

/************************
* SOCIAL HEADER         *
************************/
#socialbar
{
	height: 23px;
	background: #EFEFEF;
	border: 1px solid #CCC;
	text-align: center;
	overflow: hidden;
	padding-top: 3px;
	line-height: normal;
	margin-bottom: 3px;
}

#socialbar .RadRotator
{
	text-align: left;
	width: auto !important;
	line-height: 22px;
	margin-left: -10px;
	font-size: .95em;
}

#socialbar .RadRotator a
{
	font-weight: bold;
}

#socialbar .RadRotator ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#socialbar .last
{
	text-align: right;
}
#socialbar .last a
{
	text-align: right;
	margin: 0px 3px 0px -2px;
}

/************************
* BANNER ROTATOR        *
************************/
#banner
{
	clear: both;
	position: relative;
}

#banner .links
{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 500px;
	text-align: right;
	z-index: 99;
}

#banner .links a
{
	color: #EEEEEE;
	padding-top: 5px;
	background: no-repeat left center;
	font-weight: bold;
	padding-right: 5px;
}
#banner .links a:hover
{
	color: #FFF;
}
#banner .links .mobile
{
	background-image: url(images/cellphone.png);
	padding-left: 17px;
}
#banner .links .mcn
{
	background-image: url(images/mcn.png);
	padding-left: 22px;
}
#banner .links .contact
{
	background-image: url(images/contact.png);
	padding-left: 27px;
}
#banner_container
{
	clear: both;
	width: 950px;
	height: 225px;
	position: relative;
	overflow: hidden;
}
#banner_container img
{
	width: 950px;
	height: 225px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
#banner_container img.show
{
	display: none;
	z-index: 1 !important;
}
/************************
* TopNav Menu           *
************************/
#topnav
{
	z-index: 70;
	clear: both;
	height: 25px;
	margin: 0px;
	position: relative;
	background: #2757E7 url(images/TopNavBG.png) repeat-x;
}

#smoothcontainer
{
	margin-right: 5px;
}

.smoothmenu ul
{
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .9em;
}
/*Top level list items*/
.smoothmenu ul li
{
	position: relative;
	display: block;
	float: left;
	border-right: 1px solid #11a;
	line-height: normal;
}
/*Top level menu link items style*/
.smoothmenu ul li a
{
	display: block;
	color: #fff;
	padding: 5px 10px;
}

.smoothmenu ul li a:hover
{
	background: url('images/TopNavBG.png') repeat-x #062Fc5;
}

.smoothmenu ul li .green
{
	background: #393 url(images/TopNavBG.png) repeat-x;
}
.smoothmenu ul li .green:hover
{
	background-color: #171;
}
.smoothmenu ul li a .sf-sub-indicator
{
	font-weight: bold;
	vertical-align: top;
}

/*1st sub level menu*/
.smoothmenu ul li ul
{
	position: absolute;
	display: none;
	border: 1px solid #060Fa5;
	background: #FFF;
	width: 174px;
	box-shadow: 1px 2px 15px #060606;
	-moz-box-shadow: 1px 2px 15px #060606;
	-webkit-box-shadow: 1px 2px 15px #060606;
}

.smoothmenu ul li ul li
{
	border: none;
	border-bottom: 1px solid #cecece;
	display: block;
	float: none;
}
/*Sub level menu links style*/
.smoothmenu ul li ul li a
{
	padding: 6px 10px;
	color: #060Fa5;
}
.smoothmenu ul li ul li a:hover
{
	background: #062Fc5;
	color: #fff;
}
.smoothmenu ul li ul li a span
{
	position: absolute;
	right: 7px;
	top: 5px;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu*/
.smoothmenu ul li ul li ul
{
	top: 0px;
	left: 170px;
}
/************************
* Search Box            *
************************/
#sf_searchBox
{
	color: #002D3C;
	width: 115px;
	margin: 0;
	padding: 0;
	border: 0;
}

#sf_searchBox label
{
	display: none;
	visibility: hidden;
}

#sf_searchBox .sf_searchText
{
	width: 80px;
	font-size: 0.9em;
	height: 10px !important;
	margin-right: 3px;
	background: #FFF;
}

#sf_searchBox .sf_searchSubmit
{
	height: 18px;
	width: 22px;
	background: url('/images/icons/icon-search.png') no-repeat;
	border: none;
	padding: 0px;
	cursor: pointer;
	vertical-align: middle; 
	*vertical-align: text-bottom; 
}

#sf_searchBox .sf_searchSubmit:hover
{
	background-position: 0px -20px;
}

/****************************
* LEFT COLUMN                *
****************************/
#navcol
{
	border: 1px solid #BCB6EB;
	background: #DDE0FF;
}

#navcol ul, #navcol ul ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navcol ul li a,
#navcol ul li span
{
	padding: 8px 0px 8px 10px;
	display: block;
	background-color: #002761;
	color: #FFF;
	border-bottom: 1px solid #385098;
}

#navcol ul li .active,
#navcol ul li .active a
{
	border: none;
	background: #2050E0 url(images/LeftColumnHeader.png) repeat-x;
}

#navcol ul li a:hover,
#navcol ul li .active a:hover
{
	background-color: #1040d0;
}

#navcol ul .separator
{
	border-top: 1px solid #DDD;
}
#navcol ul .menu a
{
	background: #153390;
}
#navcol ul .menu a:hover
{
	background: #102E8B;
}
#navcol ul li .menu .selected
{
	background: #5969CA;
	font-weight: bold;
	margin-bottom: -10px;
}
#navcol ul li .menu .selected:hover
{
	background: #3A4BA0;
}
#navcol ul li .single .selected
{
	background: #062481;
	margin-bottom: 0px;
}
/****************
* Sub Menus     *
****************/
#navcol ul ul
{
	padding: 10px 10px 5px 10px;
	background: #5969CA;
	font-size: .9em;
}

#navcol ul li ul li a
{
	font-weight: normal;
	padding: 4px 5px 6px 15px;
	background: none;
	border: none;
}
#navcol ul li ul li a:hover
{
	color: #FFF !important;
	background: #3A4BA0;
}
#navcol ul li ul li .selected
{
	background: #304196;
	color: #FFF;
}
#navcol ul li ul li .selected:hover
{
	background: #3A4BA0;
}
/****************
* TreeView      *
****************/
#navcol .RadTreeView ul li .rtSp, #navcol .RadTreeView ul li .rtMinus, #navcol .RadTreeView ul li .rtPlus
{
	height: 0px;
	visibility: hidden;
	display: none;
}
#navcol .RadTreeView .rtLI
{
	display: inline;
}
#navcol .RadTreeView .rtLI .active
{
	border: none;
}
#navcol .RadTreeView ul li ul .rtLI A, #navcol ul li .menu .selected
{
	border: none;
}
/********************
* Departments Menu    *
********************/
#navcol select
{
	display: block;
	margin: 0px 0px 7px 12px;
	font-size: x-small;
	width: 155px;
}
#navcol ul li span select
{
	display: block;
	margin: 3px 0px 5px;
	font-size: x-small;
	width: 165px;
}
#navcol .RadTreeView ul .rtLI select
{
	display: block;
	margin: 0px 0px 5px;
	font-size: x-small;
	width: 165px;
}
/********************
* Department Conact    *
********************/
#navcol address
{
	margin-top: 5px;
	text-align: center;
	color: #000;
	font-weight: normal;
	padding: 3px 0px 15px;
}
#navcol address strong
{
	font-size: 1.1em;
	color: #036;
}
#navcol address a, #navcol ul li address a
{
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	display: inline;
	background: none;
	font-weight: bold;
	border: none;
	color: #036;
}
#navcol address a:hover, #navcol ul li address a:hover
{
	background: none;
	color: #069;
}
#navcol .contact
{
	display: block;
	margin-top: 8px;
	height: auto;
}
/***********************
* Main Column          *
***********************/
#maincol
{
	padding: 5px 5px 20px 5px;
}

#maincol ul
{
	margin-bottom: 15px;
}

#maincol p
{
	margin: 0px 10px 25px 0px;
}

#maincol a
{
	font-weight: bold;
}

#breadcrumb
{
	display: block;
	font-size: .80em;
	background: #f0f0f0;
	border: 1px solid #CCC;
	overflow: hidden;
	padding: 3px 5px;
	margin-bottom: 15px;
}

#breadcrumb a
{
	color: #333;
	font-weight: bold;
}

/************************
* Definition Lists		*
************************/
#maincol dl
{
	margin: 10px 0px;
}

#maincol dt
{
	background: #e5e5f0;
	border: 1px solid #CCC;
	padding: 5px 5px 5px 10px;
	font-size: 1.2em;
	font-weight: normal;
}

#maincol dt a
{
	background: url(images/bullet.gif) no-repeat 5px center;
	padding-left: 15px;
}

#maincol dd
{
	padding: 15px;
	border: 1px solid #aac;
	border-top: none;
	margin: 0px 10px 25px 10px;
	background: #f5f5ff;
}

#maincol dd p
{
	margin-bottom: 15px;
}

/************************
* ACcordion				*
************************/
.accordion
{
	margin: 10px 0px;
}

.accordion h2
{
	background: #e5e5f0 url(images/bullet.gif) no-repeat 10px center;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 1.2em;
	padding-left: 20px;
	font-weight: normal;
	margin-bottom: 0px;
}

.accordion .panel
{
	padding: 15px;
	border: 1px solid #aac;
	border-top: none;
	margin: 0px 10px 25px 10px;
	background: #f5f5ff;
}

.accordion .panel p
{
	margin-bottom: 15px;
}

/************************************
* TABLES							*
************************************/
.tablebox
{
	margin-bottom: 20px;
	border-collapse: separate !important;
	border: none !important;
	border-spacing: 4px;
	font-family: helvetica, Arial;
}

.tablebox caption
{
	font-size: 1.5em;
	margin-left: -1px;
	border: 1px solid #99a;
	background: #eef;
	color: #036;
	padding: 5px 0px 3px 10px;
	font-weight: normal;
}

.tablebox th, .tablebox .alt th
{
	font-weight: bold;
	font-size: 1.1em;
	text-align: left;
	padding: 5px;
	background: #dedefe;
	border: 1px solid #ceceee;
}

.tablebox td
{
	padding: 6px 4px 6px 10px;
	background: #efefff;
	border: solid 1px #dfdfef;
}

.tablebox .alt td
{
	background: #F5F5FF;
}

.tablebox .highlight td
{
	background: yellow;
	font-weight: bold;
}

.tablebox th a, .tablebox .alt th a
{
	color: #003;
}

.tablebox p
{
	font-size: 1em;
	margin-bottom: 10px;
}

.tablebox .pager table
{
	width: auto;
	border-collapse:separate;
	border-spacing: 5px;
	margin-bottom: 0px;
}

.tablebox .pager table td
{
	padding: 0px;
}

.tablebox .pager table td a
{
	display: block;
	background: #cedeff;
	padding: 3px 10px;
}

.tablebox .pager table td a:hover
{
	background: #c5d5ff;
}

.tablebox .pager table td span
{
	display: block;
	background: #fff;
	padding: 3px 10px;
}

.constantcontact
{
	border: 1px solid #666 !important;
	border-spacing: 0px;
	box-shadow: 0px 3px 3px 0px #333;
	-moz-box-shadow: 0px 3px 3px 0px #333;
	-webkit-box-shadow: 0px 3px 3px 0px #333;
}

/****************************
*	Tabs					*
****************************/
ul.tabs
{
	height: 40px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	overflow: hidden;
	list-style-type: none;
}

ul.tabs li
{
	background: none;
	text-align: center;
	float: left;
	padding: 0px;
	border: none;
	line-height: normal;
}

ul.tabs li a
{
	outline: none !important;
	color: #88a;
	padding: 5px 22px 35px 22px;
	width: auto !important;
	margin-right: 10px;
	display: block;
	font-size: 1.55em;
	font-weight: normal !important;
	outline: none;
	border-top: 1px solid #f0f0fe;
	border-left: 1px solid #f0f0fe;
	border-right: 1px solid #f0f0fe;
}

ul.tabs li a:hover
{
	color: #77b;	
	background: #f8f8fe;
}

ul.tabs a.current,
ul.tabs a.current:hover
{

	font-weight: bold !important;
	color: #00339f;
	background: #efefff;
	border-bottom: 3px solid #00339f;
	border-top: 1px solid #dfdfef;
	border-left: 1px solid #dfdfef;
	border-right: 1px solid #dfdfef;
}

ul.tabs a.current:hover
{
	background: #f5f5ff;
}

.tab
{
	background: #fff;
	position: relative;
	overflow: auto;

	clear: both;
	margin: -15px 0px 0 0;
	border: 2px solid #ccc;
	padding-top: 15px;
	box-shadow: 0px 2px 15px #062F35;
	-moz-box-shadow: 0px 2px 15px #062F35;
	-webkit-box-shadow: 0px 2px 15px #062F35;
	z-index: 5;
}

.tab .allnews
{
	font-size: 1em;
}

.tab ul
{
	margin-bottom: 40px;
}

.tab ul li
{
	margin-right: 50px;
	background-position: 5px 10px;
}

.tab ul li ul
{
	margin: 0px;
}

.tab ul li ul li
{
	font-size: .9em;
	font-weight: normal !important;
	background-position: 5px 7px;
}	

.border
{
	background: transparent url('images/recentbg.png') repeat;
	clear: both;
	border: 2px solid #4468C3;
	padding-left: 10px;
	position: relative;
	overflow: hidden;
}

/***********************
* Sidebars	           *
***********************/
.sidebar
{
	color: #303030;
}

.sidebar h2
{
	font-size: 1.3em;
	margin: 0px;
	text-align: right;
	height: 30px;
	line-height: 30px;
	padding-right: 10px;
	font-weight: normal;
	color: #303030;
	background: #fff url('images/RightColumnHeader.png') repeat-x;
}

.sidebar a
{
	color: #111;
}

.sidebar a:hover
{
	color: #000;
}

/************************
* Page Footer           *
************************/
#footer
{
	background: url(images/footer.png) no-repeat center top;
	position: relative;
	clear: both;
	padding-top: 95px;
	color: #555;
		font-size: .9em;
}

#footer .leftlinks
{

	position: absolute;
	left: 265px;
	top: 20px;
	bottom: auto;
	right: auto;
}

#footer .rightlinks
{
	font-size: .9em;
	position: absolute;
	left: 525px;
	top: 20px;
	text-align: right;
}
#footer a
{
	color: #777;
}

#footer a:hover
{
	color: #333;
}
#footer .usercount
{
	visibility: hidden;
}

#footer ul
{
	margin: 0px 0px 10px 0px;
	padding: 0 0 0 55px;
}

#footer select
{
	font-size: x-small;
	margin-left: 25px;
	border: 1px solid #666;
	width: 155px;
}
#footer .socials
{
	padding-left: 20px;
}
#footer .socials A IMG
{
	display: inline;
	margin: 3px 0px 0px 5px;
	border: none;
}

#footer address
{
	text-align: center;
	margin-left: -45px;
	font-style: normal;
}

/************************
* Gallery Overlay		*
************************/
#gallery
{
	position: absolute;
	display: none;
	background: #FFF;
	border: 1px solid #339;
	width: 650px;
	height: 450px;
	padding: 50px 15px 30px 40px;
	z-index: 9999;
}
#gallery .info
{
	overflow: auto;
	height: 450px;
	padding-right: 20px;
	z-index: 10000;
	position: relative;
}
#gallery .info IMG
{
	max-width: 600px;
	display: block;
	margin: 0px auto;
}
#gallery .close
{
	background-image: url(images/close.png);
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

#maincol .searchResults dd
{
	margin-bottom: 0px;
}

#maincol .searchResults dt
{
	margin-top: 20px;
}
