/*body,td,th,p,table {
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;
}
*/
/* =Generic page styles
----------------------------------------------- */

* { /* select ALL page elements */
	font-size: 100%; /* restore font to default size */
/*	margin: 0; /* zero margins */
/*	padding: 0; /* zero padding */

}


body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #333333; /* Set default text color */
	font: 70%/1.3 "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; /*  Set the font family and set font size default to 10 pixels */
/*	text-align: center;  Center contents for IE 5.5 */
}

/* p, ul, li, form, input, textarea { */
p, form, input, textarea {

	margin: 0 0 .5em 0; /* Set default margin for paragraphs, lists. list items, forms and form fields */
}

/* =Headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: verdana, geneva, sans-serif; /* change font */
	letter-spacing: .1em; /* Give the letters some spacing */
	line-height: 1.1;
	margin: 1em 0 0 0; /* Set heading bottom margins */
	color: #993300;
}

h1 {
	font-size: 140%; /* Size for H2 */
}

h2 {
	font-size: 130%; /* Size for H2 */
}

h3 {
	font-size: 125%; /* Size for H3 */
}

h4 {
	font-size: 110%; /* Size for H4 and H5 */
	margin: 1em 0 0.5em 0;
}
h5 {
	font-size: 110%; /* Size for H4 and H5 */
}

h6 {
	font-size: 105%; /* Size for H6 */
}
a:link, a:visited  {
	color: #993300; /* Set right column navigation link color, and visited link color */
}

a:hover, a:focus, a:active {
	color: #000000; /* Set right navigation hover, focus and active state color */
}



/* =Main Wrapper
------------------------------------------- */
#wrapper {
	width: 770px;
	margin: 0px auto 0 auto;
/*	background-color: #99FFFF; */
	border: 2px solid #993300; 
	text-align: left;
}


/* =Header
------------------------------------------- */
#header {
	height: 113px;
	width: 626px;
	background-image: url(../images/topBanner5.jpg);	
	background-repeat: no-repeat;
	position: relative;  /* make div relative so we can set absolutes inside as in the h1 */
}
#header h1 {
	position: absolute; /* allows us to have a heading text but can position it absolutely */
	left: -9999px; /* Send the text off-screen - but can still be read by screen readers */
}
/* =Wrapper_2 	
--------------------------------------------- */
#wrapper_2 {
/*	
	font-size: 1.3em;  */
}

/* =sideBar
--------------------------------------------- */
#sideBar {
	width: 144px;
	height: 150px;
	background-color: #993300;
	background-image: url(../images/sideBar5.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/*  8navBar div is used on the site index page  
---------------------------------------------------------*/
#navBar {
	width: 144px;
	background-color: #993300;
	background-image: url(../images/sideBar4_bg.jpg);
	background-repeat: repeat-y;
	background-position: left; 
/*	margin: 10px 0 20px 0;  
	font:  bold 13px Verdana, Arial, Helvetica, sans-serif; */
}




/* *navBox div is used on the cat_nug.php page 
------------------------------------------------ */
#navBox {
	width: 144px;
	background-color: #993300;
	background-image: url(../images/sideBar4_bg.jpg);
	background-repeat: repeat-y;
	background-position: left; 
	margin: 0px 0 20px 0; /**/
}

/* =main-Category area 
----------------------------------------------- */
#main-Cat {
 	margin: 0; /* Remove margin from Category navigation lists  */
}

/* =sub-Category area 
----------------------------------------------- */
#sub-Cat {
 	margin: 0; /* Remove margin from Sub-Category navigation lists  */
	background-color: #CEB5B5;
	font-size: 0.85em;
}

/* = sub-Nav
---------------------------------------------- */
#sub-Nav {
/*	text-align: center; */
	padding: 20px 0 0 0;
 	margin: 0; /* Remove margin from Sub-navigation lists  */
/*	background-color: #FFFFFF; */
	font-size: 0.85em;
}

/* = List Formatting for main-Nav and sub-Nav
------------------------------------------------*/

#main-Cat li, #sub-Cat li, #sub-Nav li {
	list-style-type: none; /* remove list bullets */
	margin: 0; /* Remove margin from list items */
	line-height: normal; /* reset line height */
}

#main-Cat li a, #sub-Nav li a {
/*	background: url(../images/navBullet.gif) #FFFFFF no-repeat 4px 85%;  Set background image and color for blog roll links */
	border-bottom: 1px solid #CCCCCC; /* Add a grey border to the bottom of the links */
	display: block; /* Make links "clickable" */
/*	padding: 10px 0 0 34px;  Set top  margin to 10PX, and left  margin to 34px to clear content from background images */
	padding: 10px 0 0 4px;  /* Set top  margin to 10PX, and left  margin to 4px to clear content from background images */
	text-decoration: none; /* Remove default link underline  */
	font-weight: bold;
}

#main-Cat li a:link, #main-Cat li a:visited, #sub-Nav li a:link, #sub-Nav li a:visited {
	color: #966; /* Set right column navigation link color, and visited link color */
}

