/* 
	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:#ffffff;
}

.Site /* same element as #mainTable */
{
	FONT-SIZE: 100%;
    FONT-FAMILY:Arial, Verdana, Helvetica, sans-serif;
    color:#000;
    line-height: 1.3;	
}
.Site A
{
	color:#1c3e77;
	font-weight:bold;
	text-decoration:none;
}
.Site A:hover
{
	color:#ee2a24;
}
.Site DT
{
	
}
.Site dd
{

}
.Site H1,
.Site H2,
.Site H3,
.Site H4,
.Site H5,
.Site H6
{
	font-weight:normal;
	margin:0;
	padding-bottom:5px;
	color:#1c3e77;
}
.Site H1
{
    FONT-SIZE: 250%;
    line-height:1.2;
}
.Site H2
{
    FONT-SIZE: 185%;
}
.Site H3
{
    FONT-SIZE: 140%;
}
.Site H4
{
    FONT-SIZE: 120%;
}
.Site H5
{
    FONT-SIZE: 110%;
}
.Site H6
{
    FONT-SIZE: 105%;
    font-weight:bold;
    line-height:1.9;
    padding-bottom:24px;
}
.Site .imageLinkDetail h1,
.Site .imageLinkDetail h2,
.Site .imageLinkDetail h3,
.Site .imageLinkDetail h4,
.Site .imageLinkDetail h5,
.Site .imageLinkDetail h6,
.Site .blueImgBgbox h1,
.Site .blueImgBgbox h2,
.Site .blueImgBgbox h3,
.Site .blueImgBgbox h4,
.Site .blueImgBgbox h5,
.Site .blueImgBgbox h6
{
	color:#fff;
}
.Site h6 a
{
	color:#ee2a24;
}
.Site h6 a:hover
{
	color:#1c3e77;
}
.Site h3.title
{
	line-height:1.3;
	margin-bottom:0;
	padding-bottom:3px;
	font-size:130%;
}
.Site h2.title
{
	line-height:1.1;
	font-weight:bold;
	padding:15px 18px 14px 18px;
	font-size:160%;
}
.Site .title h2
{
    font-size:250%;
    line-height:1.5;
}
.Site IMG
{
	border:none;
}
.Site #mainLayout a img
{
}
.Site TABLE
{
} 
.Site table td, table th
{
}
.Site p
{
	margin:0;
	padding-bottom:22px;
}

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

/* ############################  Box Styling  ######################### */

.Site .box
{
	border:solid 3px #1c3e77;
}
.Site .morelink a
{
	background:transparent url(/images/layout/more_arrow.gif) no-repeat right 60%;
	padding-right:13px;
	margin-right:5px;
}
.Site .greyBgbox
{
	border:none;
	background-color:#f1f1f1;
}
.Site .greyBgbox .tl
{
	height:100%;
}
.Site .greyBgbox h2.title
{
	border-right:solid 6px #ee2a24;
	background-color:#ebebeb;
}
.Site .greyBgbox .morelink a
{
	background:transparent url(/images/layout/greyBox_more_arrow.gif) no-repeat right 60%;
}

