/* --- Begin theme info --- */
/*
	NS4 doesn't do well with added colors because of the extra padding added inside each
	block element. So colors are imported. This theme file will, thus, contain mostly
	font stuff.
 */
@import "colors.css";

/*** Left Column ***/
#innerLeftColumn p
{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 70%;
	line-height: 140%;
	background-color: faebd7;
	/*/*/ /*/line-height: normal;/* NS4 Adds too much space, so reset the line-height */
}
#innerLeftColumn h3
{
	color: #006;
	margin: 1em 0 0 0;
}

/*** Content ***/
#innerContentColumn
{
	font-family: Georgia, "Times New Roman", serif;
}
#innerContentColumn h3
{
	color: #009;
}

/*** Masthead ***/
#masthead h1
{
	font-family: Georgia, "Times New Roman", serif;
}

/*** Footer ***/
#innerFooter
{
	font-family: Georgia, "Times New Roman", serif;
}

/*** Horizontal Navigation Area ***/
.hnav
{
	font-family: verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
}

/*** Vertical Navigation Area ***/
.vnav
{
	font-family: verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 70%;
	line-height: 180%; /* Mozilla suffers from a rounding problem, 
						  this value may have to be tweaked if you 
						  change the font family or size 
						*/
	/*/*/ /*/line-height: 120%;/* NS4 Adds too much space, so lower it */
}


/* --- Begin color info --- */

body
{
	background-color: #ffffcc;	/* border/edge of the layout color: see also body tag in simple.css portion*/
}
#pageFrame, #masthead, #footer
{	
	background-color: #ffffff;	/* Background color of the entire content portion */
}

#masthead, #footer
{
	background-color: #fffff;
	color: #00000;
}
#footer
{
	border-bottom: solid 1px #997; /* IE 6 has the footer flow over the pageFrame's 
									  bottom border. if this border is added, IE draws
									  the pageFrame border as exptected */
}
div.contentHeader,div.contentFooter
	{
    color:black;
    background-color: #ff6633;
  }


