/*

=================================================================================================

GENERAL:

The main CSS file that links everything in the CSS tree structure together.

The benefit of the tree structure is that you'll be able to replicate it for any ODB2.0 page
by using the same tags but simply customizing tag values on the individualized pages. By 
changing  values such as colors, margins, etc.

The main.css file also includes some global css tags.


CONTACT INFO:

Contact me if you need help with anything.
OD Ntuk --> odntuk@gmail.com


NOTES:

Some pages with a lot of variability have inpage style sheets particularly the search 
results pages which have less content similarities.

=================================================================================================

*/




/* --- LINKED CSS STYLE SHEETS ---- */


/* -- Template Files -- */
@import "template/leftcontent.css";
@import "template/middlecontent.css";
@import "template/rightcontent.css";
@import "template/slotcode.css";

/* -- Customization Files -- */
/* @import('custom/');
@import('custom/'); */





/* -------- General Global CSS Tags -------- */

body {
	font:11px trebuchet ms;
	margin:0;
	padding:0;
}

/* ---- Beginning of Divider Code ---- */

div.middleContentPurpleDiv {
	width:465px;
	float:right;
	margin:24px -10px 15px 0;
	padding:0;
	border-bottom:1px solid #E3D2E6;
}

br.clear {
	clear:both;
}

/* ---- End of Divider Code ---- */


img {
	border:none;
}

p a {
	color:#000;
}

.noRightMargin {
	margin-right:0 !important;
}


/* ------ Header Codes ------ */

.grey {
	color:#4E89BE;
}

.purple {
	color:#614C6A;
}

.brown {
	color:#7F6358;
}


h1 { /* --- Page Header --- */
	float:left;
	clear:none;
	width:auto;
	font:18px trebuchet ms;
	margin:0;
	padding:0;
}

h2 { /* --- Sub-Page Header --- */
	float:left;
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	font:14px trebuchet ms;
	font-weight:bold;
	letter-spacing:1px;	
}

h2 a {
	text-decoration:underline;
	color:#7F6358;
}

h2 span { /*--- Sub-Header Text  --- */
	float:left
	clear:both;
	font:11px trebuchet ms;
	font-weight:bold;
	margin:0;
	padding:0;
}

h3 { /*--- Slot Header White Background  --- */
	float:left;
	width:auto;
	font:15px trebuchet ms;
	letter-spacing:2px;
	margin:0;
	padding:0;
}


h4 { /* ---- Info Box Headers ---- */
	float:left;
	clear:both;
	width:auto;
	font:14px Lucida Grande;
	font-weight:normal;
	color:#666;
	margin:0 0 14px 0;
}

h5 { /*--- Smallest Header  --- */
	float:left;
	width:auto;
	font:12px trebuchet ms;
	letter-spacing:2px;
	margin:0;
	padding:0;
}

h6 { /* ---- Image Header With White Bottom Border --- */
	float:left;
	clear:both;
	width:100%;
	margin:0;
	padding:0 0 3px 0;
	border-bottom:1px solid #fff;
}

html>body h6 {
	padding:0 0 6px 0;
}


/* ------ Navigation Codes ------ */

ul.breadcrumb {
	float:left;
	width:100%;
	clear:both;
	margin:0 0 16px 0;
	padding:0;
	display:inline;
	color:#AEAEAE;
	font:11px trebuchet ms;
	list-style:none;
}

ul.breadcrumb li {
	float:left;
	margin:0 5px 0 0;
	padding:0;
}

ul.breadcrumb li a {
	color:#AEAEAE;
	margin:0;
	padding:0;
	text-decoration:underline;
}

ul.next {
	float:right;
	clear:none;	
	margin:5px 7px 0 0;
	padding:0;
	display:inline;
	list-style:none;
	font:11px trebuchet ms;
	color:#000;
}

html>body ul.next {
	margin:5px 15px 0 0;
}

ul.next li {
	float:left;
	margin:0 5px 0 0;
	padding:0;
}

ul.next li a {
	color:#000;
}

ul.next li a:link,
ul.next li a:visited
{
	text-decoration:none;
}

ul.next li a:hover,
ul.next li a:active
{
	text-decoration:underline;
}

/* ---- Main Content Wrap ----*/

div#contentWrap {
	float:left;
	position:relative;
	clear:both;
	margin:0;
	padding:10px 0;
	width:960px;
	background:#FBF1FC url('../images/WC.leftcol.rpt.gif') 10px 0 repeat-y;
}