﻿
/*-------------------------------------------------------------------------------------
 Header
-------------------------------------------------------------------------------------*/
div.header, td.header
{
	width: 960px;
	height: 143px;
}

div.headercrumb, td.headercrumb
{
	width: 960px;
	/*height: 168px;*/
}

/*-------------------------------------------------------------------------------------
 Top
-------------------------------------------------------------------------------------*/
#fontsize a
{
	text-decoration: underline;
	color: #f2eddc; /*d3d3d3;*/
}

#fontsize a.selected
{
	text-decoration: none;
	color: #000;
}


/*************************************************************************************************
	For selectable fonts
*************************************************************************************************/

.size0, .size0 table, #size0, #size0 table
{
	font-size: 11px;
}

.size1, .size1 table, #size1, #size1 table
{
	font-size: 13px;
}

.size2, .size2 table, #size2, #size2 table
{
	font-size: 15px;
}

.unselected
{
	color: #d3d3d3;
}

.redbox
{
	border: solid 1px red;
}

#header div#top
{
	width: 960px;
	height: 100px;
	background: url(/img/00/layout/header_.jpg) no-repeat;
	position: relative;
}

#header div#top a.lowgraphics
{
	display:block; 
	width: 110px; 
	height:20px; 
	top: 21px;
	left: 425px;
	position: absolute;
	font-size: 11px;
	color: #64c4e7;
	text-decoration: none;
	border: solid 0px red;
	text-align: center;
}
#header div#top a.lowgraphics:hover
{
	text-decoration: underline;
}

/*#header div#top div#fontsize
{
	display:block; 
	width: 110px; 
	height:20px; 
	top: 70px;
	left: 425px;
	position: absolute;
	font-size: 11px;
	color: #64c4e7;
	text-decoration: none;
	text-align: center;
}


#header div#top div#header
{
	width: 658px; 
	height:130px; 
	top: 55px;
	left: 292px;
	position: absolute;
}

#header div#top a.linkbackhome
{
	display:block; 
	width:370px; 
	height:60px; 
	top: 25px;
	left: 20px;
	position: absolute;
	border: solid 0px red;
	
}
#header #top div#button
{
	left: 858px;
	top: 31px;
	width: 86px;
	height: 28px;
	position: absolute;
}

#header #top div#date
{
	left: 704px;
	top: 68px;
	width: 240px;
	height: 20px;
	position: absolute;
	border: solid 0px red;

	vertical-align: middle;
	font-size: 14px;
	font-weight: bolder;
	color: #64c4e7;
	text-align: right;
}
#header #top div#portalButton
{
	left: 364px;
	top: 64px;
	width: 343px;
	height: 20px;
	position: absolute;
	border: solid 0px red;

	vertical-align: middle;
	text-align: right;
}



#header #top div#SiteSearch
{
	left: 601px;
	top: 31px;
	width: 250px;
	height: 30px;
	position: absolute;
	background: transparent;
}

#header #top #SiteSearch input
{  
	width: 250px;
	height: 28px;
	font-size: 14px; 
	color: #646464; 
	text-align: right;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	padding: 4px 5px;
	margin: 0px;
}

#header #top div#ajaxEvents
{
	left: 458px;
	top: 120px;
	width: 480px;
	height: 16px;
	position: absolute;
	background: transparent;
	/*border: solid 1px red;
	overflow: hidden;
}

#header #top #ajaxEvents div.anEvent
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 480px;
	display: none;
}*/

#header #top div#ajaxEvents font
{
	color: #dacfa8;
}

#header #top div#ajaxEvents b
{
/*	color: #93da52; */
	color: #ffda52;
}
#header #top div#ajaxEvents a
{
	color: #fff7db;
	text-decoration: none;
}
#header #top div#ajaxEvents a:hover
{
	text-decoration: underline;
}

/*-------------------------------------------------------------------------------------
 Navigation Buttons
-------------------------------------------------------------------------------------*/

#header div#nbuts
{
	width: 960px;
	height: 43px;
	position: relative;
	background: url(/img/00/layout/buts.gif) repeat-y;
}


#header div#nbuts div
{
}


#header div#but
{
	position: absolute;
	left: 10px;
	top: 5px;
	width: 940px;
	height: 33px;
}


#header div#topheader
{
	vertical-align:middle ;
	text-align:center;	
	width: 960px;
	height: 180px;
	
}
/****************
	Bread Crumbs
*****************/

