/* ================NO COLOR OR BORDER CONTROL ===============
============= GO TO CC-colour.CSS File (CC-Lime etc)=========
===================== NO FONT FONT CONTROL ==================
=============== GO TO Combinatrix-Fonts.CSS FILE ============
=============== ONLY TEXT-ALIGN IN THIS FILE ================ */
		
body {
	height: auto;
	min-width: 700px;
	color: inherit;
	text-align: left;
	vertical-align:top;
	horizontal-align:left;
	margin: 0% 0% 0% 0%; 	
	/*	
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #808080;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #808080;
	 /* background-image : url(images/light-balance-small.jpg);
	background-attachment : fixed;
	background-position : bottom left;
	background-repeat : no-repeat;
	*/
}

* {margin: 0; padding: 0; border: 0;}
/* ----------------  Start of Wrappers ------------------ */
#wrapper {
	float: left;
	width: 95%;
	background:;
	color: inherit;
	margin: 0% 0% 0% 2%;	
	text-align: left;	
}
/* ------------ End of Wrappers --------------------------*/

#contentfloatholder {
	float: left; width: 100%; position: relative;}
/*#contentfloatholder:* {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: ".";} */

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0.01px;
    clear: both; 
    visibility: hidden;
}
/* ================================================*/
/* PAGETOP (Container for Colour Blocks & Access Keys) --------*/
#pagetop {
	width: 96%;
	color: inherit;
	vertical-align: top;
	text-align:center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto; /*POSITION: relative;*/
	margin-bottom: 0px;
}
/* -- Colour Blocks --------------------------------------*/ 
#colorNav {
	width: 99%;
	color: inherit;
	display: block;
	vertical-align: top;
	text-align: center;
	height: 40px;
	margin: 0px 0px 0px 0px;
}

/* -- Access Keys ------------------------------------------- */
#Access {
	width: 99%;
	color: inherit;
	text-align: center;
	display: block;
	height: 20px;
	margin: 0px 0px 0px 0px;
}

#Font-Size {
	width: 99%;
	height: 5px;
	color: inherit;
	text-align: center;
	display: block;
}

#TextSize {
	text-align:center;
	height: 5px;
	margin: 0px 0px 0px 0px; 
}


/* -- END OF PageTop  --------------------------------------------*/ 			
/* ===============================================================*/
/* -- START OF Page Title --- (Link, Company Name & Logo) ------- */
#TitleBlock{vertical-align: top; width: 100%;}

/* -- START LEFT SIDE HEADER - Page Link - Stripped Background -- */ 
#header {
	padding: 0px 0px 0px 0px;
	color: inherit;
	text-align: center;
	width: 100%;
	border: 1px solid;
}
#header-title {
	position: relative;
	display: block;
	margin: 0% 0% 0% 0%;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 165px;
	height: 36px;
	color: inherit;
}
#header-title a {color: inherit;}
#header-title a:hover {color: inherit;}
#header-description {
	margin: 0px 5px 5px;
	padding: 0px 20px 20px;
	color: inherit;
}
/* END - LEFT SIDE HEADER - Page Link - Stripped Background -- */
/* START  - NAVIGATION BAR -  HORIZONTAL BUTTON BAR -- */
#subnav {
  float: left;
	display: inline;
	padding: 0% 0% 0% 28%;
	width: 72%;
	margin-left: -2px;
	margin-top: 0px;
	color: inherit;
	
/*	height: 24px;*/
}
/* END - NAVIGATION BAR -  HORIZONTAL BUTTON BAR -- */
/* START - RIGHT SIDE COMPANY Logo - TOPLINK */
A#Toplink {
	float: right;
	position: relative;
	width: 155px;
	height: 80px;
	margin-left: 76%;
	margin-top: -80px; /* Adjust vertical Placing */
}
/*
A#Toplink {
	float: right;
	position: relative;
	width: 155px;
	height: 80px;
	margin-left: 76%;
	margin-top: -80px; /* Adjust vertical Placing */
/* END - RIGHT SIDE COMPANY Logo - TOPLINK */
/* -- END OF Page Title --- (Link, Company Name & Logo) ------- */
/* ================================================*/

#navBar {text-align: center; vertical-align: top; width: 100%; }

