@charset "UTF-8";

/*	

#################################################
#	=== MASTER LAYOUT CONTROLS ===		#
#################################################

*/

body {
	margin:0;
	margin-top:7px;
	background:#fff;
}


/* === Global View === */
#wrapper {
	border-collapse:collapse;
	margin:0 auto;
	width:954px;
}

#header {
	background:#003399;
	padding-top:17px;
	padding-left:40px;
	height:74px;
}

#logo {
	float:left;
	width:293px;
	height:48px;
	background:#999999;
} 

#login {
	float:right;
	width:auto;
	margin-right:10px;
}

/* === Top Navigation Container === */
#navigation {
	text-align:center;
	background:#003399;
	height:20px;
	color:#fff;
	font-size:12px;
	margin:0;
}

#navigation ul {
	list-style:none;
	margin:0;
}

#navigation ul li {
	display:inline;
}

.borderLi {
	border-right:1px solid #2cabe2;
	padding-right:15px;
	padding-left:15px;
}

#navigation ul li a, #navigation ul li a:link, #navigation ul li a:active {
	text-decoration:none;
	color:#fff;
}

#navigation ul li a:hover, #navigation ul li a:focus {
	text-decoration:none;
	color:#2cabe2;
}

/* === Banner Area Container === */
#bannerArea {
	float:left;
	height:118px;
}

/* === Content Container === */
#content {
	float:left;
	min-height:260px;
}

#contentnews {
	float:left;
}

/* === Left Navigation Container === */
#leftNavigation {	
	float:left;
	min-height:100%;
	height:260px;
	width:155px;
	padding-top:30px;
	padding-left:10px;
	margin-right:26px;
	background:#bbbdc0;
	color:#fff;
	font-size:77%;
}

#leftNavigation h1, #leftNavigation h2, #leftNavigation h3, #leftNavigation h4, #leftNavigation h5, #leftNavigation h6 {
	color:#fff;
}

#leftNavigation ul {
	list-style:none;
	margin:0;
	padding-left:5px;
	height:100%;
}


#leftNavigation ul li {
	display:block;
	color:#fff;
	padding:3px 3px;
}

#leftNavigation a, #leftNavigation a:link, #leftNavigation a:active {
	text-decoration:none;
	display:block;
	color:#333333;
}

#leftNavigation a:hover, #leftNavigation a:focus {
	text-decoration:none;
	display:block;
	color:#d9dde2;
}

hr {
	border:1px solid #d9dde2;
}
/* === News / Blog === */
ol#posts {
	list-style:none;
}

/* === Main Content Container === */
#main {
	float:left;
	border:1px solid #fff;
	margin-top:3px;
	width:760px;
	min-height:250px;
}
#main-news {
        float:left;
        margin-top:3px;
}
#main h1 {
	color:#204292;
}

#main p {
	font-size:12px;
}

/* === Alternative Main Div for content which does not require a left hand side bar menu === */
#mainWelcome {
	float:left;
	margin-top:3px;
	margin-left:36px;
	width:679px;
	height:250px;
}

#mainWelcome h1 {
	color:#204292;
}


#main table {
	font-size:12px;
}

/* === Footer elements such as quick links to other Hitchenor Wakeford web site portals and copyright information === */
#footer {
	clear:left;
	margin:0;
	padding:0;
	border-top:1px solid #ccc;
	height:50px;
}

#footer #otherSites ul {
	list-style:none;
	margin:0;
	padding:0;
}

#footer #otherSites ul li {
	float:right;
}

#footer .copyright {
	float:left;
	color:#ccc;
}

#footer .links {
	float:right;
	margin-right:10px;
	color:#ccc;
}

#footer a, #footer a:link, #footer a:active {
	color:#ccc;
	text-decoration:none;
}

#footer a:hover, #footer a:focus {
	color:#ccc;
	text-decoration:underline;
}

/* === User Defined Containers === */
#jobView {
	width:716px;
	border:1px solid red;
}
	
	
/* === Assignment Search related === */
#assignments {
	float:left;
	width:695px;
}

#assignments a, #assignments a:link, #assignments a:active {
	color:#003399;
	text-decoration:none;
} 

#assignments a:hover, #assignments a:focus {
	color:#003399;
	text-decoration:underline;
} 

	
#assignments ul {
	list-style:none;
	margin:0;
	padding:0;
}

#assignments ul li {
	background:#003399;
	color:#fff;
	width:167px;
	float:left;
	padding:3px 3px;
}

#assignments li.rowSecondary {
	background:#fff;
	border:1px solid #fff;
	color:#000;
	width:163px;
	float:left;
	padding:3px 3px;
}

/* Styling to for assignment results in the admin section due to additional column */
#assignmentsAdmin {
	float:left;
	width:720px;
}

#assignmentsAdmin ul {
	list-style:none;
	margin:0;
	padding:0;
}

#assignmentsAdmin ul li {
	background:#003399;
	color:#fff;
	width:138px;
	float:left;
	padding:3px 3px;
}

#assignmentsAdmin li.rowSecondary {
	background:#fff;
	border:1px solid #003399;
	color:#000;
	width:134px;
	float:left;
	padding:3px 3px;
}


/* === Heads of Practice Classes === */
.headsofPractice {
	float:left;
	padding:3px 3px;
	width:290px;
	margin:5px 5px;
	border:5px solid #003399;
	color:#000;
}

/* === Styling for logged in module state === */
#loggedin {
	padding:5px;
	background:#003399;
	border:2px solid #2cabe2;
	height:30px;
	width:260px;
	font-size:11px;
}

#loggedin a, #loggedin a:link, #loggedin a:active {
	color:#2cabe2;
	text-decoration:none;
}

#loggedin a:hover, #loggedin a:focus  {
	color:#2cabe2;
	text-decoration:underline;
}

#loggedin p {
	margin:0;
	padding:0;
	color:#fff;
}


/* === BREADCRUMBS === */
#breadcrumbs {
	float:left;
	padding-top:15px;
	font-size:11px;
}
#crumbs ul {
	list-style:none;
}
#crumbs li {
	float:left;
	list-style:none;
	color:#333333;
}
ol#posts {
	margin:0;
	padding:0;
}