/*
    .========================================.
    ||  I WILL NOT USE TABLES FOR DESIGN.   ||
    ||  I WILL NOT USE TABLES FOR DESIGN.   ||
    ||  I WILL NOT USE TABLES FOR DESIGN.   ||
    ||  I .----.OT U,                       ||
    ||   / ><   \  /                        ||
    ||  |        |/\                        ||
    ||   \______//\/                        ||
    ||   _(____)/ /                         ||
    ||__/ ,_ _  _/__________________________||
    '===\___\_) |============================'
         |______|
         |  ||  |
         |__||__|
         (__)(__) jgs/cm

Title _____ default.css
Author ____ webmaster@kalkadoon.net
URL _______ www.kalkadoon.net
Desc ______ Main Styles
Created ___ 2005/12/18
Modified __ 2006/02/20
Copyright _ Kalkadoon Corporate Solutions 2002-2006


/*  Global  ))<<>>(( - - - >> */

* { margin:0; padding:0; }
p { margin-bottom: 0.5em; }

#content p { letter-spacing: .02em; }

body { padding: 1em 0; }

h2, h3, h4, h5, h6, blockquote	{ font-family: Georgia, "Times New Roman", Times, serif }

.clearboth { clear: both; }

.skip { 
	position:absolute;
	left:-200em;
	width:19em
}

#content p b,
#content p strong {
	border-bottom:  #ccc solid 1px;
	text-decoration: none;
	font-style:normal;
	background-color: #ededed;
	padding: 0 0.2em 0 0.5em;
}


/*  Headings  ))<<>>(( - - - >> */

h1 { display:none; }

h2 { color: #333; font-size: 1.7em; }

h2, h3, h4, h5, h6	{ margin-bottom:0.3em; }

h3, h4, h5, h6	{ margin-top:1em; color: #666; font-size: 1.5em; }

/*  Home Page Related  ))<<>>(( - - - >> */

.ready,
.set,
.go {
	padding:0 0 1em 10px;
	margin:2px;
	float: left;
	width:30%;
}

.ready h3,
.set h3,
.go h3 {
	margin:0;
	padding:8px 0 0.5em 0;
	height: 20px;
	font-size: 3em;
}

.ready h3 { color: #096; }
.set h3 { color: #000; }
.go h3 { color: #069; }

#container #content .ready p,
#container #content .set p,
#container #content .go p {
	margin:0 0 0 -10px;
	padding:0 11px 0.5em;
	text-align: left;
	height: 140px;
}

.ready div, 
.set div, 
.go div {
	margin:0 0 0 -10px;
	padding-left:10px;
}

.ready a.more, 
.set a.more, 
.go a.more {
	display:block;
	text-align:left;
	padding:0;
	height: 85px;
}

.ready { background:url(/assets/images/promo-ready-l.gif) top left no-repeat; }
.ready h3 { background:url(/assets/images/promo-ready-r.gif) top right no-repeat; }
#container #content .ready p { background:#9cc; }
.ready div { background: url(/assets/images/promo-ready-l.gif) bottom left no-repeat; }
.ready a.more { background: url(/assets/images/promo-ready-r.gif) bottom right no-repeat; }
	
.set { background:url(/assets/images/promo-set-l.gif) top left no-repeat; }
.set h3 { background:url(/assets/images/promo-set-r.gif) top right no-repeat; }
#container #content .set p { background:#eee; }
.set div { background:url(/assets/images/promo-set-l.gif) bottom left no-repeat; }
.set a.more { background:url(/assets/images/promo-set-r.gif) bottom right no-repeat; }	

.go { background:url(/assets/images/promo-go-l.gif) top left no-repeat; }
.go h3 { background:url(/assets/images/promo-go-r.gif) top right no-repeat; }
#container #content .go p { background:#9c9; }
.go div { background:url(/assets/images/promo-go-l.gif) bottom left no-repeat; }
.go a.more { background:url(/assets/images/promo-go-r.gif) bottom right no-repeat; }
	
/*  Content And Footer Links  ))<<>>(( - - - >> */

#content a, 
#footer a {text-decoration: none; color: #007ac2;}

#content a:link, 
#content a:active,
#footer a:link,
#footer a:active {color: #007ac2;}

#content a:visited,
#footer a:visited {color: #009663; text-decoration:line-through;}	

#content a:hover,
#footer a:hover {background-color: #def; color: #009663; text-decoration:none;}

#content a:hover img { background-color: #fff; }


/*  Module Links  ))<<>>(( - - - >> */

#leftmenu div a,
#rightmenu div a {text-decoration: none;}

#rightmenu div a {color: #009663;}
#leftmenu div a {color: #007ac2;}

#leftmenu div a:link, 
#leftmenu div a:active {color: #007ac2;}

#rightmenu div a:link,
#rightmenu div a:active {color: #009663;}

#leftmenu div a:visited {color: #007ac2; text-decoration:line-through;}

#rightmenu div a:visited {color: #009663; text-decoration:line-through;}	

#leftmenu div a:hover,
#rightmenu div a:hover {background-color: #def; color: #009663; text-decoration:none;}

/*  Table Links  ))<<>>(( - - - >> */

#content #table-global a { font-size: 1em; }

#content #table-global a:hover { text-decoration: none; color: #000; }

/*  Topography  ))<<>>(( - - - >> */

#container,
#table-global caption,
#table-global th { text-align: left; }

#content p {
	line-height: 1.5em;
	text-align: justify;
}

#content p.big { font-size: 100%; }

#content i{
	padding: 0.1em 0.5em;
	font-style: normal;
}

#leftmenu p { margin: 0 3px 5px 5px; }

#rightmenu p { margin: 0 5px 5px 3px; }

.headline {
	padding-top: 3px;
}

#footer { text-align: center; line-height: 0.5em; padding-top: 2em; }

pre {
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
}

blockquote {
	background: transparent url(/assets/images/icon-blockquote-left.gif) left top no-repeat;
	margin: 1em;
	text-align: justify;
}

blockquote div {
  padding: 0 40px;
  background: transparent url(/assets/images/icon-blockquote-right.gif) right bottom no-repeat;
}

.list p { 
	margin: 0 0 0.5em 3em;
	padding: 0 0 0.5em 0.5em;
	border-left: #9cc solid 2px;
	border-bottom: #ededed solid 1px;
	text-align: left;
}

.list em{
	margin: 0 0 0 -2em;
	padding-right: 1em;
	font-size: 1.6em;
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
}

acronym {
	border-bottom:  #ccc solid 1px;
	text-decoration: none;
	background-color: #ededed;
	padding: 0 0.5em;
}

/*  Visuals/Colours & Imagery  ))<<>>(( - - - >> */

body { background: #fff url(/assets/images/pattern-12.gif);}

#header { background-color: #fff; }

#container {
	background-color: #fff;
	border: #555 solid 1px;
	color: #000;
}

#header .logo {
	float: left;
	border: 0;
	margin: 34px 0 0 20px;
}

#header .banner {
	float: right;
	border: 0;
}

