﻿/*-------------------------------------------------------------------------------------
	
	Total Width: 950px;

	three column:

	Left	gutter:		7px
	Menu:						252px
	Center gutter:	10px
	Data:						674px - 3col 636px, 4col 403px
	Right gutter:		7px
	


/*-------------------------------------------------------------------------------------
 Header
-------------------------------------------------------------------------------------*/
div.header, td.header
{
	width: 950px;
	height: 246px;
	position: relative;
}

div.headercrumb, td.headercrumb
{
	width: 950px;
	height: 275px;
	position: relative;
}


/*-------------------------------------------------------------------------------------
 Top
-------------------------------------------------------------------------------------*/

#header div#top
{
	width: 950px;
	height: 185px;
	background: url(/img/00/layout/headerbg.jpg) no-repeat;
	position: relative;
}

#header div#top a.lowgraphics
{
	display:block; 
	width: auto; 
	height:20px; 
	top: 5px;
	left: 425px;
	position: absolute;
	font-size: 11px;
	color: #aad7fe;
	text-decoration: none;
}
#header div#top a.lowgraphics:hover
{
	text-decoration: underline;
}

#header div#top div#header
{
	width: 658px; 
	height:130px; 
	top: 55px;
	left: 292px;
	position: absolute;
}

#header div#top a#aPopMenu8
{
	position: absolute;
	left: 28px;
	top: 55px;
	width: 264px;
	height: 34px;
}
#header div#top a#aPopMenu9
{
	position: absolute;
	left: 19px;
	top: 89px;
	width: 260px;
	height: 31px;
}
#header div#top a#aPopMenu10
{
	position: absolute;
	left: 13px;
	top: 120px;
	width: 257px;
	height: 31px;
}
#header div#top a#aPopMenu11
{
	position: absolute;
	left: 11px;
	top: 151px;
	width: 253px;
	height: 34px;
}


#header div#top a.linkbackhome
{
	display:block; 
	width:308px; 
	height:55px; 
	top: 0px;
	position: absolute;
}
#header #top div#button
{
	left: 875px;
	top: 11px;
	width: 67px;
	height: 30px;
	position: absolute;
}

#header #top div#SiteSearch
{
	left: 639px;
	top: 15px;
	width: 229px;
	height: 22px;
	position: absolute;
	background: #ffffff url(/img/00/layout/searchbg.gif) no-repeat;
}

#header #top #SiteSearch input
{  
	width: 229px;
	height: 20px;
	font-size: 13px; 
	color: #646464; 
	text-align: right;
	border: solid 0px #cccccc;
	background-color: Transparent;
	padding: 2px 5px;
	margin: 0px;
}


/*-------------------------------------------------------------------------------------
 Navigation Buttons
-------------------------------------------------------------------------------------*/

#header div#nbuts
{
	width: 950px;
	height: 55px;
	position: relative;
}

#header #nbuts a#aPopMenu2
{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}

#header #nbuts a#aPopMenu3
{
	display: block;
	position: absolute;
	left: 164px;
	top: 0px;
}

#header #nbuts a#aPopMenu4
{
	display: block;
	position: absolute;
	left: 342px;
	top: 0px;
}

#header #nbuts a#aPopMenu5
{
	display: block;
	position: absolute;
	left: 487px;
	top: 0px;
}

#header #nbuts a#aPopMenu6
{
	display: block;
	position: absolute;
	left: 642px;
	top: 0px;
}

#header #nbuts a#aPopMenu7
{
	display: block;
	position: absolute;
	left: 812px;
	top: 0px;
}


#header div#but
{
	width: 950px;
	height: 55px;
}




/****************
	Bread Crumbs
*****************/

#header div#bcrumbs
{
	width: 950px;
	height: 35px;
	background: url(/img/00/layout/crumbbg.jpg) no-repeat;
}
#header div#crumbs
{
	width: 730px;
	height: 25px;
	margin-left: 10px;
	float: left;
	vertical-align: middle;
	margin-top:5px;
}
#header div#buttons
{
	float: left;
	width: 200px;
	height: 25px;
	margin-top:5px;
}

#header div#nobcrumbs
{
	width: 950px;
	height: 6px;
	background: url(/img/00/layout/crumbbg.jpg) no-repeat bottom;
}


/*************************************************************************************************
	Content
*************************************************************************************************/
td#contentwrapper
{
	width:950px;
	background: url(/img/00/layout/contentbg.png) repeat-y;
	vertical-align:top; 
	height: auto;
}

#contentwrapper table.greywrapper
{
	width: 936px;
	background: #50626d;
	border: solid 1px #73828a;
	margin: 0px 6px 6px 6px;
	height: 99%;
}