/* SIDEBARS START ----------------------------------------------*/
/* Sidebar Left Content --------------------------------------- */
#sidebarL{ }
#sidebarL ul {float: Left; margin: 0px 0px 5px;	padding: 0px 0px 5px; color: inherit; list-style: disc;}
#sidebarL li {float: Left; padding: 0px 0px 5px 0px; text-indent: -20px; color: inherit;}
#sidebarL p {float: Left; color: inherit;}
/* CONTROLS FOR SIDE BARS - ADJUST EVERYTHING HERE!!! */		 
#sidebarLeft {
	float: left;
	position: relative;
	width: 130px;
	height: auto;
	margin-right: 2%;
	text-align: left;
	vertical-align: top;
}
 
#sidebarRight {
	float: right;
	position: relative;
	width: 130px;
	height: auto;
	margin-left: 2%;
	vertical-align:top;
}
/* Sidebar Right Content ------------------------------------- */
#sidebarR{ }
#sidebarR ul {float: Right;	margin: 0px 0px 5px;	padding: 0px 0px 5px;	color: inherit;	list-style: disc;}
#sidebarR li {float: Right;	padding: 0px 0px 5px 0px;	text-indent: -20px;	color: inherit;}
#sidebarR p {float: Right; color: inherit;
}
/* ------ SIDEBARS END ---------------------------------------------*/
/* ======================================================= */
/* --- START --- MAIN SECTION - CENTERPAD - CONTENT - MAIN ------- */

#content {
	width: 100%;
	text-align: left;
	color: inherit;
}
#main {
  width:95%;
  float:none;
	margin: 1%;
	padding: 1%;
	color: inherit;
}

#centerpad {
	float: none;
	padding: 0% 0% 0% 0%;
	height: 100%;
	content: ".";
	color: inherit;
	margin-left: 155px;
	margin-right: 155px;
	width:auto
}  
/* --- START --- MAIN SECTION - CENTERPAD - CONTENT - MAIN ------- */
/* ======================================================= */
/* ----------- START OF HEADERS ----------------*/
hr{
	width: 85%;
	text-align: center;
	color: inherit;
}

h1{
	text-align: center;
}
h2 {margin: 0px 0px 0px 15px;}
h3 {margin: 0px 0px 0px 10px;}
h4 { }
h5 { }
h6 { }
/* ------ END OF HEADINGS ------------------- */
P { }
ul {margin-left: 3%;}
LI {
	color: inherit;
	list-style-type: disc;
	list-style: disc;
	list-style-position: inside;
	margin: 0px 5px 0px 5px;
	text-align:left
}/* THIS CONTROLS THE SIDEBAR LIST ELEMENTS AS WELL */

LI.Left {text-align: left;}
LI.Right {text-align: right;}

#List{ 
	color: inherit;
	list-style: disc;
	margin-left: 3%;
	text-align: left;
}

table {border-bottom: thin ridge; color: inherit; z-index:50}

Table {
	text-align: left;
	empty-cells: show;
}
tr { }
td { }
.TD50 {width:50%}
.TD25 {width:25%}

.Left {text-align: left;}
.Right {text-align: right;}
.Center {text-align: center;}

#center {
  float: none;
	display: block;
	width: 100%;
	color: inherit;
	margin-left: auto;
	margin-right: auto;
}
#left {
	float: left;
	display: block;
	width: 170px;
	color: inherit;
	margin-left: 44px; 
}
#right {
	float: right;
	display: block;
	width: 170px;
	color: inherit;
	margin-right: -1.95px;
}

A {color: inherit; padding: 0px 2px 0px 0px;}
A:link {color: inherit;}
A:hover {color: inherit;}
A:visited {color: inherit;}
A:img {  }

.define {margin-top: -100px;}

.answers {color: black; background: white;}

.none { }
.Line0{border-top: thin solid; color: inherit; width: 90%; margin: 2px auto 2px auto;}
.Line1{border-top: thin solid; color: inherit; width: 95%; margin: 2px auto 2px auto;}
.Line2{border-top: thin solid; color: inherit; width: 75%; margin: 2px auto 2px auto;}
.Line3{border-top: thin solid; color: inherit; width: 65%; margin: 2px auto 2px auto;}
.HLine{border-top: medium double; color: inherit; width: 75%; margin: 2px auto 2px auto;}

/* NAVIGATION START */
#navigation a { }
#navigation a:hover { }
/* NAVIGATION ENDS */  

.Red{ }
.Blue{ }
.White{ }
.Left{text-align: left;}
.Right{text-align: right;}
.F-Right{float:right; text-align: right; z-index:50}
.F-Left{float:left; text-align: left; z-index:50}
.Center{
	  text-align: center;
	  display: block;
  	margin-left: auto;
   	margin-right: auto
}
.Border{z-index: 0;}
.border:{ }
.Silver{ }
.Spacer {width: 1%;}
.Width100 {width: 100%;}

