/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
	BACKGROUND-color:#dfdfdf;
}
.Site /* same element as #mainTable */
{
	FONT-SIZE: 90%;
    FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
    color:#000;
    line-height: 1.5;	
}
.Site A 
{
	text-decoration:none;
	color:#065f92;
}
.Site A:hover
{
	color:#4a4a4a;
}
.Site .homeCol1 a
{
	font-size:160%;
}
.Site DT
{

}
.Site dd
{

}
.Site H1, H2, H3, H4, H5, H6
{
	color:#6f96ab;
}
.Site H1
{
	font-size:220%;
	font-weight:500 !important;
    margin:0;
}
.Site H2
{
    FONT-SIZE: 180%;
    font-weight:500;
}
.Site H3
{
    FONT-SIZE: 150%;
   	color:#5e5e5e;
	font-weight:500;
	margin:0 0 5px 0;
	line-height:1.3;
}
.Site H4
{
    FONT-SIZE: 120%;
}
.Site H5
{
    FONT-SIZE: 105%;
}
.Site H6
{
    FONT-SIZE: 100%;
    font-weight:700;
    color:#373737;
	margin:0;
}
.Site #mainLayout IMG
{
	border:solid 1px #535353;
}
.Site .imageLinkContainer img
{
    border: 0 !important;    
}
.Site TABLE
{
} 
.Site table td, table th
{
}

/* ################################### Site Classes ################################# */

.Site .box
{
	border:solid 1px #969696;
}
.Site .box .tl
{
	background:#044d78 url(/images/layout/mainMenu_bg.gif) repeat-x left top;
}
.Site .box h2.title
{
	color:#fff;	
}
.Site .box .content
{
}
.Site .box .bc
{
}
.Site .morelink a
{
	color:#d40026;
}
.Site .morelink a:hover
{
	text-decoration:underline !important;
}

.Site .detail H3
{

}
.Site .detail IMG.picture
{
}
.Site .dropDown, .textArea, .textBox
{
}
.Site .label
{
	font-weight:bold;
}
.Site form .label
{
	text-align:right;
}
.Site form td
{
}
.Site .list
{
	border-bottom:1px solid #CDCDCD;
}
.Site .list a
{
	text-decoration: none !important;
}
.Site .list a:hover
{
}
.Site .list p
{	
}
.Site .list H3
{

}
.Site .list H4
{
}
.Site .list .date
{
}
.Site td.list IMG.thumbnail
{
}
.Site .stepper
{
}
.Site .stepper a
{
}
.Site .stepper a:hover
{
}
.Site .stepper p
{
}
.Site .stepper p.links
{
}
.Site TABLE.documentTable
{

}
.Site TABLE.documentTable TD.cell
{

}
.Site TABLE.documentTable TH.heading
{

}
.Site TABLE.documentTable TR.alternative
{

}
.Site .list .terminus
{
	clear:right !important;
}
.Site .template
{
	background: none;
	border: none;	
}
/* ################################### Site IDs ################################# */

#mainTable
{
}
.Site #mainTableTop
{
	background:transparent url(/images/layout/mainTableTop_bg.gif) no-repeat left bottom;
}
.Site #mainTableBottom
{
	background:transparent url(/images/layout/mainTableBottom_bg.gif) no-repeat left top;
}
.Site #mainHeader
{
	background:#fff url(/images/layout/mainLayoutContainer_bg.gif) repeat-y left top;
}

.Site #location
{
	text-transform:lowercase;
	color:#aaaaaa;
	font-size:85%;
	padding-left:3px;
}
.Site #location a
{
	color:#aaaaaa;
	text-decoration:none;
}
.Site #location A:hover
{
}
.Site #mainLayoutHeader
{
	background:#fff url(/images/layout/mainLayoutContainer_bg.gif) repeat-y left top;
}
.Site #mainLayoutContainerBg
{
	background:#fff url(/images/layout/mainLayoutContainer_bg.gif) repeat-y left top;
}
.Site #mainLayoutContainer
{
	background:#fff url(/images/layout/mainLayout_bg.gif) repeat-x left bottom;
}