table#content
{
	width: 926px;
	height: 100%;
	margin: 0px 2px;
}
#content td.tbgutter
{
	width:100%;
	height:2px;
}


#content td.cgutter
{
	width: 10px;
}

/****************
	Menu 
*****************/


#content td.menu
{
	width: 220px;
	height: 100%;
	background: white;	
}
#content div.menu
{
	width: 200px;
	vertical-align: top;
	margin: 10px;
}

#content td.col0
{
	width: 926px;
	vertical-align: top;
	background: white;	
}

#content div.col0
{
	width: 906px;
	vertical-align: top;
	margin: 10px;
}


#content td.col0r
{
	width: 15px;
}

/* col2 - layoutstyle 3 */
#content td.col2
{
	width: 696px;
	vertical-align: top;
	background: white;
}

#content div.col2
{
	width: 676px;
	vertical-align: top;
	margin: 10px;
}



#content #colhp td#lcol
{
	width:250px; 
	vertical-align:top; 
}

#content #colhp #lcol .addborder
{
	width:230px; 
	border: solid 10px white;
	margin-bottom: 10px;
}


#content #colhp td#rcol
{
	width:666px; 
	vertical-align:top; 
}

#content #colhp #rcol .addborder
{
	width:646px; 
	border: solid 10px white;
}


#content #colhp #rcol div#intro
{
	width:666px; 
	height: 220px;
	margin-bottom: 10px;
}


#content #colhp #rcol div#intro div.introbg
{
	width: 646px; 
	height: 200px;
	background: url(/images/homepage/introbg.jpg) no-repeat; 
}

#content #colhp #rcol div#intro div.text
{
	width: 370px; 
	color: white;
	margin: 5px 10px;
	float: right;
}





#content #colhp #rcol td#news
{
	width: 397px; 
	height: 100%;
	vertical-align: top;
	background: #ffffff;
}

#content #colhp #rcol td#news h2
{
	margin-bottom: 10px;
}

#content #colhp div.margin
{
	margin: 10px;
}

#content #colhp #rcol td#news div.margin
{
	width: 377px; 
	vertical-align: top;
}

#content #colhp #rcol td#news div.outer
{
	width: 377px; 
	height: 320px;
	vertical-align: top;
	overflow: auto;
	margin-bottom: 10px;
}

#content #colhp #rcol td#news div.inner
{
	width: 352px; 
	vertical-align: top;
}


#content #colhp #rcol td#cal
{
	width: 259px; 
	height: 100%;
	vertical-align: top;
	background: #ffffff url(/img/00/hp/calendarbg.jpg) no-repeat 10px 10px;
}