/* ==========  Form style   =============== */
.Feed-FORM  {color:inherit; Background-color: inherit;}
.Feed-INPUT {color: inherit; Background-color: inherit; border:1px;}
.Feed-Table {color: inherit; Text-align:center; border: 1px; width: auto;}
.Feed-TR {color: inherit; border: 0px;}
.Feed-TD {color: inherit; vertical-align:top; text-align:left; border:0px; HEIGHT:12px; width: auto; }

/* ================ Google Style controls ===================*/
.G-FORM  {color:inherit; Background-color: inherit;}
.G-INPUT {color: inherit; Background-color: inherit; border:0px;}
.G-Table {color: inherit; Text-align:center; border: 0px; width: 99%;}
.G-TR {color: inherit; border: 0px;}
.G-TD {color: inherit; vertical-align:top; text-align:left; border:0px; HEIGHT:12px; width: 20%; }

/* ================ Logo Rollover ============================*/	
#Logo {display: inline;}
A#LogoLink {display: inline; width: 125px; height: 90px;}
A#LogoLink:hover {display: inline; width: 125px; height: 90px;}
/* ================ Logo Rollover ===========================*/		
* HTML DIV#center {MARGIN-RIGHT: -100%}
* HTML DIV#left {MARGIN-LEFT: 0px}
/* ======================================================= */
.float-left {float: left; clear: left;}
.float-right {float: right; clear: right;}
.float-center {float: none;}

img.floatleft {float: left; clear: left; margin: 2px 10px 2px 2px;}
img.floatright {float: right; clear: right; margin: 2px 2px 2px 10px;}
img.floatcenter {float: none; margin: 2px auto 2px auto;}

/* <IMG class="displayed" src="..." alt="...">  */
.copy-protection img{
  float: none; 
	position:absolute; 
	top:0; 
	left:0; 
	width:800px; 
	height:200px; 
	z-index:300; 
	background-image:url(../images/Transparent.gif); 
}
/* =================== Graphics Thumbnails, Hover and Click for Large Image ================================== */
/* Whole size and controls of thumbnail, hover & Large Image */
#scroller {width:100%; height:400px; position:relative; padding:5px 0; background:inherit;}
#scroller em {display:block; width:229px; height:175px; position:absolute; top:0; right:0; border:1px solid #ddd;}
#scroller span {display:block; width:360px; height:365px; position:absolute; top:0; left:0; border:1px solid #ddd;}
#scroller span b#copyright {font-size:10px; color:#888; position:absolute; bottom:5px; right:20px; font-family:georgia, verdana, arial, sans-serif; font-weight:normal;}
/* Thumbnail box controls and position */
#scroller b#thumbs {display:block; width:275px; height:250px; overflow:auto; float:left; margin-top:220px; border:1px solid #ccc; border-width:1px 0 1px 1px; padding:5px;}
#scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; background:#f8f8ff; width:50px; height:50px; border:1px solid #000;}
#scroller b#thumbs a img {width:50px; height:50px; border:0;}
/* Thumbnails actions - Hover and Active */
#scroller b#thumbs a:hover {border:1px dotted #ccc; background:black url(click_on.gif);}
#scroller b#thumbs a:active, #scroller b#thumbs a:focus {border:1px solid #fff; background:#fff; outline:0;}
#scroller b#thumbs a:hover img {display:block; position:absolute; background:black; z-index:500;}
#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {display:block; position:absolute; background:#aaa; z-index:100;}
/* Hover Image (on thumbnail hover) */
#scroller b#thumbs a:hover img.hr {width:250px; height:200px; left:15px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:hover img.vt {width:120px; height:160px; left:15px; top:7px; border:1px solid #333;}
/* Large images (on click) */
#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:500px; height:380px; left:310px; top:50px; border:1px solid #333;}
#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:240px; height:320px; left:310px; top:7px; border:1px solid #333;}
/* =================== End of Graphics Thumbnails, Hover and Click for Large Image ================================== */


/* IMAGE OVERLAY */
.ImageOverlay {
	float: left;
	position: absolute;
	display: block;
	margin-top: -100px;
	margin-left: -40px;
	width: 400px;
	height: 400px;
	margin: 0px 0px 0px 20px;
	z-index: 200;
}