/* ################################## Menu setup ################################### */
.Site #mainMenu
{
	background:#044d78 url(/images/layout/mainLayoutContainer_bg.gif) repeat-y left top;
}
.Site #mainMenuContainer
{
	margin-left:5px;
	margin-right:7px;
	background:#044d78 url(/images/layout/mainMenu_bg.gif) repeat-x left top;
	border-bottom:solid 1px #fff;
}
.Site #mainMenu a
{
	font-size:1.2em;
	color:#cde2ed;
	background:transparent url(/images/layout/mainMenu_arrow.gif) no-repeat 6px 10px;
}
.Site #mainMenu a:hover,
.Site #mainMenu a.active,
.Site #mainMenu a.on
{
	color:#fff;
	background:transparent url(/images/layout/mainMenu_arrow_hover.gif) no-repeat 6px 10px;
}

/* ################################## Sub-Menu setup ################################### */
.Site #subMenu li
{
	border: 0 !important;
}
.Site #subMenu ul a
{
	background:#2e2e2e url(/images/layout/submenu_bg.gif) no-repeat left top;
	color:#fff;
}
.Site #subMenu ul .subBottom
{
	background: transparent url(/images/layout/submenu_btm_bg.gif) no-repeat -182px bottom;
	width:182px;
	height:4px;
}
.Site #subMenu ul .arrow
{
	background:transparent url(/images/layout/submenu_arrow.gif) no-repeat left top;
	width:37px;
	height:26px;
}
.Site #subMenu ul a:hover .arrow
{
	background:transparent url(/images/layout/submenu_arrow.gif) no-repeat -37px top;
}
.Site #subMenu ul a.on,
.Site #subMenu ul a.active
{
	color:#fff;
	background:#3e3e3e url(/images/layout/submenu_bg.gif) no-repeat -182px top;
}
.Site #subMenu ul a.on span.arrow,
.Site #subMenu ul a.active span.arrow
{
	background:transparent url(/images/layout/submenu_arrow.gif) no-repeat -74px top;
}
.Site #subMenu ul a:hover.on span.arrow,
.Site #subMenu ul a:hover.active span.arrow
{
	background: url(/images/layout/submenu_arrow.gif) no-repeat -111px top;
	
}
.Site #subMenu ul a.on span.subBottom,
.Site #subMenu ul a.active span.subBottom
{
	background: url(/images/layout/submenu_btm_bg.gif) left bottom no-repeat;
	height:4px;
}
.Site #subMenu ul ul a
{
	background:none;
	color:#545454 !important;
	font-weight:700;
	margin:0;
}
.Site #subMenu ul ul a:hover,
.Site #subMenu ul ul a.on,
.Site #subMenu ul ul a.active
{
	color:#196fa1 !important;
	background:transparent url(/images/layout/submenu_level2_hover.gif) no-repeat 20px 4px;
}
.Site #subMenu ul ul ul a
{
	color:#7f7f7f !important;
	font-weight:500;
	background:none;
}
.Site #subMenu ul ul ul a:hover,
.Site #subMenu ul ul ul a.on,
.Site #subMenu ul ul ul a.active
{
	color:#333333 !important;
	background:transparent url(/images/layout/submenu_level3_hover.gif) no-repeat 26px 5px;
}
.Site #subMenu ul ul ul ul a
{
	color:#545454 !important;
	background:none;
	font-size:105%;
}
.Site #subMenu ul ul ul ul a:hover,
.Site #subMenu ul ul ul ul a.on,
.Site #subMenu ul ul ul ul a.active
{
	background:transparent url(/images/layout/submenu_level4_hover.gif) no-repeat 34px 5px;
	color:#599bc2 !important;
}

.Site #subMenu ul ul ul ul ul a
{
	color:#696969 !important;
	background:none;
	font-size:100%;
}
.Site #subMenu ul ul ul ul ul a:hover,
.Site #subMenu ul ul ul ul ul a.on,
.Site #subMenu ul ul ul ul ul a.active
{
	background:transparent url(/images/layout/submenu_level5_hover.gif) no-repeat 42px 5px;
	color:#000 !important;
}

/* ################################## Bottom Menu setup ################################### */

.Site #btmMenu a
{
	font-size:95%;
	color:#414141;
	font-weight:700;
}
.Site #btmMenu a:hover
{
	color:#2c82b4;
}

/* ################################## Top Menu setup ################################### */

