/* --- Minervation ltd copyright 2004 --- */

/*@import "styles_b_pos.css";*/   /*hide position from Netscape 4.7*/

/*============================================================================================================
=================================== --- Main Styles --- ======================================================
============================================================================================================*/
@import "adverts.css";
@import "news.css";

body { 
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; 
	font-size: 1em;
	font-weight:normal;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

img {border: 0;}

h1 {color: #DA6D0C; font-size: 1.4em; margin: 0;}
h2 {color: #DA6D0C; font-size: 1.2em; margin: 7px 0 5px 0;}
h3 {color: #000000; font-size: 1em; margin: 2px 0;}

p { margin-top: 0;  }
blockquote { font-size: 0.9em;}

a {font-weight: bold;}
a:link { color: #287314;}
a:visited { color: #669966;}
a:hover, a:active {color: #287314; text-decoration: none;}


/*==================================================
================ --- Main Divs --- =================
==================================================*/

#everything {
	margin: 0px auto;
    background-color: #FFF; 
	width: 61.2em; 
	text-align: left;
	border: 1px solid #000000;
}

#page {clear:both;}

#content {}

/*==================================================
============== --- Header --- =====================
==================================================*/
#header {
	background-color:#FFFFFF;
	height: 6.2em;
	border: 0;
	margin-bottom:0;
	padding-bottom:0;
	
}

#header h1
{
    color: #004685;
    float: left;
    padding-left: 1em;
    font-size: 2em;
    font-family:"Lucida Sans", Helvetica, Arial, sans-serif;
}

#header h1 a
{
    color: #004685;
    text-decoration:none;
}

#header span
{
    color: #DA6D0C;
    font-size:1.1em;
    font-weight:bold;
    clear: both;
    float: right;
    margin-right:20px;
    white-space:nowrap;
}
/*==================================================
================ --- MENU 1 --- =================
==================================================*/

#menu1
{
    margin: 0;
    padding:0;
    height:3em;
    width:61.2em;
    background-color: #004685;
    background-image:url(../graphics/menu_strip.gif); background-repeat: repeat-x;
}

#menu1 ul
{
    display:inline;
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

#menu1 ul li
{
    line-height: 1.1em;
    display: inline;
    text-align: center;
    padding: 5px 0;
    margin: 0;
    width: 6.7em;
}

#menu1 ul li a
{
    color:#ffffff;
    font-weight: bold;
    border:0;
    padding: 0;
    margin: 0;
    text-decoration: none;
    display:inline;
    text-align: center;
/* background-color: #d2d2d2; */
/* background-image:url(../graphics/menu1_background.jpg); background-repeat: repeat-x!important */
}

#menu1 ul li a:hover, #menu1 a.selected, #menu1 a:active
{
    color:#DA6D0C;
}

#menu1 ul li a:active
{
    color:#000000;
}




/*==================================================
================ --- Menu 2 --- =================
==================================================*/

#menu2 {
	padding: 0 0 0 0px; 
	border-top: 0;
	background-color: #FFFFFF;
	float: left;
	width: 165px;
	margin: 5px 0 0 2px;
	clear:left!important;
	display:inline;
}

#menu2 ul {margin: 0; padding: 0 0 0 20px; }	
#menu2 ul ul {margin-left: 6px; padding-left: 0px; border:0;}

#menu2 li {
	list-style-type: none; 
	border-bottom: 1px dotted #3D3D3D;
	padding: 15px; 
	font-size: 1em;
	font-weight: bold;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
}

/*#menu2 ul p {paddingleft:30px}*/

#menu2 li li { font-size: 0.9em;font-weight: normal; padding: 3px 3px 3px 3px;}
#menu2 li li li {padding: 5px 0 4px 0; margin: 0; font-size: 0.98em; color: #666666;}
#menu2 li li li li {padding: 6px 0 5px 0;}
#menu2 li ul {display:none;}
#menu2 img {margin-right: 2px;}
#menu2 a:link, #library a:visited {color: #3D3D3D; text-decoration: none;}
#menu2 a:hover {color: #777777}
/*#menu2 a:select {color: #777777;}*/
#menu2 li span {font-weight: bold; color: #3D3D3D; padding: 0; margin: 0;}
#menu2 a:active {color: #3D3D3D; }

/*==================================================
=============== --- Library Menu --- ===============
==================================================*/

#library {
	padding: 0 0 0 0px; 
	border-top: 0;
	background-color: #FFFFFF;
	float: left;
	width: 10em;
	margin: 5px 0 0 2px;
}

#library ul {margin: 0; padding: 0 0 0 20px; }	
#library ul ul {margin-left: 6px; padding-left: 0px; border:0;}

#library li {
	list-style-type: none; 
	border-bottom: 1px dotted #3D3D3D;
	padding: 15px; 
	font-size: 1em;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
}

#library li li { font-size: 0.8em;  padding: 3px 3px 3px 3px;}

#library a {color: #000; text-decoration:none;}

/*
#library li li a { font-size: 0.9em;font-weight: normal; padding: 3px 3px 3px 3px;}
#library li li li {padding: 5px 0 4px 0; margin: 0; font-size: 0.98em;}
#library li li li li {padding: 6px 0 5px 0;}
#library li ul {display:none;}
#library img {margin-right: 2px;}
#library a:link, #library a:visited {color: #3D3D3D; text-decoration: none;}
#library a:hover {color: #777777}
#library a:select {color: #777777;}
#library li span {font-weight: bold; color: #3D3D3D; padding: 0; margin: 0;}
#library a:active {color: #3D3D3D; }
.color_0, .color_1, .color_2, .color_3, .color_4, .color_5, .color_6, .color_7, .color_8, .color_9, .color_10 {background-color: #FFF; }
*/

/*==================================================
================ --- Page Menu --- =================
==================================================*/
#pageMenu {
	padding: 0 0 0 0px; 
	border-top: 0;
	background-color: #FFFFFF;
	float: left;
	width: 165px;
	margin: 5px 0 0 2px;
}

#pageMenu ul {margin: 0; padding: 0 0 0 20px; }	
#pageMenu ul ul {margin-left: 6px; padding-left: 0px; border:0;}

#pageMenu li {
	list-style-type: none; 
	border-bottom: 1px dotted #3D3D3D;
	padding: 15px; 
	font-size: 1em;
	font-weight: bold;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:0px;
}