#content #colhp #rcol #cal #month
{
	color: #c5feff;
	font-size: 14px;
	background: inherit;
	text-align: center;
	height: 33px;
	width: 239px; 
}
#content #colhp #rcol #cal #month a
{
	color: #c5feff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#content #colhp #rcol #cal #month a:hover
{
	color: red;
	font-size: 14px;
	text-decoration: none;
}

#content #colhp #rcol #cal #month div.center
{
	width: 80%;
	font-size: 14px;
	margin: auto auto;
}

#content #colhp #rcol #cal div.viewfull
{
	font-size: 14px;
	margin: 10px 0px;
}

#content #colhp #rcol #cal div.callist
{
	margin: 10px 0px;
	width: 239px; 
}



#content td.colhpr
{
	width: 16px;
}

/* col2_3 - layoutstyle 4 */

#content td.col2_3
{
	width: 696px;
	vertical-align: top;
	background: url(/img/00/layout/col2_3bg.gif) repeat-y;
}

#content div.col2_3
{
	width: 676px;
	vertical-align: top;
	margin: 10px;
}

/**************************************************************
/* Title backgrounds
/*************************************************************/

font.TitleBackground
{
	display: block; 
	width: auto;
	height: 53px; 
	line-height: 53px;
	font-family: Trajan Pro, Garamond, Times, Serif;
	font-size: 30px;
	font-weight: normal;
	font-variant: small-caps;
	color: White;
	padding-left: 15px; 
}

font.TitleSmall
{
	background: url(/img/00/layout/titles.jpg) no-repeat
}

font.TitleMedium
{
	background: url(/img/00/layout/titlem.jpg) no-repeat
}
font.TitleLarge
{
	background: url(/img/00/layout/titlel.jpg) no-repeat
}


/**************************************************************
/* Homepage Chunks
/*************************************************************/


		
/*************************************************************************************************
	Footer
*************************************************************************************************/

td#footer
{
	width: 950px;
	height: 129px;
	vertical-align:top; 
	background: #092539;
}

#footer div#wrapper
{
	width: 950px; 
	height: 129px;
	font: normal normal normal 11px/14px tahoma, sans-serif;
	color: #95b9d0;
	padding: 0px;
	border-top: solid 1px #587388;
	position: relative;
}

#footer #wrapper div
{
	/*border: dotted 1px white;*/
}

#footer #wrapper div#crest
{
	left: 10px;
	width: 78px; 
	height: 78px; 
	background: url(/img/00/footer/crest.gif) no-repeat 0px 0px;
	position: absolute;
	top: 10px;
}
#footer #wrapper div#contact
{
	left: 88px;
	width: 185px; 
	height: 100px;
	position: absolute;
	top: 10px;
	/*border: solid 1px white;*/
}
#footer #wrapper div#ezine
{
	left: 243px;
	width: 160px; 
	position: absolute;
	top: 10px;
}

#footer #wrapper div#ezine input#EmailAddress
{  
	width: 150px;
	height: 20px;
	font-size: 13px; 
	color: #ade3e6; 
	text-align: right;
	border: solid 0px #cccccc;
	background-color: #04121c;
	padding: 2px 5px;
	margin: 5px;
}

#footer #wrapper div#links
{
	left: 323px; /*433px;*/
	width: 206px;
	position: absolute;
	top: 10px;
}
#footer #wrapper div#viewers
{
	left: 589px; /*649px;*/
	width: 168px; 
	position: absolute;
	top: 10px;
}
#footer #wrapper div#poweredby
{
	left: 836px;
	width: 103px; 
	text-align: center; 
	position: absolute;
	top: 10px;
}

#footer #wrapper h1 
{
	font-size: 11px; 
	font-weight: Bold;
	text-decoration: none;
	color: white;
	padding: 0px;
	margin: 0px 0px 7px 0px;
	/*border: solid 1px green;*/
}

#footer #wrapper a 
{
	font-size: 11px; 
	font-weight: Bold;
	text-decoration: none;
	color: white;
	padding: 0px;
}



#footer #wrapper a:hover      
{
	text-decoration: underline;
}

#footer #wrapper #links div.sub
{
	position: relative;
	width: 100px; 
	float: left;
}

#footer #wrapper #links a
{
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	color: #94b8d0;
}

#footer #wrapper #links a:hover
{
	text-decoration: underline;
}

#footer #wrapper #viewers a, #footer #wrapper #translate a
{
	margin: 5px 0px 0px 2px;
}




/*************************************************************************************************
	Page Contacts
*************************************************************************************************/

#PageContacts table
{
	width: 185px;
	margin: 0px;
	color: #95b9d0;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
}
#PageContacts td
{
	text-align: center;
	vertical-align: top;
	display: inherit;
}
#PageContacts td.photo
{
	display: inherit;
}
#PageContacts image
{
	margin: 0px 0px 10px 0px;
}

#PageContacts td.info
{
	font-weight: normal;
	font-size: 11px;
	
}
#PageContacts font.title
{
	color: white;
	font-size:11px;
	font-weight: bold;
	margin-bottom: 7px;
	display: inline-block;
}
#PageContacts a
{
	font-weight: bolder;
	text-decoration: none;
}
#PageContacts a:hover
{
	text-decoration: underline;
}


td.LeftSideFullFade
{
	/*background-color: #c0c0c0; /* sSurroundColor */
	background-image: url(/img/00/layout/lfade.gif); 
	background-repeat: repeat-y; 
	background-position: right;
	height:100%; 
}

td.RightSideFullFade
{
	/*background-color: #c0c0c0; /* sSurroundColor */
	background-image: url(/img/00/layout/rfade.gif); 
	background-repeat: repeat-y; 
	background-position: left;
	height:100%; 
}


/*  Nixel Button Addtion  12-9-2013*/
a#nixle-link {
	width: 230px;
	height: 80px;
	display: block;
	background: url('/img/00/layout/nixel.png') no-repeat 0 0;
	text-decoration:none;
	}

a#nixle-link:hover{
	background: url('/img/00/layout/nixel-hover.png') no-repeat 0 0;	
}

a#nixle-link span{ visibility: hidden;}

a#nixle-secondary-link {
	width: 200px;
	height: 80px;
	display: block;
	margin-left: 10px;
	background: url('/img/00/layout/nixel-secondary-pages.png') no-repeat 0 0;
}

a#nixle-secondary-link:hover {
	background: url('/img/00/layout/nixel-secondary-pages-hover.png') no-repeat 0 0;
}

a#nixle-secondary-link span{ visibility: hidden;}