/* --- Beginning of simple.css portion --- */
/*---- Layout ----*/
div
{
	/* this is for netscape 4's sake */
	padding: 0;
	margin: 0;
}
body
{
	padding: 20px;
	margin: 0;
}
#oldbrowser
{
	text-align: center;
}
#masthead h3
{
	display: inline;
	vertical-align:top;
	padding:0;
}
#leftcolumn
{
	margin-right: -205px;	/* IE 4 fix */
}
#leftColumn
{
	float: left;
	width: 205px; /* This is the right margin for the leftColumn and needs to overlap the contentColumn */
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn
{
	width: auto;
	margin-left: 204px; /* This is the left margin for the contentColumn and needs to overlap the leftColumn */
}
#masthead, #innerLeftColumn, #innerContentColumn, #innerFooter
{
	padding: 10px;
}
#footer
{
	clear: left;
}
#innerFooter
{
	text-align: center;
}
#innerContentColumn
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#masthead, #footer
{
	z-index: 10;
}

/*---- Borders ----*/
#pageFrame
{
	border: solid 1px #000;
}
#footer, #masthead, #innerLeftColumn, #contentColumn, .hnav
{
	border: solid 0px #000;
}
#footer
{
	border-top-width: 0px;
}
#masthead, .hnav
{
	border-bottom-width: 1px;
}
#innerLeftColumn
{
	border-right-width: 0px;
}
#contentColumn
{
	border-left-width: 0px;
}

/*---- Visual Elements ----*/
body
{
	color: #000;
	padding: 20px;
	margin: 0;
}
#pageFrame
{
	color: #000;
	min-width: 500px;
}
.hide
{
	display: none;
}

/*---- Simple Horizontal Navigation for IE 4/5.0/NS4 ----*/
.hnav
{
	white-space: nowrap;
	margin: 0;
	color: #000;
}
.hnav
{
	padding: 3px 0 4px 0;
}
.hnav ul
{
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav ul li
{
	display: inline;
	white-space: nowrap;
	/*/*/ /*/display: none;/*  */
}


	
/* --- Beginning of complex.css portion --- */

div#oldbrowser
{
	display: none;	/* hide the standards compliant warning - this isn't a catch all, but works for old browsers */
}
a img
{
	border-width: 0;	/* remove the border around linked images. <img border="0" ..../> is invalid in XHTML 1.1 */
}
#innerLeftColumn img
{
	display: block;
	margin: 0 auto;
	text-align: center;	/* IE 5 centering hack */
}
#innerLeftColumn, #innerContentColumn
{
	overflow: visible;	/* fix the Win32 IE italics bug */
	height: 100%;		/* ditto */
  margin:0px; /* applies to the two content columns */
  line-height:125%; /* applies to the two content columns */
}
#innerleftcolumn, #innercontentcolumn
{
	overflow: hidden;	/* IE5.0 fix the Win32 IE italics bug */
	width: 100%;
	height: auto;
}
#innerleftcolumn/* hide from IE5.0 */, #innercontentcolumn/* hide from IE5.0 */
{
	overflow: visible;	/* reset IE5.0 fix for 5.5 */
	height: 100%;		/* ditto */
	width: auto;		/* reset Safair after picking up the above IE5.0 fix : it's case insensitive to CSS selectors */
}
* html #masthead
{
	position: relative;
	text-align: left;	
	font-family: Arial, Helvetica, sans-serif;
}
#sponsors
	{
		font-style: italic;
		font-size: 75%;
		text-align: center;
		line-height:100%;
		font-family: Arial, Helvetica, sans-serif;
	}
div.contentHeader,div.contentFooter
	{
  	padding:0.5em;
    clear:left;
		font-family: Arial, Helvetica, sans-serif;
  }
div.contentLeft
  {
		float:left;
		width:10%;
  	margin:0;
  	padding:1em;
		height: auto;
		border-style: solid; 
		border-right-width: 0px;
		border-left-width: 0px;
		border-top-width: 0px;
		border-bottom-width: 0px;
		font-family: Arial, Helvetica, sans-serif;		
	}
div.contentRight
  {
   	border-left:0px solid gray;
		padding:1em;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	
/* --- Menu related formatting --- */
.jsdomenudiv { /* Drop-down background */
	background-color: #ffffcc;
	border: 1px outset;
	border-bottom-color: #000000;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-top-color: #FFFFFF;
	cursor: default;
	position: absolute; /* Do not alter this line! */
	visibility: hidden;
	z-index: 10;
}

.jsdomenuitem { /* Drop-down text */
	background-color: transparent;
	border: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 22px;
	padding-right: 15px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenuitemover { /* Controls what happens when you mouse over a drop-down item */
	background-color: #000099;
	border: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 22px;
	padding-right: 15px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenuarrow {
	background-image: url(classic_arrow.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 7px;
	position: absolute; /* Do not alter this line! */
	right: 8px;
	width: 4px;
}

.jsdomenuarrowover {
	background-image: url(classic_arrow_o.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 7px;
	position: absolute; /* Do not alter this line! */
	right: 8px;
	width: 4px;
}

.jsdomenusep {
}

.jsdomenusep hr {
	text-align: center;
	width: 95%;
}

/*
Menu bar related selectors
*/
.jsdomenubardiv { 
	background-color: #ffffcc;
	background-position: left;
	background-repeat: no-repeat;
	border: 2px outset;
	border-bottom-color: #000000;
	border-left-color: #FFFFFF;
	border-right-color: #000000;
	border-top-color: #FFFFFF;
	cursor: default;
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 3px;
	position: absolute; /* Do not alter this line! */
	visibility: visible;
}

.jsdomenubardragdiv {
	cursor: move;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
	visibility: hidden;
	width: 9px;
}

.jsdomenubaritem {
	background-color: #ffffcc;
	border: none;
	color: #000000;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 22px;
	padding-right: 10px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenubaritemover {
	background-color: #000099;
	border: 1px outset;
	color: #ffffff;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 21px;
	padding-right: 9px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenubaritemclick {
	background-color: #000099;
	border: 1px solid #000099;
	color: #FFFFFF;
	font-family: Tahoma, Helvetica, sans, Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 21px;
	padding-right: 9px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

/*
Example of selectors for icons. Change the height and width to match the actual 
height and width of the icon image.
*/
.icon1 {
	background-image: url(icon1.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon2 {
	background-image: url(icon2.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.icon3 {
	background-image: url(icon3.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}