#pageMenu li li { font-size: 0.9em;font-weight: normal; padding: 3px 3px 3px 3px;}
#pageMenu li li li {padding: 5px 0 4px 0; margin: 0; font-size: 0.98em; color: #666666;}
#pageMenu li li li li {padding: 6px 0 5px 0;}
#pageMenu li ul {display:none;}
#pageMenu img {margin-right: 2px;}
#pageMenu a:link, #library a:visited {color: #3D3D3D; text-decoration: none;}
#pageMenu a:hover {color: #777777}
/*#pageMenu a:select {color: #777777;}*/
#pageMenu li span {font-weight: bold; color: #3D3D3D; padding: 0; margin: 0;}
#pageMenu a:active {color: #3D3D3D; }

/*==================================================
================ --- Page Content--- ===============
==================================================*/
	
#pageContent {display:inline;
	background: #FFF;
	border-left: 1px dotted #3D3D3D;
	padding: 5px 0px 5px 5px;
	font-size: 100%;
	line-height: 1.4em;
	width: 49em;
	margin: 5px 0 0 5px;
}

#pageContent img {float: right; margin: 4px;}

#webContent {clear:both;}

/*For paging links*/
#pageContent a.paging-prev {float:left;}
#pageContent a.paging-next {float:right;}
#pageContent div.webPaging {clear:both;}

/*For edit page link*/
#pageContent div#editWebContent {clear:both;}

#pageContent blockquote {
	float: right; 
	margin: 6px; 
	padding: 5px;
	padding-left:8px;
	padding-bottom:5px;
    border: 1px solid #aaaaaa; 
    font-weight: normal;
	font-style:italic;
	background-color: #FFECBF;
	width: 200px;
	font-size: 0.9em;
	}

/*==================================================
================ --- Footer--- ====================
==================================================*/

#footer 
{
    margin: 0;
    padding:0;
    /*eight:1em;*/
    width:76.5em;
    /*ackground-color: #004685;*/
    background-image:url(../graphics/footer_strip.gif); background-repeat: repeat-x;
	font-size: 0.8em;
	text-align:center;
}