.OverLay img {
	float: left;
	position: absolute;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	margin: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	z-index: 500;
}
/* ============================================= *.
/* IMAGE UNDERLAY */
.ImageUnderlay {
	float: left;
	position: absolute;
	display: block;
	margin-top: -0px;
	margin-left: -100px;
	width: 200px;
	height: 200px;
	z-index: -1;
}

.underLay img {
	float: left;
	position: absolute;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	z-index: -1;
}

/* ============================================= *.

/* ====== Start of Image Below Rollover =============== */
#imageBelow {
	position: relative;
	display: inline;
	width: 100PX;
	height: 100PX;
	z-index:10;
}
#imageBelow a.p1:visited {
	display: inline;
	position: relative;
	width: 75px;
	height: 75px;
}
#imageBelow a.p1 {
	display: inline;
	position: relative;
	width: 75px;
	height: 75px;
}
#imageBelow a img {	}
#imageBelow a.p1:hover {color: #000;}
#imageBelow a .large {
	display:block; 
	position:absolute; 
	width:1px; 
	height:1px; 
	margin-top:-1px; 
	margin-left:-1px;
	z-index: 300;
}
#imageBelow a.p1:hover .large {
	display: block;
	position: absolute;
	margin-top: 100px;
	width: auto;	/* Change - Large Size Width */
	height: auto; /* Change - Large Size Height */
	border: 10px ridge;
	z-index: 1000;
}	
#infoBelow {z-index:100; height: 20em;}
/* END OF MENU (Image Display with Rollover */
/* ======================================== */
/* --- ITEMS START --------------------------------------------- */
.date-header {margin: 5px 0px 5px;}
.post {margin: 5px 0px 5px; padding: 5px 0px 5px;}
.date-header {padding:  5px 0px 5px;}
.item {padding: 5px 0px 5px;}  
.item-title {margin: 5px; padding: 0px 0px 4px; color: inherit;}
.item-title a {color: inherit;}
.item-title a:hover {color: inherit;}
.item div {margin: 5px 0px 15px;}
p.item-footer {margin: -25px; color: inherit;}
.comment-link { }
.item-footer em { }
.item-footer em {color: inherit; margin-right: 5px;}
.comment-link {margin-left: 5px;}
.item img {padding: 4px;}
.item blockquote {margin:1em 20px;}
.item blockquote p {margin: 10px 0;}
/* --- ITEMS END ----------------------------------------------------- */


/* COMMENTS START ------------------------------------------------ */
#comments h4 {margin: 5px 0px; color: inherit;}
#comments h4 strong {  }
#comments-block {margin: 5px 0px 5px;}
#comments-block dt {margin: 5px;}
#comments-block dd {margin: 5px;}
#comments-block dd.comment-timestamp {margin: -5px 0px 5px;}
#comments-block dd p {margin: 0px 0px 10px;}
.deleted-comment {color: inherit;}
/* COMMENTS END ----------------------------------------------- */

/* PROFILE START ----------------------------------------------- */
#profile-container {margin: 0px 0px 1px; padding-bottom: 5px;}
.profile-datablock {margin: 5px 0px 5px;}
.profile-img {display: inline;}
.profile-img img {float: left; padding: 4px;
	border: thin solid; margin: 0px 8px 3px 0px;}
.profile-data { }
.profile-data strong {display: none;}
.profile-textblock {margin: 0px 0px 5px;}
.profile-link { }
/* ---------------------- CONTACT BAR ------------------------ */

#contact {
	width: 100%;
	color: inherit;
	text-align: center;
	position: relative;
	clear: both;
	margin-top: 2px;
}
#contact hr {
	width: 100%;
	color: inherit;
	display: block;
}
#contact p { }

/* ------------------- Footer --------------------- */
#footer {
	float: left;
	width: 100%;
	color: inherit;
	text-align: center;
	position: relative;
	clear: both;
}
#footer hr {display:none; margin: 0 auto; border: thin groove;}
#footer p {text-align: center;}
#footer DIV {padding: 1px 0px 0px 0px;}


/* MEDIA HANDLERS----------------------------------------------- 
@media all {
 
}
/* MEDIA HANDLERS END ------------------------------------------*/  er hr {display:none; margin: 0 auto; border: thin groove;}
#footer p {text-align: center;}
#footer DIV {padding: 1px 0px 0px 0px;}


/* MEDIA HANDLERS----------------------------------------------- 
@media all {
 
}
/* MEDIA HANDLERS END ------------------------------------------*/