﻿/* Colours used on site

#12165D - Main Dark Blue
#EB7128 - Main Orange

#535A86 - Mid blue used for highlighting some items including separation lines between featured sectors
#42447D - Mid blue used as background to search panel on right
#292E70 - Mid blue used as thin line for separators on dark background
#7F9DB9 - Mid blue used as border for drop down lists
#25296A - Dark blue background for buttons
#7C7FA6 - Light blue border surrounding buttons
#55588B - used to separate featured sectors
#EF8D53 - Mid orange used on bottom of active and hover li items in main nav

DO NOT USE: #12165D - Dark Blue from main logo
DO NOT USE: #EB7128 - Orange from logo

*/

/* General Items */

body
{
	font-size: 62.5%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #12165D;
	color: #FFFFFF;
}

a
{
	text-decoration: none;
	color: #FFFFFF;
}

a:hover
{
	text-decoration: underline;
}

a.alt
{
	text-decoration: underline;
}

a.alt:hover
{
	text-decoration: none;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

.clear
{
	clear: both;
}

.hclear
{
	clear: both;
	height: 1px;
	font-size: 1px;
}

.tclear
{
	clear: both;
	height: 0px;
	font-size: 0px;
}

.emphasis
{
	
}

div.errorPanel
{
	padding: 8px;
	font-weight: bold;
	font-size: 1.2em;
	background-color: #EB7128;
	margin: 6px;
	margin-top: 2px;
	border: 1px solid #FFFFFF;
}

div.errorPanel ul
{
	font-weight: normal;
	padding-top: 4px;
	margin-left: 26px;	
}

div.errorPanel ul li
{
	list-style-type: square;
}

div#ContentDisplay ul, div#JobDetail ul, div#ContentDisplay ol, div#JobDetail ol
{
	padding-bottom: 8px;
	margin-left: 16px;
}

div#ContentDisplay ul li, div#JobDetail ul li, div#ContentDisplay ol li, div#JobDetail ol li
{
	font-size: 1.2em;
	background-image: url('/Lib/Img/SmallOrangeArrowRightOnMidBlue.png');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-bottom: 2px;
	padding-left: 8px;
	list-style-position: inside;
}

div#ContentDisplay ol li, div#JobDetail ol li
{
	background-image: none;
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 8px;
	padding-left: 0px;
}

input
{
	font-size: 1.0em;
}

textarea
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
}

input.tb, input.tbActive, textarea.tb, textarea.tbActive
{
	padding: 3px;
	border: 1px solid #7F9DB9;
	font-size: 1.1em;
	width: 190px;
}

input.tbActive, textarea.tbActive
{
	background-color: #EFEFEF;
}

select
{
	font-size: 1.1em;
	padding: 3px;
	border: 1px solid #7F9DB9;
	width: 198px;
}

select:focus
{
	background-color: #EFEFEF;
}

dl dt
{
	width: 144px;
	clear: both;
	float: left;
	text-align: right;
	padding: 2px;
	padding-right: 0px;
}

dl dt span
{
	color: #EB7128;
	padding-left: 2px;
}

dl dd
{
	float: left;
	width: 160px;
	padding: 2px;
}

input.button, a.button
{
	background: transparent;
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px;
	background-color: #25296A;
	border: 1px solid #7C7FA6;
	font-family: Verdana, Arial, Helvetica, serif;
}

a.button
{
	text-decoration: none;
}

div#Heading
{
	background-repeat: no-repeat;
	padding-top: 58px;
	padding-bottom: 14px;
	border-bottom: 1px solid #55588B;
}

div#Heading h1
{
	font-size: 2.8em;
	color: #EB7128;
}

div#Heading.noshow h1
{
	display: none;
}

div#Heading h2
{
	font-size: 1.2em;
	padding-left: 3px;
}

div.shadow, div.shadowDark
{
	background-color: #41457D;
	padding: 4px;
	border: 1px solid #0F124C;
}

div.shadowDark
{
	background-color: #2A2E6E;
}