#footer ul{padding:3px 0;margin:0;}

#footer li{padding:0;margin:0;}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active 
{
    padding: 0 10px;
    color: #ffffff;
    text-decoration: none; 
	font-weight: bold;
}
	

#minFooter {margin: 4px 0;}
#minFooter a:link, #minFooter a:visited {margin: 0; padding: 0 2px; color: #999999;}
#minFooter a:hover, #minFooter a:active {color: #7DB06A;}

/*==================================================
=============== --- Functions  --- =================
==================================================*/

#functions {font-size: 0.8em; font-weight: bold; width: 86%; height: 30px;}	
#functions ul{list-style-type: none; margin: 0; padding: 0;}	
#functions li{display: inline; height: 30px; float: right;}

#functions a:link, #functions a:visited {
	border: 1px solid #000;
	text-decoration: none;
	background: #ccc;
	color: #999;
	height: 10px;
	margin: 0 5px;
	padding: 2px 8px;
}

#functions a:hover, #functions a:active {background: #F8E914; color: #330;}


/*==================================================
============== --- Breadcrumbs --- =================
==================================================*/
#breadCrumbs {font-size: 0.7em; height: 15px; padding-bottom:20px;}

#breadCrumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#breadCrumbs li {list-style-image: none; display:inline;}	
#breadCrumbs span {margin-left: 5px;}
#breadCrumbs a:link, #breadCrumbs a:visited {padding: 0 4px; }
#breadCrumbs a:hover, #breadCrumbs a:active {}


/*==================================================
============== --- Search  --- =====================
==================================================*/
#search {float:right; margin-right:20px;}
dl#searchResults {margin:2px; padding:0;}
dl#searchResults dt {float:left;clear:left;margin:0;padding:2px;}
dl#searchResults dd {float:left; margin:0;padding:2px;}
#searchResultsForm {clear:both;}

#searchResults table th, #searchResults table td {vertical-align:top; padding: 0 5px 10px 5px; border-bottom:solid 1px #000000;}
#searchResults {margin-left:10px;}



/* --- Minervation ltd copyright 2005 --- */

/*============================================================================================================
=========================== --- Positioning Styles for Brochure site --- =====================================
============================================================================================================*/

#skip {position: absolute;}		

#menu1 li {float: left;}

#menu2 li {float: left;}	

#pageMenu {float: left;}	
	
#pageContent {float: left;}

#footer {clear: both;}	

#footer li {display: inline;}