#main-Cat li a:hover, #main-Cat li a:focus, #main-Cat li a:active, #sub-Nav li a:hover, #sub-Nav li a:focus, #sub-Nav li a:active {
	color: #195B7E; /* Set right navigation hover, focus and active state color */
}

#sub-Cat li a:link, #sub-Cat li a:visited {
	color: #FFF; /* Set right column navigation link color, and visited link color */
}

#sub-Cat li a:hover, #sub-Cat li a:focus, #sub-Cat li a:active {
	color: #FCFCFC; /* Set right navigation hover, focus and active state color */
}


/* = Page main content div	
----------------------------------------------- */
#content {
	clear: left;
	float: right;
	position: relative; /* */
	width: 500px;
/*	padding: 0 10px; */
/* 	background-color: #CC9999; */
}
#rhsBox  {
/*	clear: left;
	float: right; */
	width: 160px;
/*	background-color: #FFFFCC;  */
}

#includedPage {
/*	width: 100%;
	padding: 0 6px;
	clear: both;
	float: left;
 */
	padding: 0 10px;
/*	background-color: #CCCCCC;  */
}
#logIn {
/*	clear: both;
	background-color: #FFCCFF;
	float: left; */
	width: 220px;
	margin: 0 auto 10px auto; /* centre the Log-in Nugget */
	padding: 6px;
	border: 1px solid #966;
}

/* = breadcrumbs 
------------------------------------------------- */
#breadcrumbs {
	font-size: 0.9em;
/*	background-color: #FFFFCC; */
	padding: 0.6em 1em 0.6em 1em;
	text-align: right;
}
/* = MiniCart 
------------------------------------------------- */
#miniCart {
	font-weight: bold;
/*	background-color: #FFFFCC; */
	padding: 0 1em 0 1em;
	text-align: right;
}
/* =top of page
--------------------------------------------------- */
.top {
	background: url(../images/top.gif) no-repeat 0 0; /* set background image */
	height: 20px; /* Set height to same as background image dimension */
	float: right; /* Position left to appear between left and right column divide */
/*	overflow: hidden; Remove overflow */
/*	position: absolute;  Set to absolute positioning so we can control where the link appears in the footer wrapper */
	text-indent: -9999px; /* Swipe link text off screen */
/*	top: 13px;  Top position within footer wrapper */
	width: 20px; /* Set height to same as background image dimension */
}

/* =footer div
-------------------------------------------------- */
#footer {
	clear: both;
	padding: 4px;
	border-top: 1px solid #993300;
	font-size: 90%;
	background-color: #FFFFFF;
}		

.description img {
	border: 1px solid #999999;
	margin: 6px;
}
.cw  {
	float: left;
	text-align: left;
	padding-left: 6px;
}
.admin {
	float: right;
	text-align: right;
}

/* =nugget styles
--------------------------------------*/
.nugget {
	text-align: default;
	background-color: #FFFFFF;
}

.nugget td{
/*	background-color: #DADADA; */
	padding: 2px;
}

.nugget th{
/*	background-color:#CEB5B5; */
	background-color: #ECE1E1;
	font-weight: normal;
	text-align: left;
	padding: 4px; 
	color: #000000;
}
.menu {
/*	margin-top: 10px; */
	width: 144px;
	background-color: #993300;
	background-image: url(../images/sideBar4_bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	font:  bold 12px Verdana, Arial, Helvetica, sans-serif;
} 
.menu a,.menu a:link,.menu a:visited,.menu a:hover {
	display: block;
	width: 90%;
	text-decoration: none;
	color: white;
}
.menu a:hover {
	background:#660000;
	color:white;
	border-right: 6px solid #666633;
}
.menu a.catlevel1 {
	font-weight: bold;
	padding: 2px;
	color:white;
}
.menu a.catlevel1_sel {
/*	font-weight: bold;
	background-color: #660000; 
	color: #FFFFFF; */
	padding: 2px; 
}

.menu a.catlevel2 {
	font-weight: bold;
	color:white;
	padding: 0px 0px 0px 10px;
}
.menu a.catlevel2_sel {
	font-weight: bold;
/*	background-color: #660000; */
	color: #FFFFFF;
	padding: 0px 0px 0px 10px;
}

input, select {
/*	height: 20px; 
	font: bold 10px; */
	background: #F0F0F0;
}

form {
	margin: 0px;
}

.sep {
	background: #966;
}
.header {
	padding: 2px 2px 2px 5px;
	background: #CCCCCC;
	border-bottom: 1px solid #000000;
}
.footer {
	padding: 2px 2px 2px 5px;
	background: #CCCCCC;
	border-top: 1px solid #000000;
}
.error {
	font-weight: bold;
	color: #FF0000;
}
.properties {
	font: italic 10px Verdana, Arial, Helvetica, sans-serif;
}
.details {
	float: right;
	background-color: #FCFCFC;
	padding: 4px 10px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	margin-right: 20px;
	font-weight: bold;
}