#content p.big { 
	padding: 0 0 0.5em 2em; 
	margin-left: 0.5em; 
	background: transparent url(/assets/images/icon-arrow-01.gif) no-repeat 0em 0.5em;
}

#content i{ background-color: #ffffa4;}

#content a.nohover:hover { background: #fff; }

#content img.left	{ 
	float: left; 
	margin: 0.5em 1em 0.5em 0;
}

#content img.right {
	margin: 0.5em 0 0.5em 1em;
}

#content img.left, 
#content img.right {
	padding: 0.5em;
	border: #ededed solid 1px;
}

#content img.noborder { border: none; }

#content img.right, 
#leftmenu img	{ float: right; }

#leftmenu div div {
	border-right: #ededed solid 1px;
	border-bottom: #069 solid 4px;
}

#leftmenu div	div { background: url(/assets/images/icon-rounded-tl-01.png) no-repeat 0 0; }

#rightmenu div div {
	border-left: #ededed solid 1px;
	border-bottom: #096 solid 4px;
}

#rightmenu div div {	background: url(/assets/images/icon-rounded-tr-01.png) no-repeat 100% 0; }

#rightmenu img {
	float: left;
	margin-right: 0.4em;
}

#leftmenu img {
	margin-left: 0.4em;
}

#rightmenu img,
#leftmenu img {
	padding: 0.3em;
	background-color: #fff;
	border: #ccc solid 1px;
}

#rightmenu div, 
#leftmenu div { background: #fff url(/assets/images/bg-module-shade-01.png) top repeat-x; }

#rightmenu b, 
#leftmenu b { text-transform: uppercase;}

#rightmenu b { color: #096; }
#leftmenu b { color: #069; }

#footer {
	background: transparent url(/assets/images/bg-footer-01.png) repeat-x bottom;
	color: #666;
}

#nav-top, 
#nav-top ul {
	background: url(/assets/images/nav-top.gif);
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
}

#nav-top li:hover, 
#nav-top li.sfhover {	background: url(/assets/images/nav-top-h.gif); }

#nav-top li { background: url(/assets/images/nav-top-divider.gif) no-repeat top right; }

ul#nav-left,
ul#nav-left ul {
	border-bottom: 4px solid #069;
	background: #fff url(/assets/images/bg-module-shade-02.png) top repeat-x; 
}

ul#nav-left li.menuparent { background: transparent url(/assets/images/icon-arrow-right-02.gif) right center no-repeat; }