#register label {float: none; width: 150px; }
#register td {vertical-align: top;}
#register th {vertical-align: top; text-align: right; width: 120px;}
.msgOk {color: #0f0; font-weight: bold; font-size: 11px;}
.msgError {color: #f00; font-weight: bold; font-size: 11px;}

/* HOMEPAGE ECOM PLUGIN */
/*div#ecomFeed {border: 1px solid #000; width: 200px;}

div#ecomFeed p {padding: 2px; margin:0;}
div#ecomFeed h3 {padding: 2px; margin:0;}
*/

/*==================================================
================ --- Site specific --- =================
==================================================*/	

div#main
{
    float:left;
    width: 650px !important;
    margin:5px 5px 5px 10px;
}

div#sidebar
{
    float:right;
    margin: 5px 10px 5px 5px;
    font-size: 0.95em;
}

div#sidebar a:visited
{
    color: #287314;
}

div#sidebar div#training, div#sidebar div#resources, div#sidebar div#ecompanel
{
    width:260px;
    height:184px;
    background-repeat:no-repeat;
    padding:5px 5px 10px 5px;
    text-align:left;
}

div#sidebar div#learningcenter
{
    width:261px;
    height:247px;
    background-repeat:no-repeat;
    padding:5px 5px 10px 5px;
    text-align:center;
    font-size:1.2em;
}

div#sidebar div#learningcenter p
{
    margin-top:140px;
    line-height:1.3em;
}

div#sidebar div#learningcenter p a
{
    color:#fff;
    text-decoration:none;
    font-weight:100!important;
}

div#sidebar div#learningcenter a span
{
    font-size:1.4em;
}

div#sidebar div#training
{
    margin-top:20px;
    background-image:url(/mod_product/design/graphics/LOTC-homepage-news-pic.jpg);
}

div#sidebar div#learningcenter
{
    margin-top:20px;
    background-image:url(/mod_product/design/graphics/LCimage_home.png);

}

div#sidebar div#training h3
{
    padding-left: 10px;
	padding-right: 10px;
    padding-top: 10px;
	text-align:left;
}

div#sidebar div#resources
{
    background-image:url(/mod_product/design/graphics/LOTC-homepage-resources-pic-08-02-08.jpg);
    background-repeat:no-repeat;
}

div#sidebar div#resources h3, div#sidebar div#ecompanel h2
{
    padding-right: 120px;
    padding-top: 10px;
	padding-left: 10px;
}

div#sidebar div#ecompanel p
{
    padding: 10px 15px 10px 10px ;
}

div#newsfeed
{
    padding-top:0px;
    float:right;
    width:300px;
}

div#newsfeed h2
{
    padding-bottom:20px;
}

div.miniNews
{
    padding-bottom:20px;
}

#pageContent table#care_projects {width: 100%;}

#pageContent table#care_projects tbody img {float:none;}

#pageContent table#care_projects tbody td {padding: 20px 5%; vertical-align:top;}




/*==================================================
================ --- Email images --- ==============
==================================================*/

.emailImage
{
	float: none!important;
	padding-top: 10px;
	vertical-align:middle;

}


/*Admin stuff needed for MySpace area */

#admin img {float: none !important; border: 0; margin: 0; padding: 0;}

#admin table {
	font-weight: bold; 
	border: 1px solid #000; 
	margin: 0 0 10px 2px; 
	clear: both;
	width: 80%;
}

#admin th {padding: 2px 4px; background: #999; border: 1px solid #000; color: #FFF;} 
#admin td {padding: 2px 4px; background: #E8E8E5; border: 0; vertical-align: top;} 

#admin li ul li ul{display:none;}

#admin ul{
	padding: 2px 0 0 17px;
	margin: 0;
	border: 0;
	list-style-type: none;
}

#admin dl {}
#admin dt {	
	font-weight: bold;
	width: 180px;
	float: left;
}

#admin dd {font-weight: bold;}

#admin fieldset {background: #E8E8E5; border: 1px solid #000; padding: 2px 5px; margin-bottom: 10px;}
#admin legend {font-weight: bold; font-size: 1.1em;}

#admin input {margin: 2px 0; vertical-align: baseline;}
#admin select {margin: 2px 0;}
#admin label {font-weight: bold; float: none; text-align: left; width: auto;}

/*============================================================================================================
=================================== --- LOTC Flash bits June 2008 --- ======================================================
============================================================================================================*/


#LOTCFlashleftcol {
	float:left;
	display: inline;
	width: 400px;
	padding: 10px;
	padding-left: 30px;
}
#pageContent #LOTCFlashleftcol h1
{
margin-top:10px;
}
#pageContent #LOTCFlashleftcol img
{
float: none;
}
#LOTCFlashrightcol
{
		float:left;
	display: inline;
	width: 200px;
	padding: 10px;
	padding-left: 30px;
	 
}

.LOTCFlashAd
{


	width: 200px;
	 
	Height: 200px;
	margin:10px;
	background-image: url(../graphics/LOTC-FLASH-blurbbox-BG.jpg);
	background-repeat: repeat-y;
	background-position: bottom;
	
	margin-bottom:20px;
}

.LOTCFlashAdHeader
{
	height: 100px;
}
#pageContent .LOTCFlashAdHeader img {
	 
	padding: 0px;
	margin:0px;
}

.LOTCFlashAdFooter
{
padding:4px;
	height: 100px;
	background-image: url(../graphics/LOTC-FLASH-blurbbox-BGFooter.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}


#pageContent .LOTCFlashAdFooter p
{
font-size: .8em;
}

#pageContent .LOTCFlashAdFooter a
{
color: #fff;
}

.last_edited {
	clear:both;
}

/*Registration form*/
div#siteregister th
{
    text-align: left;
    white-space:nowrap;
}



h2.feed-header {
  font-size:1.4em;
  color:#287314;
}