@charset "UTF-8";

/* Career Life College Stylesheet *********************** */


@import url(small.css);
@import url(forms.css);
@import url(panels.css);




/* ************************************** CSS reset ************************************** */

* {
	margin: 0;
	padding: 0
}

iframe,a img,fieldset,form,table {
	border: 0
}

h6,h5,h4,h3,h2,h1,caption,th,td,div {
	font-size: 100%;
	font-weight: normal
}

dd,dt,li,dl,ol,ul {

}

legend {
	color: #000
}

button,select,textarea,input {
	font: 100% sans-serif
}

table {
	border-collapse: collapse
}

caption,th,td {
	text-align: left
}


/* ****************************************************************************

*

CSS Start 

*

****************************************************************************** */

html {
	height:100.1%;

}

body
{
	font-size: 0.7em;
	font-family: Arial, Helvetica,Sans-Serif;
	color: #555555;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color: #eee;
	padding-top: 20px;
	background-image: url(../images/template/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#container {
	text-align: left;
	margin: 0px auto;
	width: 970px;
}

/* ****************************************************************************

*

positioning-layers static and absolute 

*

****************************************************************************** */

#header {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}



#midArea
{
	margin: 0;
	padding: 0;
	clear: both;
	background-color: #FFF;

}

#home #midArea
{
	margin: 0;
	padding: 0;
	margin-top:0px;
	clear: both;
	background-color: #FFF;
	background-repeat: repeat-y;
	background-position: left top;
}

#home #about
{
    margin-bottom: 20px;
}

#right {
	float: right;
	width: 295px;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

#home #right {
	float: right;
	width: 285px;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

#home #right .contentIn {
	padding-top:20px;
}

#left {
	width:150px;
	margin:0;
	padding:0;
	float:left;
}

#home #splashHomeBox {
	margin:0px;
	margin-bottom:20px;
	padding:0px;
}
#home #splashHomeBox #splashLeft {
	margin-right:295px;
}



#home #splashHomeBox #splashRight
{
	margin-top:20px;
	width: 265px;
	float: right;
	background-image: url(../images/template/img_login_home.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height:180px;
	padding:10px;
}
	

#home #splashHomeBox #splashRight
{
	margin-top:20px;
	width: 265px;
	float: right;
	background-image: url(../images/template/img_login_home.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height:180px;
	padding:10px;
}

#home #left {
	width:285px;

}


#right p {
	margin-bottom:1em;
}

#middle {
	margin: 0 295px 0px 170px;
}

#middle p {
	margin-bottom:1em;
}

#home #middle {
	margin: 0 305px 0px 305px;
	_margin: 0 295px 0px 295px;

}

#home #middle .contentIn {
	padding-top:20px;
}

body#template1Col #middle {
	margin: 0 0px 0px 0px;
}

body#template1Col #left,
body#template1Col #right {
	display:none;
}
body#template2Col #middle {
	margin: 0 0px 0px 180px;
}

body#template2Col #right {
	display:none;
}

body#template3Col #middle {
	margin: 0 295px 0px 180px;
}

div.tileAd {
	padding:0px;
	margin:0em 0 10px 0;
}

#home #middle .tileAd {
	margin-bottom:2px;
}


#footer {
	margin: 0;
	padding: 0;
	font-size: 8pt;
	color: #999;
	margin-bottom: 1em;
}


#networkLinks {
	width:200px;
	text-align:right;
	float:right;
}

#partnerLogos {
	padding:0px;
	text-align:left;
	margin-bottom:10px;
}

#partnerLogos img {
	float:left;
	margin-right:8px;
	margin-bottom:5px;
}

/* ****************** SEARCH styles ************************************** */




#siteSearch {

	margin-top: 15px;
	float: right;
	width: 150px;
	padding: 0px;
	height:24px;
	display:block;
	position:relative;

}


#siteSearch label.inside {
	position: absolute;
	visibility: hidden;
}


.side-header {
	padding: 12px 155px 0 0px;
	float: right;
	margin: 0;
	position: relative;
	min-height: 14px;	
}