#table-global caption { background: url(/assets/images/icon-banner-02.gif) right bottom no-repeat; }

#table-global th a:visited, 
#content td a:visited { background: url(/assets/images/icon-check-01.gif) no-repeat right center; }

/*  Menu - Top Nav  ))<<>>(( - - - >> */

#navtopwrap {
	padding-bottom: 2.6em;
}

#nav-top, #nav-top ul {
	float: left;
	width: 100%;
	list-style: none;
	font-weight: bold;
	padding: 0;
	text-transform: uppercase;
	z-index: 1;
}

#nav-top ul {
	line-height: 2.2em;
	border: solid #999;
	border-width: 1px 0;
	font-size: 90%;
}

#nav-top { 
	font-size: 100%;
	line-height: 2em;
}

#nav-top a {
	display: block;
	color: #ededed;
	text-decoration: none;
	padding: 0 1em;
}

#nav-top li {
	float: left;
	padding: 0;
}


#nav-top li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav-top li li {
	padding-right: 1em;
	width: 13em;
	background-color:#333;
}

#nav-top li li li { background-color: #009663; }

#nav-top li li li li{ background-color: #006594; }

#nav-top li ul a {
	width: 13em;
	w\idth: 11em;
}

#nav-top li ul ul {
	margin: -2.5em 0 0 15.1em;
}

#nav-top li:hover ul ul, 
#nav-top li:hover ul ul ul, 
#nav-top li.sfhover ul ul,
#nav-top li.sfhover ul ul ul { left: -999em; }

#nav-top li:hover ul, 
#nav-top li li:hover ul, 
#nav-top li li li:hover ul, 
#nav-top li.sfhover ul, 
#nav-top li li.sfhover ul, 
#nav-top li li li.sfhover ul { left: auto; }

/*  Menu - Left Nav  ))<<>>(( - - - >> */

ul#nav-left,
ul#nav-left ul {
	margin: 0 0 0.4em 0;
	padding: 0;
	width: 100%; /* Width of Menu Items */
	font-size: 100%;
}

ul#nav-left li {
	position: relative;
	list-style: none;
}

ul#nav-left li a {
	display: block;
	text-decoration: none;
	color: #777;
	padding: 5px;
	border: 1px solid #ededed;
	border-bottom: 0;
}

* html ul#nav-left li { float: left; height: 1%; }
* html ul#nav-left li a { height: 1%; }

ul#nav-left ul {
	position: absolute;
	display: none;
	top: 0;
}

ul#nav-left li ul li a { padding: 2px 5px; }

ul#nav-left li:hover ul ul,
ul#nav-left li:hover ul ul ul,
ul#nav-left li.over ul ul,
ul#nav-left li.over ul ul ul { display: none; }

ul#nav-left li:hover ul,
ul#nav-left li li:hover ul,
ul#nav-left li li li:hover ul,
ul#nav-left li.over ul,
ul#nav-left li li.over ul,
ul#nav-left li li li.over ul { display: block; }

ul#nav-left li.menuparent:hover,
ul#nav-left li.over { background-color: #def; }

ul#nav-left li a:hover { color: #069; }


/*  Tables  ))<<>>(( - - - >> */

#table-global { clear: both;}

#table-global table {
	margin: 0;
	padding: 0;
	width: 100%;
}

#table-global caption {
	padding: 5px;
	font-size: 150%;
	font-weight: bold;
	text-transform: capitalize;
	color: #096;
}

#table-global tbody th {
	width: 50%;
	font-weight: bold;
}

#table-global th {
	padding: 8px 2px 5px 5px;
	color: #333;
	background-color: inherit;
	font-size: 95%;
	font-weight: bold;
	text-transform: capitalize;
	border-bottom: 1px solid #f3f6f8;
}

#table-global tr.odd th {
	color: #999;
	background-color: inherit;
}

#table-global td {
	padding: 4px 10px;
	color: #42525a;
	background-color: inherit;
	font-size: 95%;
	border-bottom: 1px solid #f3f6f8;
}

#table-global tr.odd {
	color: inherit;
	background-color: #f3f6f8;
}

#table-global tr.odd td {
	color: #42525a;
	background-color: inherit;
}

#table-global th a {
	font-size: 110%;
}

#table-global th a:visited {
	color: #007ac2; 
	text-decoration:none; 
	padding-right: 2em; 
}

#content td a:visited { 
	text-decoration: none;
	background: none;
	color: #007ac2; 
}

#table-global tbody tr:hover, #table-global tbody .odd:hover {
	color: inherit;
	background-color: #fff8f2;
}


/*  Breadcrumbs  ))<<>>(( - - - >> */

#container-breadcrumb {
	margin-bottom: 1em;
	color:#c06;
}