.Site #topMenu a
{
	font-size:110%;
	background:#4a4a4a url(/images/layout/topMenu_bg.gif) repeat-x left top;
	color:#fff;
	margin-right:1px;
	border-top:solid 1px #545454;
	border-left:solid 1px #545454;
	border-right:solid 1px #545454;
	position:relative;
}
.Site #topMenu a:hover
{
	background:#116da2 url(/images/layout/topMenu_bg_highlight.gif) repeat-x left top;
}
.Site .navTab-tl
{
	position:absolute;
	right:4px;
	top:3px;
	background:transparent url(/images/layout/topMenu_arrow.gif) no-repeat right 4px;
	padding-left:9px;
}


/* ======================== */

.Site #mainTitle
{
	margin-bottom:5px;
}
.Site #mainTitle h1
{
	font-size:160%;
}
.Site .homeCol1 #mainTitle h1
{
	font-size:220%;
}

.Site #mainFooter
{
	font-size:85%;
}

/* ======================== */

.Site #developerLink a
{
	background: url(/images/layout/eonic_logo.gif) right top no-repeat;
	color:#8c8c8c;
	padding: 8px 75px 0px 0;
	font-size:85%;
}
.Site #developerLink a:hover
{
	color:#2c82b4;
    background-position: right -19px;
}

/* ======================== */

.Site #template_Stepped_Pages .content
{
}

/* ======================== */


.Site TABLE#subPageTable
{
}
.Site TABLE#subPageTable th.heading
{
}
.Site TABLE#subPageTable td.cell
{
}
.Site TABLE#subPageTable td.col1 
{
}
.Site TABLE#subPageTable .col1 A 
{
}
.Site TABLE#subPageTable .col1 A:hover
{
}

/* ======================== */

.Site #template_Home_Variant .list
{
}

/* ======================== */

.Site #template_Events_Style_2 #column1
{
}
.Site #template_Events_Style_2 #column2
{
}
.Site #template_Events_Style_2 .list
{
}
.Site #column2
{
}
.Site #template_Events_Style_2 .date
{

}

/* ======================== */

.Site #template_Links img.thumbnail
{
}
/* ========================== */

.Site #template_sitemap UL
{
}
.Site #template_sitemap UL LI
{
}
.Site #template_sitemap UL UL LI
{
}
.Site #template_sitemap UL UL a
{
}
.Site #template_sitemap LI
{
}
.Site #template_sitemap ul a
{
}
.Site #template_sitemap ul a:hover
{
}
.Site #template_sitemap ul ul a
{
}
.Site #template_sitemap ul ul a:hover
{
}

/* ################################## Home Page Image Links ################################### */

.Site #mainLayout a.imageLink
{
   text-decoration: none !important;
   cursor:pointer;
   cursor: pointer;
    color: #FFF;
    text-decoration: none !important;
    font-family: Georgia, Verdana, Sans-Serif;
}
.Site #mainLayout div.imageLinkContainer
{
  padding-bottom:2px;     
}
.Site #mainLayout a.imageLink img
{
    position: relative;
    border: 0 !important;
}
.Site a.imageLink:hover strong
{  
   background: #696969;
   filter: alpha(opacity=30);
   -moz-opacity: .30;	
   opacity: .30;	
   -khtml-opacity: 0.30;
}
.Site #mainLayout a.imageLink .imageLinkDetail
{
    cursor: pointer;
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: .60;	
    opacity: .60;	
    -khtml-opacity: 0.60;
    color: #FFF;
    text-decoration: none !important;
    font-family:Helvetica, Arial, Verdana, Sans-Serif;
    line-height:1.1;
   	font-size:160%;
   	font-weight:600;
   	text-transform:uppercase;
   	background:#000 url(/images/layout/imageLinkLogo.gif) no-repeat right 2px;
}
.Site #mainLayout a.imageLink:hover .imageLinkDetail
{
    filter: alpha(opacity=100);
   -moz-opacity: 1;
    opacity: 0.99;	
    -khtml-opacity: 1;
}

.Site form span.hint,
.Site form td.hint span
{
	background:transparent url(/images/layout/info.gif) no-repeat scroll left 6px;
	color:#000000;
	display:block;
	font-weight:700;
	padding:10px 10px 10px 30px;
	border:none;
}
.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .textBox,
.Site .required
{
    width:250px;
    font-size:1em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}