﻿/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html, body
{
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	background: #023c6c;
	min-height: 100%;
	font-family: arial,sans-serif;
	font-size: 16px;
	color: #15253c;
	text-align: left;
}

h1
{
	font-size: 10px;
	font-weight: bold;
	font-family: arial;
	margin: 0;
	text-align: left;
}

h2
{
	font-size: 10px;
	font-weight: bold;
	font-family: arial;
	margin: 0;
	text-align: left;
}

h1, h2
{
	font-size: 20px;
	font-weight: bold;
	font-family: arial;
	color: #003d6a;
	text-align: left;
}

a
{
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
	color: #1E8ECE;
	text-align: left;
}


p
{
	line-height: 1.5;
	margin: 0;
}

.blueBackground
{
	background-color: #1E314F;
}

.whiteBackground
{
	background-color: #FFFFFF;
}


div#container
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 741px;
	background: #FFFFFF;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}

div#header
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	height: 230px;
	background: #fff url("Images/iheader.jpg") 98% 0px no-repeat;
}
div#header p
{
	font-style: italic;
	font-size: 1.1em;
	margin: 0;
}

div#headerDaughter
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	height: 50px;
	background: #fff url("Images/iheader.jpg") 98% 0px no-repeat;
}
div#header p
{
	font-style: italic;
	font-size: 1.1em;
	margin: 0;
}


div#content
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	padding: 0em 0em 100px; /* bottom padding for footer */
	background: #e2e5ec;
	height: 100%;
	margin-left: 11px;
	margin-right: 11px;
}
div#content p
{
	text-align: left;
	padding: 0;
}

div#contentDaughter
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	padding: 0em 0em 100px; /* bottom padding for footer */
	height: 100%;
	margin-left: 11px;
	margin-right: 11px;
}
div#contentDaughter p
{
	text-align: left;
	padding: 0;
}


div#footer
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	position: absolute;
	width: 100%;
	bottom: 0; /* stick to bottom */
	background: #fff;
}


div#headerLogo
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	float: left;
	width: 325px;
	height: 50px;
}	

div#ajaxProgress
{
	font-family: arial,sans-serif;
	font-size: 12px;
	color: #8C0008;
	text-align: center;
	font-weight: bold;
}

div#ajaxResult
{
	font-family: arial,sans-serif;
	font-size: 12px;
	color: #8C0008;
	text-align: center;
	font-weight: bold;
}

.headerPhoto
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	padding-top: 15px;
	width: 288px;
	height: 167px;
	float: left;
	margin-right: 0px;
	text-decoration: none;
	font-size: 27px;
	font-weight: bold;
	font-family: arial;
	color: #EA791D;
	text-align: left;
	margin-left: 11px;
	background: #1E314F 98% 3px no-repeat;
}

.headerEvent
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	padding-top: 15px;
	width: 432px;
	height: 167px;
	float: left;
	text-decoration: none;
	font-size: 27px;
	font-weight: bold;
	font-family: arial;
	color: #EA791D;
	text-align: left;
	background-color: #1E314F;
}

.eventTitle
{
	padding-top: 15px;
	margin-right: 0px;
	text-decoration: none;
	font-size: 30px;
	font-weight: bold;
	font-family: arial;
	color: #FC922E;
	text-align: left;
	margin-left: 30px;
	position: relative;
}

.eventDetail
{
	padding-top: 5px;
	margin-right: 30px;
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
	font-family: arial;
	color: #FFFFFF;
	text-align: right;
	margin-left: 10px;
	position: relative;
}

.headerphonenumber
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	text-decoration: none;
	font-size: 27px;
	font-weight: bold;
	font-family: arial;
	color: #EA791D;
	text-align: right;
	background-color: #ffffff;
}

.headerphonenumber a
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	text-decoration: none;
	font-size: 27px;
	font-weight: bold;
	font-family: arial;
	color: #EA791D;
	text-align: right;
	background-color: #ffffff;
}

.footerphonenumber a
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	text-decoration: none;
	font-size: 27px;
	font-weight: bold;
	font-family: arial;
	color: #EA791D;
	text-align: right;
	background-color: #ffffff;
}

div#headerCopy
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	float: left;
	width: 212px;
	padding-top: 8px;
	text-align: center;
	height: 50px;
}


.footerNavigation
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	padding-top: 5px;
	margin-left: 110px;
	width: 735px;
	height: 34px;
	font-weight: bold;
	font-family: Arial;
	font-size: 16px;
	color: #1768a9;
}


.footerNavigationItem
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	font-weight: bold;
	font-family: Arial;
	font-size: 16px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

.footerNavigationItem a
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	font-weight: bold;
	font-family: Arial;
	font-size: 16px;
	color: #1768a9;
	text-decoration: none;
	text-align: center;
}

.footerNavigationItem a:hover
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	font-weight: bold;
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
	color: #EA791D;
}