#header div#bcrumbs
{
	width: 960px;
	/*height: 25px;*/				
	background: url(/img/00/layout/contentbg.gif) repeat-y;	
}
#header div#crumbs
{
	width: 710px;
	/*height: 25px;*/
	color:Blue;	
	margin-left: 23px;
	float: left;
	vertical-align: middle;
	margin-top:0px;
	background: inherit;
}
#header div#buttons
{
	float: left;
	width: 200px;
	/*height: 25px;*/
	margin-top:0px;
}

#header div#nobcrumbs
{
	width: 950px;
	height: 6px;
	background: url(/img/00/layout/crumbbg.jpg) no-repeat bottom;
}
#header div#subheader
{
	vertical-align:middle ;
	text-align:center;	
	width: 960px;
	height: 106px;
	background: url(/img/00/layout/buts.gif) repeat-y;
}
/*************************************************************************************************
	Content
*************************************************************************************************/
table#content
{
	width: 960px;
	background: url(/img/00/layout/contentbg.gif) repeat-y;
	height: 100%;
	text-align:center;
}
table.contenthp
{
	width: 930px;
	/*height: 100%;*/
}

/***********************************************
	Menu 
***********************************************/

#content td#menul
{
	width: 16px;
}

#content td#menu
{
	width: 244px;
	/*height: 100%;*/
	background: url(/img/00/layout/col1s.gif) repeat-y center;	
}

#content td#menur
{
	width: 6px;
}

/***********************************************
	Full Screen - layout style 0, col0
***********************************************/

#content td#col0l
{
	width: 15px;
}

#content td#col0
{
	width: 930px;
	vertical-align: top;
}

#content td#col0r
{
	width: 15px;
}

/*********************
 inner padding divs 
*********************/
#content #col0 div.edtdiv
{
	width: 930px;
	margin: 15px 0px 0px 0px; 
}

#content #col0 div.contentdiv
{
	width: 930px;
	margin: 0px 0px; 
}

#content #col0 div.vpadcontentdiv
{
	width: 930px;
	margin: 15px 0px; 
}



/***********************************************
	2 Columns - layout style 3, col2
***********************************************/
#content td#col2l
{
	width: 14px;
}

#content td#col2
{
	width: 654px;
	vertical-align: top;
}

#content td#col2r
{
	width: 26px;
}

/*********************
 inner padding divs 
*********************/
#content #col2 div.edtdiv, #content #col2_3 div.edtdivw
{
	width:654px;
	margin: 15px 0px 0px 0px; 
}

#content #col2 div.contentdiv, #content #col2_3 div.edtdivw
{
	width: 654px;
	margin: 0px 0px; 
}

#content #col2 div.vpadcontentdiv, #content #col2_3 div.vpadcontentdivw
{
	width: 654px;
	margin: 15px 0px; 
}

/* Column 2 */
div#col2-col2
{
	Width: 654px;
	border: solid 1px red;
	height: 400px;
	min-height: 400px !important;
	height: auto;
}
#col2-col2 .top
{
	height: 0px;
	line-height: 0px;
	border: solid 1px green;
}
#col2-col2 .vert-divider
{
	height: 20px;
	line-height: 20px;
	border: solid 1px green;
}
#col2-col2 .bot
{
	height: 0px;
	line-height: 0px;
	border: solid 1px green;
}

/***********************************************
	3 Columns - layout style 4, col2_3 
***********************************************/
#content td#col2_3l
{
	width: 14px;
}

#content td#col2_3
{
	width: 664px;
	vertical-align: top;
}

#content td#col2_3r
{
	width: 16px;
}

/* Column 2 */
div#col2_3-col2
{
	Width: 420px;
	float: left;
	margin-right: 16px ; /*20px;*/
	border: solid 1px red;
	height: 400px;
	min-height: 400px !important;
	height: auto;
}
#col2_3-col2 .top
{
	height: 0px;
	line-height: 0px;
	border: solid 1px green;
}
#col2_3-col2 .vert-divider
{
	height: 20px;
	line-height: 20px;
	border: solid 1px green;
}
#col2_3-col2 .bot
{
	height: 0px;
	line-height: 0px;
	border: solid 1px green;
}

/* Column 3 */
div#col2_3-col3
{
	Width: 224px;
	float: left;
	border: solid 1px blue;
	height: 400px;
	min-height: 400px !important;
	height: auto;
}
#col2_3-col3 .top
{
	height: 6px;
	line-height: 6px;
	border: solid 1px green;
}
#col2_3-col3 .vert-divider
{
	height: 10px;
	line-height: 10px;
	border: solid 1px green;
}