div.forwardArrow, div.forwardArrowOnMid
{
	background-image: url('/Lib/Img/SmallOrangeArrowRightOnBlue.png');
	padding-left: 6px;
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

div.forwardArrow a, div.forwardArrowOnMid a
{
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

div.forwardArrow a:hover, div.forwardArrowOnMid a:hover
{
	text-decoration: none;
	border-bottom: 1px solid #EB7128;
}

div.forwardArrowOnMid
{
	background-image: url('/Lib/Img/SmallOrangeArrowRightOnMidBlue.png');
}

a.next
{
	background-image: url('/Lib/Img/SmallOrangeArrowRightOnLightBlue.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 6px;
}

a.previous
{
	background-image: url('/Lib/Img/SmallOrangeArrowLeftOnLightBlue.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 6px;
}

/* End of General Items */

/* Main Master Page Items */

div#MainOuterWrap /* Required out wrap instead of use of body because body causes background-image to move */
{
	background-image: url('/Lib/Img/MainBackground.gif');
	background-repeat: no-repeat;
	background-position: center top;
	min-width: 996px;
	position: relative;
	top: -26px; /* Offset entire site by -26px (move up) */
}

div#MainWrap
{
	width: 996px;
	margin: 0 auto;
}

div#MainWrap div#MainLeft
{
	float: left;
	width: 194px;
	position: relative;
	left: 3px;
}

div#MainWrap div#MainLeft div#LogoWrap
{
	float: right;
	padding-top: 24px;
	background-image: url('/Lib/Img/GreyPanel.png');
	background-repeat: repeat-y;
	padding-left: 3px;
	width: 171px;
}

div#MainWrap div#MainLeft div#LogoWrap a
{
	display: block;
	width: 168px;
	height: 172px;
	background-image: url('/Lib/Img/Kingsley-Associates-Logo.png');
	background-repeat: no-repeat;
}

div#MainWrap div#MainLeft div#LogoWrapBottom
{
	clear: both;
	float: right;
	width: 174px;
	height: 3px;
	background-image: url('/Lib/Img/GreyPanelBottom.png');
	background-repeat: no-repeat;
}

/* Main Nav with Drop Down */

div#MainWrap div#MainLeft div#NavWrap
{
	clear: both;
	padding-right: 3px;
	padding-top: 18px;
}

div#MainWrap div#MainLeft ul#Nav li
{
	background-image: none;
	font-size: 1.2em;
	position: relative; /*this is essential for the absolute positioning of child elements to work*/
	margin-left: 24px;
}

div#MainWrap div#MainLeft ul#Nav div.navSep
{
	background-image: url('/Lib/Img/NavBottom.png');
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	left: -78px;
	top: 0px;
	height: 1px;
	z-index: -10;
}

div#MainWrap div#MainLeft ul#Nav li a
{
	border-bottom: 1px solid #42447D;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 6px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	top: 1px;
	z-index: 10;
	margin-top: 9px;
}

div#MainWrap div#MainLeft ul#Nav li.active a, div#MainWrap div#MainLeft ul#Nav li a:hover
{
	border-bottom: 1px solid #EF8D53;
}

div#MainWrap div#MainLeft ul#Nav li ul
{
	display: none;
	position: absolute;
	left: 172px;
	top: -8px;
	width: 194px;
	background-color: #12165D;
}

div#MainWrap div#MainLeft ul#Nav li ul li
{
	padding-left: 0px;
	font-size: 1.0em;
}

div#MainWrap div#MainLeft ul#Nav li a:hover
{
	background-color: #EB7128;
}

div#MainWrap div#MainLeft ul#Nav li.active a
{
	background-color: #EB7128;
}

div#SubMenusContainer ul
{
	border: 1px solid #42447D;
	border-bottom: none;
}

div#SubMenusContainer a
{
	background-color: #12165D;
	border-bottom: 1px solid #42447D;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 12px;
	display: block;
	text-decoration: none;
}

div#SubMenusContainer a:hover
{
	background-color: #EB7128;
}

div#MainWrap div#MainLeft ul#Nav li a.mainParentBtn, div#SubMenusContainer li a.subParentBtn
{
	background-image: url('/Lib/Img/SmallWhiteArrowRightWithBleed.png');
	background-repeat: no-repeat;
	background-position: right center;
}

div#MainWrap div#MainLeft ul#Nav li.active a.mainParentBtn, div#MainWrap div#MainLeft ul#Nav li a.mainMenuParentBtnFocused, div#SubMenusContainer li a.subMenuParentBtnFocused
{
	background-image: url('/Lib/Img/SmallWhiteArrowRightOnOrangeWithBleed.png');
	background-color: #EB7128;
}

div#MainWrap div#MainLeft ul#Nav li a.mainMenuParentBtnFocused
{
	border-bottom: 1px solid #EF8D53;
}

/* End of Main Nav with Drop Down */

div#MainWrap div#MainMiddle
{
	float: left;
	width: 550px;
}

div#MainWrap div#MainMiddle div#HeaderWrap
{
	height: 240px;
	position: relative;
	z-index: 10;
}

div#MainWrap div#MainMiddle div#HeaderWrap div#Header
{
	background-image: url('/Lib/Img/HeaderBackground.png'); /* Default if no content is set and/or flash not working */
	background-repeat: no-repeat;
	height: 228px;
}

div#MainWrap div#MainMiddle div#HeaderWrap div.headerStatic
{
	background-repeat: no-repeat;
	height: 228px;
}

div#MainWrap div#MainMiddle div#ContentWrap
{
	padding-left: 36px;
	padding-right: 36px;
}

div#MainWrap div#MainRight
{
	background-image: url('/Lib/Img/RightBackground.png');
	background-repeat: no-repeat;
	float: left;
	width: 238px;
	position: relative;
	left: -4px;
}

div#MainWrap div#MainRight div#MainRightUpper, div#MainWrap div#MainRight div#MainRightLower
{
	padding-left: 20px;
	padding-right: 20px;
}

div#MainWrap div#MainRight div#MainRightUpper
{
	padding-top: 60px;
	padding-bottom: 28px;
}

div#MainWrap div#MainRight div#MainRightLower
{
	padding-top: 24px;
}

div#MainWrap div#MainRight div#MainRightEnd
{
	background-image: url('/Lib/Img/RightBottom.png');
	background-repeat: no-repeat;
	height: 46px;
}

div#FooterWrap
{
	clear: both;
	padding-top: 32px;
	padding-bottom: 20px;
}

div#Footer
{
	clear: both;
	border-top: 1px solid #EB7128;
	color: #EB7128;
	width: 954px;
	margin: 0 auto;
	text-align: center;
	padding-top: 4px;
	font-size: 1.1em;
}

div#Footer a
{
	color: #EB7128;
	text-align: center;
}

div#Footer div
{
	float: left;
	padding-left: 4px;
}

div#Footer div.footerNavWrap
{
	float: right;
}

div#Footer div.footerNavWrap div
{
	padding-left: 4px;
	padding-right: 4px;
}

div#Footer div.footerNavWrap div.first
{
	border-right: 1px solid #EB7128;
}

/* End of Main Master Page Items */

/* Home Page Items */

div#Welcome
{
	background-image: url('/Lib/Img/Welcome-To-Kingsley-Associates.png');
	background-repeat: no-repeat;
	padding-top: 58px;
	padding-bottom: 14px;
}

div#Welcome h1
{
	display: none;
}

div#Welcome h2
{
	font-size: 1.2em;
	padding-left: 3px;
}

/* End of Home Page Items */

/* Search Results Page Items */

div#SearchResults div#Heading
{
	background-image: url('/Lib/Img/SearchResults.png');
	padding-top: 48px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

/* End of Search Results Page Items */

/* General Content Page Items */

div#SiteMapPathWrap
{
	border-bottom: 1px solid #55588B;
	padding-bottom: 4px;
	color: #EB7128;
	font-size: 1.2em;
	padding-left: 3px;
	font-style: italic;
}

div#SiteMapPathWrap a
{
	font-style: normal;
}

div#SiteMapPathWrap span.separator
{
	background-image: url('/Lib/Img/SmallOrangeArrowRightOnBlue.png');
	background-repeat: no-repeat;
	background-position: 0px center;
}

/* End of General Content Page Items */

/* Sub Nav for use on General Content Areas when Javascript not present */

div#SubNav
{
	padding-top: 12px;
}

div#SubNav h4
{
	color: #EB7128;
	font-size: 1.2em;
	margin-bottom: 8px;
}

div#SubNav a
{
	display: block;
	float: left;
	font-size: 1.2em;
	color: #FFFFFF;
	background-image: url('/Lib/Img/SmallOrangeArrowRightOnBlue.png');
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 6px;
	padding-right: 10px;
	margin-bottom: 4px;
}

div#SubNav a.active
{
	color: #EB7128;
	font-weight: bold;
}

/* End of Sub Nav */

/* Holding Page */

div#HoldingPage, div#ErrorPage
{
	margin: 0 auto;
	width: 600px;
	text-align: center;	
	padding-top: 100px;
}

div#HoldingPage h1, div#ErrorPage h1
{
	margin-top: 30px;
	font-size: 1.8em;
}

div#HoldingPage h2, div#ErrorPage h2
{
	margin-top: 20px;
	font-size: 1.3em;
}

div#HoldingPage div#ContactWrap
{
	margin-top: 20px;
	font-size: 1.1em;
}

div#HoldingPage div#ContactWrap div
{
	margin-top: 2px;
}

div#HoldingPage div#ContactWrap span
{
	color: #EB7128;
}

div#ErrorPage p
{
	font-size: 1.1em;
}

div#ErrorPage p a
{
	color: #EB7128;
}

/* End of Holding Page */