.footerNavigationSeparator
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	font-weight: bold;
	font-family: Arial;
	font-size: 16px;
	color: #CCCCCC;
	width: 10px;
}

.copyright
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	font-size: 11px;
	color: #A9ABA9;
	text-align: right;
	margin-right: 20px;
}

.copyright a
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	color: #A9ABA9;
}

div#footerLogo
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	background: url("Images/iFooter.jpg") no-repeat;
	width: 535px;
	height: 42px;
	float: left;
}


div#navigation
{
	height: 35px;
}


.navigationItem
{
	height: 35px;
	float: left;
}

.navigationItem a
{
	height: 35px;
	float: left;
	font-family: Arial Narrow, Arial Black, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	padding-top: 6px;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
}


div#navigationNetwork
{
	font-family: Arial;
	font-size: 22px;
	display: block;
	background: url("Images/btnNetworkOff.jpg") no-repeat;
}
div#navigationNetwork a
{
	display: block;
	background: url("Images/btnNetworkOff.jpg") no-repeat;
	height: 35px;
	width: 144px;
}
div#navigationNetwork a:hover
{
	background: url("Images/btnNetworkOn.jpg") no-repeat;
	height: 35px;
	width: 144px;
}
div#navigationSoftware
{
	display: block;
	background: url("Images/btnSoftwareOff.jpg") no-repeat;
}
div#navigationSoftware a
{
	display: block;
	background: url("Images/btnSoftwareOff.jpg") no-repeat;
	height: 35px;
	width: 144px;
}
div#navigationSoftware a:hover
{
	background: url("Images/btnSoftwareOn.jpg") no-repeat;
	height: 35px;
	width: 144px;
}
div#navigationProducts
{
	display: block;
	background: url("Images/btnTrainingOff.jpg") no-repeat;
}
div#navigationProducts a
{
	display: block;
	background: url("Images/btnTrainingOff.jpg") no-repeat;
	height: 35px;
	width: 144px;
}
div#navigationProducts a:hover
{
	background: url("Images/btnTrainingOn.jpg") no-repeat;
	height: 35px;
	width: 144px;
}
div#navigationDatabase
{
	display: block;
	background: url("Images/btnDatabaseOff.jpg") no-repeat;
}
div#navigationDatabase a
{
	display: block;
	background: url("Images/btnDatabaseOff.jpg") no-repeat;
	height: 35px;
	width: 144px;
}
div#navigationDatabase a:hover
{
	background: url("Images/btnDatabaseOn.jpg") no-repeat;
	height: 35px;
	width: 144px;
}
div#navigationMarketing
{
	display: block;
	background: url("Images/btnMarketingOff.jpg") no-repeat;
}
div#navigationMarketing a
{
	display: block;
	background: url("Images/btnMarketingOff.jpg") no-repeat;
	height: 35px;
	width: 144px;
}
div#navigationMarketing a:hover
{
	background: url("Images/btnMarketingOn.jpg") no-repeat;
	height: 35px;
	width: 144px;
}


.feature
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	width: 289px;
	float: left;
}

.featureHeader
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	width: 250px;
	height: 66px;
	background: url("Images/hdrSolutions.jpg") no-repeat;
}

.featuremain
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	width: 250px;
	height: 310px;
}

/*-------------------------------------------------------------------------------------------*/
.featureLeft
{
	width: 21px;
	height: 396px;
	background: url("Images/LeftBar.jpg") no-repeat;
	float: left;
}
.featureRight
{
	width: 18px;
	height: 396px;
	background: url("Images/RightBar.jpg") no-repeat;
	float: left;
}
.featureContent
{
	width: 250px;
	height: 396px;
	float: left;
	background: #FFFFFF;
	font-size: 12px;
	text-align: justify;
}

.featureImage
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	margin-top: 10px;
	margin-bottom: 10px;
	background: no-repeat;
	width: 247px;
	height: 83px;
	float: left;
}

.featureTitle
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	margin-left: 12px;
	margin-right: 11px;
	color: #034F80;
	float: left;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.featureTitle a
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	margin-left: 12px;
	margin-right: 11px;
	color: #034F80;
	float: left;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.featureText
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	margin-left: 12px;
	margin-right: 11px;
	color: #034F80;
	float: left;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	text-align: left;
	font-weight: normal;
}

.featureText a
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	margin-left: 12px;
	margin-right: 11px;
	color: #034F80;
	float: left;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
}

.featureLearnMore
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	margin-top: 10px;
	margin-bottom: 10px;
	background: url("Images/btnLearnMore.JPG") no-repeat;
	width: 99px;
	height: 20px;
	float: left;
	margin-left: 65px;
}

.main
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	background-color: #e2e5ec;
	width: 430px;
	min-height: 100%;
	height: 100%;
	height: auto;
	position: relative;
}

.mainDaughter
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	width: 430px;
	min-height: 100%;
	height: 100%;
	height: auto;
	position: relative;
}