#container-breadcrumb #breadcrumb a {
	text-decoration:none;
	color: #aaa;
}

#breadcrumb {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #999;
	font-size: 90%;
}

#container-breadcrumb #breadcrumb a:visited {
	color: #ccc;
}

#container-breadcrumb #breadcrumb a:hover {
	color: #009663;
}

#breadcrumb li {
	display: inline;
	padding: 0;
	margin: 0;
}

#breadcrumb li:before { content: "» "; }
#breadcrumb li:first-child:before { content: ""; }

* html #breadcrumb li {
	background-image: url(/assets/images/icon-arrow-right-02.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0 0 1.5em;
	margin: 0 1em 0 -1em;
}

* html #breadcrumb { height: 1%; }

* html #breadcrumb li {
	display: block;
	float: left;
}

* html #breadcrumb li:first-child { border-left: 0; }

/*  Forms  ))<<>>(( - - - >> */

form { max-width: 500px;}

fieldset {
	margin: 10px 12px 15px 12px;
	padding: 20px !important;
	padding: 0 20px 20px 20px;
	border: 0 solid;
	background:  repeat-x top left #ededed;
	border: #ccc solid 1px;
}

fieldset span {
	width: 120px;
	display: block;
	float: left; 
	margin: 2px 0;
}
fieldset input {
	width: 220px;
	margin: 2px 0;
}
fieldset select {margin: 2px 0 0 20px}
fieldset textarea {
	width: 350px;
	height: 100px;
	margin: 0;
}
legend {
	color: #000;
	font-weight: bold;
	margin: 0 0 0 -3px !important;
	margin: 0 0 10px -12px;
	font-size: 150%;
	background-color: #ededed;
	padding: 0.2em 1em;
	border: #ccc solid 1px;
}
fieldset small {
	display: block;
	text-align: right;
	color: #999;
	font-style: italic;
}
fieldset p {
	color: #999;
	font-style: italic;
	padding: 0;
	margin: 0;
	font-size: 100%;
}
input.but {
	margin: 0 50px 0 20px;
}
.butbox {
	border: #ccc solid 1px;
	background: #ededed;
	margin: 0 12px 15px 12px;
	padding: 10px 0;
}

input.but { 
	cursor:pointer;  
	margin: 0 50px 0 20px;
	border:outset 1px #ccc; 
	background:#999; 
	font-size:1.2em; 
	color:#666; 
	font-weight:bold; 
	background: url(/assets/images/bg-button.gif) repeat-x left top; 
	padding:1px; 
}	


#leftmenu form { 
	background: none;
	clear: both; 
	padding: 0.5em 0.5em 0.1em 0; 
	margin: 0.5em 0; 
	text-align: left; 
	overflow: hidden;
}

#leftmenu form label {
	display: block;
}

#leftmenu .button {
	cursor:pointer;  
	border:outset 1px #ccc; 
	background:#999; 
	font-size: 1em; 
	color:#666; 
	font-weight:bold; 
	background: url(/assets/images/bg-button.gif) repeat-x left top; 
	padding: 0.2em 0.5em;
	margin-top: 0.5em;
}

.input-item {
	font-size: 1.2em;
	padding: 0.2em;
	border:outset 1px #ccc; 
	background:#999; 
	background: url(/assets/images/bg-button.gif) repeat-x left top; 
	color:#666; 
	padding: 0.3em;
	margin-top: 0.3em;
}

/*  List Items  ))<<>>(( - - - >> */

#content #glossary {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#content #glossary li { padding-bottom: 5px; }

#content #glossary li a { padding-left: 20px; }

#content #glossary li a:hover { background: url(/assets/images/icon-star.gif) no-repeat 0 0; }

.globalist {
	margin: 0.5em 0 0.5em 1em;
	padding: 0;
	list-style: none;
	letter-spacing: 0.09em;
	text-align: justify;
	line-height: 1.2em;
	border-left: #9cc solid 4px;
	border-bottom: #ccc solid 1px;
	color:#333;
	background: #ededed url(/assets/images/icon-rounded-tr-02.png) no-repeat top right;
	
}

.globalist li {
	padding: 0.5em 0.5em 0.5em 1em; 
	margin: 0;
}

.globalist em {
	border-bottom:  #ccc solid 1px;
	text-decoration: none;
	font-style:normal;
	background-color: #fff;
	padding: 0 0.2em 0 0.5em;
}

.ordered-list {
	list-style: none;
	text-align: justify;
	font-size: 0.9em;
}

.ordered-list li {
	margin-bottom: 1em;
	margin-left: 2em;
	line-height: 1.5em;
}

.ordered-list li div {
	padding: 0 0.5em 0 1em;
	font-size: 1.6em;
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: -1.5em;
	float: left;
}