@CHARSET "ISO-8859-1";
/*****************************************************************************
 Palette
******************************************************************************/
.e {background-color: #4be; /*aqua*/   }
.n {background-color: #573; /*green*/  }
.m {background-color: #738; /*purple*/ }
.a {background-color: #e91; /*orange*/ }
.r {background-color: #b12; /*red*/    }
.t {background-color: #45b; /*blue*/   }

/*
 Logo Font: 
 	avant grade mt bt
*/

.clear { clear: both;  }
.left  { float: left;  }
.right { float: right; }

.hide { display: none; }

/*****************************************************************************
 Misc
******************************************************************************/

.zindex-top
{
position:relative;
left:0px;
top:0px;
z-index: 100000;
}

/*****************************************************************************
 General
******************************************************************************/


body {
	background-color: #999;
	background-image: url(../images/bodyBackgroundShaded.png);
	background-position: top center;
	padding: 0px;
	margin: 0px;
	font-family: "avant grade", arial, sans-serif;
	font-size: 14px;
}

a:link    {color: #45b; /*dark blue*/ }  /* unvisited link  */
a:visited {color: #738; /*purple*/    }  /* visited link    */
a:hover   {color: #e91; /*orange*/    }  /* mouse over link */
a:active  {color: #e91; /*orange*/    }  /* selected link   */

h1, h2, h3, h4, h5, h6 {
	font-variant: small-caps;
}

form {
	margin: 0px;
	padding: 0px;
}

input {
	border: 1px solid black;
}

input.button {
	text-align: center;
	color: white;
	background-image: url(../images/transparentGrey.png);
}

input.button:hover {
	border-color: white;
}

/* only works on a white background */
.dropShadow, .fakeOffset {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 1px solid white;
	padding: 0px;
	margin:   0px;
}

.dropShadow {
	background-image: url(../images/dropShadow.png);
	background-position: bottom right;
}

.fakeOffset {
	background-image: url(../images/fakeOffset.png);
	background-position: top left;
}


/*****************************************************************************
 * #container -- everything
 ****************************************************************************/
#container {
	margin: 0px auto;
	width: 1000px;
	background-color: black;
	color: white;
	background-image: url(../images/bigStringsBg.png);
	background-position: top right;
	background-repeat: no-repeat;
	
	border: 2px solid black; /* */
}

/*****************************************************************************
 * #header
 ****************************************************************************/
#header {
	/*
	background-image: url(../images/strings.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	*/
}

#title {
	float: right;
	margin: 10px;
	padding: 10px;
	font-size: 20px;
	font-variant: small-caps;
}

/***************************** #logo **************************************/
#logo {
	margin: 10px;
	padding: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#logo a img {
	border: 0px none;
}

/***************************** #topNav **************************************/
#topNav {
	/* text-align: right; /* */
	padding: 0px 2px;
}

#topNav a {
	display: block;
	padding: 3px 0px;
	margin: 3px 2px;
	float: right;
	text-decoration: none;
	color: white;
	width: 85px;
	text-align: center;
	background-image: url(../images/85x22buttonGreyTransparent.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#topNav a:hover {
	background-image: url(../images/85x22buttonRedTransparent.png);
}

#topNav ul {
	margin: 0px; /* */
	padding: 0px; /* */
	list-style-type: none; /* */
}

#topNav ul li {
	margin: 0px; /* */
	padding: 0px; /* */
	display: inline;
}

/*****************************************************************************
 * #footer
 ****************************************************************************/
#footer {
	clear: both;
	padding: 20px;
	font-size: 11px;
	text-align: center;
	color: white;
}

#footerTextBlock, #catalogLinks a {
	color: white;
}

#catalogLinks {
	clear: both;
	display: block;
	padding: 10px 5px 0 5px;
}


/*****************************************************************************
 * #content -- the middle section between the header and footer
 ****************************************************************************/
#content {
	/* border: 1px solid black; /* */
}

/*****************************************************************************
 * #leftNav
 ****************************************************************************/
#leftNav {
	float: left;
	width: 200px;
	margin-top: -10px;
}

#leftNav div {
	margin: 10px;
	padding: 5px;
	clear: left;
	background-position: bottom left;
	background-repeat: repeat-x;

}

#leftNav div div {
	background-image: none;
}

#leftNav p {
	margin: 0px;
}

/***************************** #searchBox ************************************/
#leftNav #searchBox {
	text-align: center;
	background-color: #e91; /*orange*/
	background-image: url(../images/bottomFadeOrange.png);
	padding: 0px;
	padding-bottom: 30px;
}

#searchBox p {
	text-align: center;
}

#searchBox a {
	color: white;
}

/***************************** #liveChat *************************************/
#leftNav #liveChat {
	text-align: center;
	background-color: #4be; /*aqua*/
	background-image: url(../images/bottomFadeAqua.png);
	padding-bottom: 20px;
}

/***************************** #leftNav **************************************/
#leftNav #menuBox {
	padding: 0px;
}

#menuBox ul {
	/* border: 1px solid red; /* debug */
	margin: 0px; /* */
	padding: 0px; /* */
	list-style-type: none; /* */
}

#menuBox ul li {
	position: relative;
	padding: 0px;
	margin: 4px 0px;
	
	/* border: 1px solid red; /* debug */
}

#menuBox ul li a {
	padding: 5px;
	display: block;
	text-decoration: none;
	color: white;
	text-transform: capitalize;
	background-image: url(../images/bottomShaddowGrey.png); /* does not fit with site */
	background-position: bottom center;
	background-repeat: repeat-x;
	font-weight: normal;
	width: 170px; /* */
	/* border: 1px solid blue; /* debug */
}