div#search
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	background: url("Images/hdrBackground.jpg") repeat-x;
	height: 65px;
	width: 430px;
}

#searchDaughter
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	background: url("Images/hdrBackground_daughter.jpg") repeat-x;
	height: 35px;
	width: 575px;
}


.copy
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	margin-left: 20px;
	margin-right: 11px;
	float: left;
	line-height: 1.5;
	font-family: arial,sans-serif;
	font-size: 16px;
	color: #15253c;
	text-align: left;
}


.copyDaughter
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	margin-left: 20px;
	margin-right: 11px;
	float: left;
	font-family: arial,sans-serif;
	font-size: 12px;
	color: #15253c;
	text-align: left;
}

.sectionHeader
{
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
	color: #003d6a;
	text-align: center;
}

table.contactForm
{
	margin-left: auto;
	margin-right: auto;
}

.formLabelColumn
{
	text-align: right;
}

.formFieldColumn
{
	text-align: left;
}

.formFieldLabel
{
	font-family: arial,sans-serif;
	font-size: 12px;
	color: #15253c;	
	font-weight: bold;	
}

.formField
{
	width: 225px;
}

.copyDaughter p
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	margin-left: 20px;
	margin-right: 11px;
	float: left;
	font-family: arial,sans-serif;
	font-size: 12px;
	color: #15253c;
	text-align: left;
}

.leftNav
{
	/*border-style: solid;    border-color: #FF0000;    border-width: 1px; */
	background: url("Images/bg_leftnav_blue.jpg") repeat-x;
	float: left;
	width: 143px;
	height: 400px;
}


.copy p
{
	font-size: 16px;
	margin: 0;
}



.copy h2
{
	font-size: 20px;
	font-weight: bold;
	font-family: arial;
	margin: 0;
	text-align: left;
}


.txtSearchCriteria
{
	font-size: 14px;
	color: #666666;
	width: 200px;
	position: relative;
	top: 10px;
	margin-left: 10px;
}

.searchButton
{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	top: 13px;
}

.txtSearchCriteriaDaughter
{
	font-size: 14px;
	color: #666666;
	width: 200px;
	position: relative;
	top: 1px;
	margin-left: 10px;
}

.searchButtonDaughter
{
	margin-top: 1px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

/* Copy */
.BodyCopyBlue
{
	font-size: 12px;
	color: #305F8B;
	font-family: Arial, sans-serif;
	text-decoration: none;
}
A:link.BodyCopyBlue
{
	font-size: 12px;
	color: #305F8B;
	font-family: Arial, sans-serif;
	text-decoration: none;
}
A:visited.BodyCopyBlue
{
	font-size: 12px;
	color: #305F8B;
	font-family: Arial, sans-serif;
	text-decoration: none;
}
A:hover.BodyCopyBlue
{
	font-size: 12px;
	color: #305F8B;
	font-family: Arial, sans-serif;
	text-decoration: none;
}

.BodyCopyBlueEmphasized
{
	font-size: 12px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}
A:link.BodyCopyBlueEmphasized
{
	font-size: 12px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}
A:visited.BodyCopyBlueEmphasized
{
	font-size: 12px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}
A:hover.BodyCopyBlueEmphasized
{
	font-size: 12px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}

.BodyCopyOrange
{
	font-size: 14px;
	color: #E48A1C;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
}
A:link.BodyCopyOrange
{
	font-size: 14px;
	color: #E48A1C;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}
A:visited.BodyCopyOrange
{
	font-size: 14px;
	color: #E48A1C;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}
.SECopyOrange
{
	font-size: 11px;
	color: #E48A1C;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

.BodyCopyGray
{
	color: #444444;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
}
A:link.BodyCopyGray
{
	color: #444444;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
A:visited.BodyCopyGray
{
	color: #444444;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
.BodyCopyRed
{
	font-size: 13px;
	color: #cc2222;
	font-family: Tahoma, Arial, sans-serif;
}

.SubHead
{
	font-size: 24px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
A:link.SubHead
{
	font-size: 24px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
A:visited.SubHead
{
	font-size: 24px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
A:Hover.SubHead
{
	font-size: 24px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

.SubHeadLight
{
	font-size: 24px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-style: italic;
	text-decoration: none;
}
A:link.SubHeadLight
{
	font-size: 24px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-style: italic;
	text-decoration: none;
}
A:visited.SubHeadLight
{
	font-size: 24px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-style: italic;
	text-decoration: none;
}
A:Hover.SubHeadLight
{
	font-size: 24px;
	color: #2082C3;
	font-family: Arial, sans-serif;
	font-style: italic;
	text-decoration: none;
}

.EmphasizedDarkBlue
{
	font-size: 12px;
	color: #0070B2;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}
.EmphasizedOrange
{
	font-size: 12px;
	color: #E1800D;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}
.EmphasizedYellow
{
	font-size: 12px;
	color: #DFBB1D;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}