#siteSearch #search {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 10px;
}

#top-submit {
	position: absolute;
	right: 1px;
	top: 1px;
	.top: 2px;/* ** IE7 ************************************** */
	_top: 2px;/* **IE6 ************************************** */
	

}

#siteSearch label {
	color: #B6C6D6;
}

#top-keywords {
	margin-left: 0px;
	color: #5f6e7c;
	width: 140px;
	border: 0;
	padding: 2px;
	background: #fff;
	border: 1px solid #ddd;
	height: 14px;
}

#top-keywords:focus {
	color: #000;
	background-color: #ffffcc;
}

#siteSearch input, #siteSearch label {
	vertical-align: middle;
	font-size: 95%;
	line-height: 1.25em;
	padding-left: 2px;
}

/* ****************** END SEARCH styles ************************************** */





#logoSplashAreaWrapper {
	width: 950px;
	overflow:hidden;	
}

#logoSplashAreaWrapperSection {

	width: 950px;
	overflow:hidden;
}

#logoSplashArea
{
	overflow: hidden;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right top;
}

#logoSplashAreaSection
{
	overflow: hidden;
	width: 950px;
}

#splashRight {
	display: block;
	float: right;
	width: 536px;
	background-position: right top;
}

#topRightSection {
	display: block;
	float: right;
	width: 360px;
	background-repeat: no-repeat;
	background-position: right top;
	text-align:right;
	padding-right:10px;
}



#splashRightContent {
	width: 536px;

	background-repeat: no-repeat;
	background-position: right top;
}

#splashRightContentSection
{
	width: 285px;
	background-repeat: no-repeat;
	background-position: right center;
}

#logoBox {
	width: 550px;
	margin-left: 0px;
	margin-top: 0px;
}


.contentIn {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	border: 0;
}

div#right .contentIn {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
	border: 0;
}

#home div#right .contentIn {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
	border: 0;
}

div#middle .contentIn {
	margin: 0px;
	padding: 0px 20px 10px 0px;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	border: 0;
}

#home div#middle .contentIn {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	border: 0;
}

.contentInZero {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	border: 0;
}

.contentIn10 {
	margin: 0px;
	padding: 10px;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	border: 0;
}

.clearer {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

#gototop {
	margin: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-top:10px;
	border-top:1px dotted #ccc !important;
	border-top:1px solid #eee;	
	clear:both;
}

#gototop a {
	display:block;
	display:block;
	background: url(../images/template/img_arrow_up.gif) no-repeat left center;
	margin-left: 0px;
	padding-left: 20px;
	width:80px;
	font-size:11px;
}



#footerArea {
	padding: 10 0px;
	color: #666;
	font-size: 11px;
}

#disclaimerArea {
	padding: 10px 0;
	color: #999;
	font-size: 1em;
}

#disclaimerArea a {
	color: #666;
}

#disclaimerArea strong {
	color:#999;
}

div.contentArea {

}

/* ****************************************************************************

* 

Article Tools Styles 

*

**************************************************************************** */

#articleTools {
	margin:0px;
	margin-top:0px;
	padding:0px;
	height:20px;
	width:100px;
	float:right;
	text-align:right;
	margin-bottom:0px;
	width:80px;
	overflow:hidden;
}

#articleTools #articletools_fontsmaller,
#articleTools #articletools_fontbigger,
#articleTools #articletools_print,
#articleTools #articletools_email
{
	width: 20px;
	height: 20px;
	overflow:hidden;
	margin: 0;
	display:block;
	float:left;
	background-repeat: no-repeat;
	background-position: 0 0px;
	
}

#articleTools #articletools_fontsmaller	{	background-image: url('../images/template/articletools_fontsmaller.gif');}
#articleTools #articletools_fontbigger	{	background-image: url('../images/template/articletools_fontbigger.gif');}
#articleTools #articletools_print 		{	background-image: url('../images/template/articletools_print.gif');}
#articleTools #articletools_email		{	background-image: url('../images/template/articletools_email.gif');}