/*********************
 inner padding divs 
*********************/
#content #col2_3 div.edtdiv, #content #col2 div.edtdivn
{
	width: 420px;
	margin: 15px 0px 0px 0px; 
}

#content #col2_3 div.contentdiv, #content #col2 div.contentdivn
{
	width:420px;
	margin: 0px 0px; 
}

#content #col2_3 div.vpadcontentdiv, #content #col2 div.vpadcontentdivn
{
	width:420px;
	margin: 15px 0px; 
}

#content div.rcoldiv
{
	margin: 0px 0px 0px 0px; 
}

/***********************************************
	Homepage - layout style 0, colhp
***********************************************/

#content td#colhpl
{
	width: 4px;
}

#content td#colhp
{
	width: 674px;
	vertical-align: top;
}

#content td#colhpr
{
	width: 16px;
}



/**************************************************************
/* Homepage Chunks
/*************************************************************/

/* Common layout */
#content #hdrHomepageChunks a
{
	font: bold 11px verdana,sans-serif ;
	text-decoration: none;
	color: #000000;
	padding: 0px 19px 0px 0px;
	line-height: 44px;
	display: block;
}
#content #hdrHomepageChunks a:hover
{
	text-decoration: underline;
}

/* Calendar */
#content div.hdrCal
{
	width: 282px;
	height: 44px;
	background: url(/img/00/layout/hpcalendar.gif) no-repeat;
	text-align: right;	
}
#content #hdrHomepageChunks a.hdrCal
{
	color: #005f14;
}

/* News */
#content div.hdrNews
{
	width: 684px;
	height: 44px;
	background: url(/img/00/layout/hpnews.gif) no-repeat;
	text-align: right;	
}

#content #hdrHomepageChunks  a.hdrNews
{
	color: #766845;
}

#content div.NewsContent
{
	width: 664px;
	margin: 0px 10px;
}

/* Bulletins */
#content div.hdrBulletins
{
	width: 384px;
	height: 44px;
	background: url(/img/00/layout/hpbulletins.gif) no-repeat;
	text-align: right;	
}

#content #hdrHomepageChunks  a.hdrBulletins
{
	color: #0b1c5c;
}

#content div.BulletinsContent
{
	width: 364px;
	margin: 0px 10px;
}

/* Events */
#content div.EventsContent
{
	width: 262px;
	margin: 0px 10px;
}


		
/*************************************************************************************************
	Footer
*************************************************************************************************/

td.footer
{
	width:100%; 
	height:70px; 
	vertical-align:top; 
}
#footer table.footer
{
	width:100%; 
	height:60px; 
}
#footer td.left
{
	width:15px; 
	height:60px;
	background: url(/img/00/layout/footerl.png) no-repeat;
}
#footer td.links
{
	width:744px; 
	height:60px;
	background: url(/img/00/layout/footers.png) repeat-x;
}

#footer #links font.footer
{
	font-size: 7px;
	color: #00a7e1;
}
#footer #links a.footer:link, #footer #links a.footer:visited, #footer #links a.footer:active     
{
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	color: #00a7e1; 
	padding: 0px 7px;
}
#footer #links a.footer:hover      
{
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	color: #e766a6; 
	padding: 0px 7px;
}

#footer td.poweredby
{
	width:200px; 
	height:60px;
	background: url(/img/00/layout/poweredby.png) no-repeat;
}

/*************************************************************************************************
	Page Contacts
*************************************************************************************************/

#PageContacts table
{
	width: 204px;
	margin: 10px;
	color: #64c4e7;
	font-size: 13px;
	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
{
	display: inherit;
}
#PageContacts font.title
{
	font-weight: bolder;
}
#PageContacts a
{
	font-weight: bolder;
	color: #64c4e7;
	text-decoration: none;
}
#PageContacts a:hover
{
	text-decoration: underline;
}


/*************************************************************************************************
	Side fades
*************************************************************************************************/

td.LeftSideFade
{
	/*background-color: /* sSurroundColor */
}

td.RightSideFade
{
	/*background-color: /* sSurroundColor */
}

td.LeftSideFullFade
{
	/*background-color: #c0c0c0; /* sSurroundColor */
	background-image: url(/img/layout/lfade.gif); 
	background-repeat: repeat-y; 
	background-position: right;
	height:100%; 
}

td.RightSideFullFade
{
	/*background-color: #c0c0c0; /* sSurroundColor */
	background-image: url(/img/layout/rfade.gif); 
	background-repeat: repeat-y; 
	background-position: left;
	height:100%; 
}