#menuBox ul li:hover a {
	background-image: url(../images/bottomShaddowGreen.png);
}

#menuBox ul li ul {
	display: none; /* ie6 bugs */
	padding: 0px;
	position: absolute; /* */
	top: 0px;
	left: 100%;
	width: 100%;
	border-left: 2px solid black;
	background-image: url(../images/transparentGrey.png); /* */
}

#menuBox ul li:hover ul {
	display: block;
}

#menuBox ul li ul li {
	margin: 0px; /* */
}

#menuBox ul li:hover ul li a {
	background-image: url(../images/bottomShaddowGrey.png);
}

#menuBox ul li:hover ul li:hover ul li a {
    background-image: url(../images/bottomShaddowGrey.png);
}

#menuBox ul li:hover ul li:hover ul li:hover ul li a {
    background-image: url(../images/bottomShaddowGrey.png);
}

/* needed because IE6 fails to support all the corect selectors */
#menuBox ul li:hover ul li ul {
	display: none; /* ie6 bugs */
}

#menuBox ul li:hover ul li:hover ul {
	display: block;
}

#menuBox ul li:hover ul li:hover ul li ul {
    display: none;
}

#menuBox ul li:hover ul li:hover ul li:hover ul {
    display: block;
}

#menuBox ul li:hover ul li:hover ul li:hover ul li ul {
    display: none;
}

#menuBox ul li:hover ul li:hover ul li:hover ul li:hover ul {
    display: block;
}

#menuBox ul li:hover ul li:hover a {
	background-image: url(../images/bottomShaddowPurple.png);
}

#menuBox ul li:hover ul li:hover ul li a {
	background-image: url(../images/bottomShaddowGrey.png);
}

#menuBox ul li:hover ul li:hover ul li:hover a {
	background-image: url(../images/bottomShaddowBlue.png);
}

#menuBox ul li:hover ul li:hover ul li:hover ul li:hover a {
    background-image: url(../images/bottomShaddowOrange.png);
}

/*****************************************************************************
 * #main -- the section to the right of the leftNav bar
 ****************************************************************************/
#main {
	margin-left: 200px;
	padding: 0px;
	border: 1px solid white;
	background: white; /* */
	color: black;
}

/*****************************************************************************
 * #middle
 ****************************************************************************/
#middle {
	margin-right: 200px;
	padding: 8px;
}

#main p {
	text-align: justify;
}

/*****************************************************************************
 * #rightNav
 ****************************************************************************/
#rightNav {
	float: right;
	width: 200px;
	
}

#rightNav p {
	text-align: left;
	margin: 6px;
}

#rightNav div {
	clear: right;	
}

#rightNav .dropShadow .fakeOffset div {
	background-color: #573; /*green*/
	color: white;
	padding: 0px;
	margin: 7px;
	font-size: 12px;
	padding-bottom: 2px;
	background-position: bottom left;
	background-repeat: repeat-x;
	/* border: 2px solid black; /**/
}

#rightNav div h1 {
	background-image: url(../images/verticalFadePurpleToGreen.png); /* */
	background-position: bottom left;
	background-repeat: repeat-x;
	font-variant: normal;
	font-size: 14px;
	background-color: #738; /*purple*/
	border-top: 1px solid #738; /*purple*/
	margin: 0px;
	padding: 5px;
	padding-bottom: 10px;
}

#rightNav div h2 {
	font-variant: normal;
	font-size: 12px;
	margin: 5px 10px;
}

/*****************************************************************************
 * Drop Shadows
 ****************************************************************************/
.dropShadow, .fakeOffset {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 1px solid white;
	padding: 0px;
	margin:   0px;
}

.dropShadow {
	background-image: url(../images/dropShadow.png);
	background-position: bottom right;
}

.fakeOffset {
	background-image: url(../images/fakeOffset.png);
	background-position: top left;
}

/*************
* RSS Feeds
*************/

#rightNav .dropShadow .fakeOffset .rssFeed div {
	color: white;
	padding: 0px;
	margin: 1px;
	font-size: 11px;
	padding-bottom: 0px;
	background-position: bottom left;
	background-repeat: repeat-x;
}


.rssFeed {
/*	font-family: Arial, Helvetica, sans-serif;
*/
	font-family: "avant grade", arial, sans-serif;
	font-size: 0.7em;
	margin: 2em 3em;
}
.rssFeed a {
/*	color: #444;
*/
	text-decoration: none;
	font-variant: normal;
	color: #4BE;
}
.rssFeed a:hover {
/*	color: #000;
*/
	text-decoration: underline;
	color: #E91;
}

.rssFeed a:visited {
	color: #738;
}

.rssFeed p {
	color: black;
}

.rssHeader { 
	padding: 0.2em 0; 
}

.rssHeader a {
	font-size: 12px;
	font-weight: bold;
}


.rssBody { border: 1px solid #999; }
.rssBody ul { list-style: none; }
.rssBody ul, .rssRow, .rssRow h4, .rssRow p {
	margin: 0;
	padding: 0;
}

.rssRow { padding: 0.5em; }
.rssRow h4 { font-size: 1em; }
.rssRow div {
	font-size: 0.7em;
	color: #666;
	margin: 0.2em 0 0.4em 0;
}

.odd { background-color: #ffffff; }
.even { background-color: #d4d4e8; }

.rssRow .rssMedia {
	padding: 0.5em;
	font-size: 1em;
}