#articleTools a#articletools_fontsmaller:hover,	
#articleTools a#articletools_fontbigger:hover,
#articleTools a#articletools_print:hover,
#articleTools a#articletools_email:hover		{	background-position: 0 -20px;}


/* ****************************************************************************

* 

Search Results Styles 

*

**************************************************************************** */

.searchResultUnit {
	padding:10px;
	margin:0px 0px;
	border-bottom:1px solid #f0f0f0;
}

.searchResultUnitOdd {
	padding:10px;
	margin:0px 0px;
	border-bottom:1px solid #f0f0f0;
	background-color:#f5f5f5;
	padding-bottom:0px;
}

.searchResultUnit strong,
.searchResultUnitOdd strong{
	font-size:1.5em;
}

.searchResultUnit a,
.searchResultUnitOdd a {
	font-size:0.9em;
}

a.searchResultsPages {
	display:inline;
	padding:0.25em 0.5em;
	height:1em;
	width:1em;
	margin-right:0.5em;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #a7a7a7;
	border-bottom:1px solid #a7a7a7;
	background-image: url(../images/template/bg_button.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-weight:bold;
}

a.searchResultsPagesOn {
	display:inline;
	padding:0.25em 0.5em;
	height:1em;
	width:1em;
	margin-right:0.5em;
	color:#eee;
	font-weight:bold;
	background-color:#666;
}

a.searchResultsPages:hover {
	border:1px solid #ccc;
	background-image: url(../images/template/mainnav_bg_on.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	color:#fff;	
}

a.searchResultsPagesOn:hover {
	color:#eee;

}







/* **************************************

=Tabular data structures : tables

************************************** */

table.style {
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #dadada;
	border-top: none;
	border-top: 1px solid #ebf3ff;
}

table.style tr.odd {
	background-color: #f8faf9;
}

table.style tr a {
	color: #000000;
}

table.style tr:hover a {
	color: #ffffff;
}

table.style tr:hover, 

table.style tr.odd:hover {
	background-color: #fdfcf1;
}

table.style caption {
	font-size: 110%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #44abd6;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 0.5em;
}

table.style thead th {
	font-size: 105%;
	color: #333;
	font-weight: bold;
	background-color: #ddd;
	padding: 0.5em;
	border-left: 1px solid #bbb;
}

table.style thead th:hover {
	
}

table.style tr {
	vertical-align: top;
}

table.style tr,

table.style th,

table.style td {
	padding: .25em;
}

table.style td {
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #eee;	
}

table.style tfoot tr {
	
}

table.style tfoot td, table.style tfoot th {
	border: 0px;
}

table {
	width: 100%;
}

/* **************************************

=Pull Quotes

************************************** */

.pullquote {
	float: left;
	width: 10em;
	margin: 0.25em 0.75em 0.5em 0;
	padding: 0.5em;
	padding-bottom: .75em;;
	padding-left: 36px;
	border-top: 2px solid #999;	
	border-bottom: 6px solid #999;
	color: #333;
	font-size:1.25em;
	background: transparent url(../images/template/img_quotemark.gif) no-repeat left top;
}

blockquote.alt {
	float: right;
	margin: 0.25em 0 0.25em 0.55em;
}

pullquote p {
	margin: 0;
	font: normal 1.3em/1.3 Arial, Helvetica,Sans-Serif;
	text-align: center;
}

pullquote p:first-letter {
	text-transform: uppercase
}

/* **************************************

=Floating pics left or right 

************************************** */

.picLeft {
	margin: 5px 10px 5px 0;
	float: left;
}

.picRight {
	margin: 5px 0 5px 10px;
	float: right;
}

.floatLeft {
	margin: 5px 10px 5px 0;
	float: left;
}

.floatRight {
	margin: 5px 0 5px 10px;
	float: right;
}

/* **************************************

=Misc

************************************** */

p,

pre {
	margin: 0 0 1em
}

abbr,

acronym {
	border: none
}

abbr[title],

acronym[title] {
	border-bottom: 1px dotted #666;
	cursor: help;
	font-style: italic;
}

.non-visual {
	position: absolute;
	left: -9999px;
}


/* **************************************

=clearing floats

************************************** */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */





/* **************************************

=Headings

************************************** */

h1 {
	font-size: 200%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px;
	margin-top:1em;
}

h2 {
	font-size: 180%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px
}

h3 {
	font-size: 160%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px
}

h4 {
	font-size: 140%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px
}

h5 {
	font-size: 100%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px
}

h6 {
	font-size: 90%;
	line-height: 90%;
	font-weight: normal;
	margin: 0px
}

h1,h2,h3,h4,h5,h6 {
	color: #333;
	margin:1em 0;
}

/* **************************************

=Navigation

************************************** */

a {
	text-decoration: none;
}

:link {
	color: #00a4e4;
}

:visited {
	color: #00a4e4;
}

:link:hover, :visited:hover {
	color: #00ccff;
}

:link:active, :link:active {
	color: #000;
}









/* **************************************

=Texts

************************************** */

#contentArea p {
	margin-bottom: 1em;
}

/* ************************************** basic text styles ************************************** */

.textRight {
	text-align: right;
}

.textLeft {
	text-align: left;
}

.center {
	text-align: center;
}

.small {
	font-size: 0.8em;
}

strong, b, .blackTexts{
    color: #4D4D4D;
}

.collPanelHead
{
    font-weight: bold;
    color: #00a4e4;
    font-size: 14px;
    cursor: hand;
}

/* **************************************

=Foreground Text Colours

************************************** */

.greenTexts {
	color: #8ac518;
}

.redTexts {
	color: #D00303;
}

.greyTexts {
	color: #cccccc;
}

.darkgreyTexts
{
    color: #666666;
    font-weight: bold;
}

.whiteTexts {
	color: #ffffff;
}

.author {
	color:#8ac518;
}

.publishedDate {
	color:#cccccc;
	font-size:smaller;
}

/* **************************************

=Lists

************************************** */

dl,

ol,
ul {
	margin: 1em 0
}

ul {
	padding: 0 0 0 2em;
	list-style: square;
}

  ol {
	padding: 0 0 0 2.5em
}

  li {
	margin: 0 0 0.5em
}

#midArea ul li {
	vertical-align: baseline;
	list-style: none url(../images/template/img_bullet_green.gif);
	list-style-position: outside;
}