.Site .blueImgBgbox
{
	border:none;
	background:#041c46 url(/images/layout/blueImgBgbox.jpg) no-repeat center bottom;
}
.Site .blueImgBgbox h2.title,
.Site .blueImgBgbox p,
.Site .blueImgBgbox,
.Site .blueImgBgbox a
{
	color:#fff !important;
}
.Site .blueImgBgbox a:hover
{
	color:#ee2a24 !important;
}
.Site .list IMG.thumbnail
{
	border:solid 1px #1c3e77;
}
.Site .detail H3
{

}
.Site .detail IMG.picture
{
}
.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .textBox,
.Site .required
{
	font-size:100%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
.Site .label
{
	font-weight:bold;
}
.Site form .label
{
	text-align:right;
}
.Site form td
{
}
.Site .list
{
	background:transparent url(/images/layout/list_bg.gif) repeat-x left bottom;
}
.Site table#imageGallery .list
{
	border-bottom:none;
}
.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 .newsarticle .terminus
{
    clear:both !important;
}
.Site .template
{
	background: none;
	border: none;	
}
.Site .imageLinkDetail
{
	cursor: pointer;
    background: #c70202;
    filter: alpha(opacity=85);
    -moz-opacity: .85;	
    opacity: .85;	
    -khtml-opacity: 0.85;
    color: #fff;
}
.Site a.imageLink:hover .imageLinkDetail
{
    filter: alpha(opacity=75);
    -moz-opacity: .75;	
    opacity: .75;	
    -khtml-opacity: 0.75;
}

/* ################################### Site IDs ################################# */

#mainTable
{
}
.Site #mainHeader
{
	background:#FFF url(/images/layout/mainHeaderBgTopLeft_white.jpg) no-repeat left bottom;
}
.Site #mainMenu
{
	background-color:#1c3e77;
	color:#fff;
}

.Site #mainLayoutContainer
{
	font-size:110%;
}
.Site #headerImage
{
}
.Site #headerImageOuter
{
	background:#1c3e77 url(/images/layout/feature_dropshad.gif) repeat-x left bottom;
	padding-bottom:9px;
}
.Site #mainHeaderText
{

}
.Site #mainHeaderText h1
{
	margin:0;
	font-size:220%;
	font-weight:normal;
}
.Site #mainHeaderOuter
{
	background:transparent url(/images/layout/mainHeaderOuter.png) no-repeat center bottom;
}
.Site #copyright
{
	color:#1C3E77;
	font-size:110%;
}
.Site #copyright a
{
	color:#1C3E77;
}
.Site #copyright a:hover
{
	color:#ee2a24;
}
.Site #header h2
{
	font-size:200%;
}
.Site #location
{
	color:#9a9a9a;
	font-size:80%;
}
.Site #location a
{
	color:#9a9a9a;
	text-transform:lowercase;
}
.Site #location a:hover
{
	color:#1c3e77;
}
/* ################################## Menu setup ################################### */

.Site #topNav a
{
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
    color: #1c3e77;
    font-size: 120%;
    font-weight: normal;
    text-transform:lowercase;
    list-style-type:none;
}
.Site #topNav a:hover
{
    color:#ff0000;
}

.Site #topNav li
{
	background-image:none;
}
.Site #topNav li a
{
    /*background:transparent url(/images/layout/topnav.gif) no-repeat left 50%;*/
}
.Site #topNav li a:hover
{
	/*background: transparent url(/images/layout/topNav_hover.gif) no-repeat left 50%;*/
}
.Site #mainMenuContainer
{
	background: transparent url(/images/layout/mainMenu_bottom.gif) no-repeat center bottom;
}
.Site #mainMenu ul a
{
	font-size:150%;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-weight:normal;
	color:#fff;
}
.Site #mainMenu ul li.last a
{
	
}
.Site #mainMenu ul a:hover
{
	background:transparent url(/images/layout/mainMenu_hover.gif) no-repeat center top;
}
.Site #mainMenu ul a.active,
.Site #mainMenu ul a.on
{
	background:transparent url(/images/layout/mainMenu_active.gif) no-repeat center bottom;
}
.Site #mainMenu ul .home a.active,
.Site #mainMenu ul .home a.on
{
	
}
.Site #mainMenu ul .home a:hover
{
	
}
.Site #subMenu
{
	/*background:transparent url(/images/layout/submenu_bottom.png) no-repeat left bottom;*/
	margin-top:80px;
}
.Site #subMenu ul
{
	background-color:#1c3e77;
	padding-bottom:0;
	padding-top:0;
}
.Site #subMenu ul ul
{
    background-color:#fff;
}
.Site #subMenu li
{
	background:none;
}
.Site #subMenu ul a
{
	color:#fff;
	background:transparent url(/images/layout/submenu.gif) no-repeat 25px bottom;
	font-size:95%;
	font-weight:normal;
	line-height:1.6;
}
.Site #subMenu ul a:hover
{
	background:transparent url(/images/layout/submenu_hover.gif) no-repeat 25px bottom;
}
.Site #subMenu ul a.on,
.Site #subMenu ul a.active
{
	background:#1e3267 url(/images/layout/submenu_active_blue.gif) no-repeat right 50%;
}
.Site #subMenu ul ul a.on,
.Site #subMenu ul ul a.active
{
	background-image:none;
	background-color:#fff;
}
.Site #subMenu ul ul a
{
	font-size:85%;
	background:none;
	color:#1C3E77;
}
.Site #subMenu ul ul a:hover,
.Site #subMenu ul ul a.on,
.Site #subMenu ul ul a.active
{
   background-image:none;
   color:#ee2a24;
}
.Site #subMenu ul ul ul a
{
	font-size:90%;
}
.Site #subMenu ul ul ul ul a
{
	font-size:80%;
}
.Site #subMenu li.noBackground a
{
    background-image:none;
}
.Site #bottomMenu a
{
	color:#8590b4;
	font-size:110%;
	font-weight:normal;
}
.Site #bottomMenu a:hover
{
	color:#fff;
}
.Site #bottomMenu dt a,
.Site #bottomMenu #bottomMainMenu a
{
	font-size:130%;
	font-weight:bold;
}

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

.Site #mainTitle
{
}
.Site #mainTitle h1
{
}
.Site #mainLayout
{	
	line-height:1.7;
}
.Site #footer
{
	margin-top:4px;
	padding:5px 1px 10px 1px;
}
.Site #footer,
.Site #footer a
{
	
}
.Site #footer h1,
.Site #footer h2,
.Site #footer h3,
.Site #footer h4,
.Site #footer h5,
.Site #footer h6
{
	margin:0;
	margin-top:6px;
	margin-bottom:10px;
}
.Site #footer a
{
	text-decoration:underline;
	font-size:80%;
	padding-right:6px;
}
.Site #footer a:hover
{
	text-decoration:none;

}
.Site #footer p
{
	margin-bottom:0;
}
.Site #mainFooter
{
	font-size:95%;
	background:#041c46 url(/images/layout/mainFooter.gif) repeat-x left top;
}
.Site #mainFooter p
{

}
.Site #mainFooterInner
{
	background:#041c46 url(/images/layout/mainFooterInner.gif) no-repeat center top;
}
/* ======================== */

.Site #developerLink a
{
	background:transparent url(/images/layout/eonic_logo.gif) right top no-repeat;
	color:#5d7aab;
	font-size:100%;
	font-family:Arial, Sans-Serif;
}
.Site #developerLink a:hover
{
	color:#fff;
    background-position: right -19px;
}

.Site span.hint,
.Site td.hint span
{
	background:transparent url(/images/layout/hint.gif) no-repeat scroll 10px 0;
	display:block;
	font-weight:700;
	color:#1C3E77;
}
.Site span.alert,
.Site td.alert span,
.Site span.hint,
.Site td.hint span,
.Site span.help,
.Site td.help span
{
	border:none;
	margin:2px;
	min-height:25px;
	padding:6px 10px 3px 50px;
}
.Site span.alert,
.Site td.alert span
{
	background:transparent url(/images/layout/alert.gif) no-repeat scroll 0 0;
	color:#ee2a24;
	display:block;
	font-weight:700;
	padding:6px 10px 3px 40px;
	margin-top:5px;
}
.Site .button
{
	font-size:110%;
	cursor:pointer;
	font-weight:bold;
	border:solid 1px #000;
	padding:4px 29px 3px 0;
	background:#3d669a url(/images/layout/button.gif) no-repeat right bottom;
	color:#feeceb;
}
.Site .button:hover
{
	color:#ffffff;
}
.Site .principle
{
	cursor:pointer;
	background:#ff3b35 url(/images/layout/principle.gif) no-repeat right bottom;
	font-weight:bold;
	color:#ffe1e0;
}
.Site .principle:hover
{
	color:#ffffff;
}

.Site h3.subPageTitle
{
	font-size:100%;
}

.Site table.documentTable td.title a
{
	font-weight:bold;
}
.Site p.stepper
{
	padding-left:0 !important;
	padding-bottom:5px !important;
}
.Site hr
{
	border:none;
	height:1px;
	margin-top:5px;
	margin-bottom:10px;
}
.Site #template_sitemap li
{
	background:none;
}
.Site #template_sitemap a
{
	background:transparent url(/images/layout/list_item.gif) no-repeat scroll left 50%
}
.Site .horizontalDivider
{
	height:10px;
	margin-bottom:18px;
	background:transparent url(/images/layout/horizontal_divider_right.gif) no-repeat left top;
}
.Site .horizontalDividerRight
{
	background:transparent url(/images/layout/horizontal_divider.gif) no-repeat right top;
}
.Site .box .horizontalDivider
{
	display:none;
}
.Site .box .box
{
	margin-bottom:10px;
}
.Site .relatedImages a:hover img,
.Site .caseImage a:hover img
{
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
}
.Site .relatedImages img
{
	border:solid 1px #1c3e77;
}
.Site .relatedImages,
.Site .relatedDocuments
{
	text-align:left;
	padding-bottom:20px;
}
.Site .relatedImages img
{
	float:none;
	margin:0;
	padding:0;
}
.Site .relatedDocuments a.title
{
	display:block;
	margin-top:10px;
}

.Site .caseList h3.title
{
	font-size: 0.8em;
	position:absolute;
	left:1px;
	bottom:6px;
	padding:5px;
	background:transparent url(/images/layout/casestudy_filter.png) repeat left top;
	width:148px;
	display:block;
}
.Site .caseList .casestudy,
.Site .relatedImages .Picture
{
	border-bottom: 0 !important;
	background: none;
	position:relative;
	z-index:4;
}
.Site .caseList h3.title a
{
    font-weight: normal;
 	color:#fff;
 	display:block;
}