/* ************************************** HR HTML Styles Fixes ************************************** */


hr { text-align: right; width: 100%; height: 1px; color: #ddd; border: none;} /* For Internet Explorer */
HTML>BODY HR { margin-right: 0; width: 100%; height: 1px; background-color: #ddd; border: none;} /* For Gecko-based browsers */
HTML>BODY HR { margin-right: 0; width: 100%; height: 1px; background-color: #ddd; border: 0px solid #ddd;} /* For Opera and Gecko-based browsers */


hr {
	margin:0.5em 0;
}

div#printHeader {
	display:none;
}


















@media print{ 
/*hide the right column, navigation and promotion when printing*/ 
body{background:#fff;color:#000;margin:0px;padding:20px;padding-top:0px;}
div#printHeader
{
	display: block;
	padding: 20px;
	padding-left:0px;
	border-bottom: 1px solid #999;
	margin-bottom: 1em;
}
#container{width:590px;}
#header{display:none;}		
#right{display:none;}	
#left{display:none;}
#networkLinks{display:none;}
#midArea{padding:0px;margin:0px;width:100%}
#middle{padding:0px;width:100%;margin:0px;}
#middle .contentIn{padding:0px;width:100%;color:#000;}
body#template1Col #middle {
	margin: 0 0px 0px 0px;
}

body#template2Col #middle {
	margin: 0 0px 0px 0px;
}

body#template3Col #middle {
	margin: 0 0px 0px 0px;
}

#topStrip{display:none;} 
#sloganSection {display:none}
table{width:590px;}
div.pubListWrapper{width:590px;}
div.pubList{width:590px;}
#headerBox{display:none;} 
#contentsArea{width:100%}
#footerArea{padding:0px;}
#footerArea .footerLinks {display:none}
#gototop{display:none}
#disclaimerArea {width:100%}
}