/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 75%;
 /* color: #222;
  background: #fff;*/
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #993300; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; font-family: Georgia, "Times New Roman", Times, serif;  } /* Page Titles*/
h2 { font-size: 1.75em; margin-bottom: 0.75em; font-family: Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #993300; padding-left:16px; background-image:url(../imgs/square.gif); background-position:left bottom; background-repeat:no-repeat;} /* Section Titles*/
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; font-family: Georgia, "Times New Roman", Times, serif; }/*  Subtitles*/
/*h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold;}   Child-Subtitles*/
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 0.25em; font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold;} /*  Child-Subtitles*/
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; font-family: Georgia, "Times New Roman", Times, serif;}
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

strong{color: #993300;}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em;  clear:both;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #000; }
a           { color: #993300; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #000; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

/*li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
*/

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; /*width:100%;*/ }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/*---------------------------------------------------------------*/

/* ----------------------------- Newsbox --------------------------- */
.newsBox {
	width: 589px;
	border-top: 1px solid #999933;
	border-bottom: 1px solid #999933;
	border-left: 1px solid #999933;
	padding: 5px;
	background-color:#EFDE68;
	text-align:left;
}

.newsBox p{/*border-bottom: 1px dotted #993300;*/ padding-bottom:10px; margin-bottom:15px; margin-right:15px; float:left; clear:both; display:block; width:99%;}
.newsBox img{background-color:#FFF; padding:3px; float:left; margin-right:20px; margin-bottom:5px; clear:both; }

/* -------------------------- End Newsbox --------------------------- */





/* ----------------- What's new div items ------------------ */
.whatsnew{
border-bottom:1px dotted #993300;
padding-bottom:10px;
margin-bottom:3px;}



/****************** Menu  starts here ************************/
.menu_list {
	width: 180px;
	/*font-family:Verdana, Geneva, sans-serif;
	font-size:11px;*/
	color:#FFF;
}
.menu_head {
	/*padding: 5px 10px;*/
	cursor: pointer;
	position: relative;
	margin:1px;
       /*font-weight:bold;
       background: #eef4d3 url(left.png) center right no-repeat;*/
}
.menu_head a {
  display:block;
  color: #993300;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:5px;
  font-weight: normal;
  text-decoration:none;
  border:1px dotted #999933;
  margin-top:2px;
  margin-bottom:2px;
  outline:none;
}
.menu_head a:hover {
  color: #FFF;
  /*text-decoration:underline;*/
  background-color:#999933;
  display:block;
}


/* ----------------  Sub Menus ------------------------ */

.menu_body {
	display:none;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size:10px;*/
  width: 180px;
}
.menu_body a {
  display:block;
  color:#000;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:8px;
  font-weight:normal;
  text-decoration:none;
  border:1px dotted #999933;

  margin-top:2px;
  margin-bottom:2px;
  margin-left:0px;
  background-color:#BFBF44;
}
.menu_body a:hover {
  /*color: #000000;
  text-decoration:underline;*/
  border-left:4px solid #999933;
  /*color: #993300;*/
	color:#FFF;
  display:block;
}

/*#menu {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	}
#menu li{
	width:180px;
	}
#menu a{
	text-decoration:none;
	display:block;
	color:#000;
	margin-top:2px;
	margin-bottom:2px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	border:1px dotted #999933;
	}

#menu a:hover{
	display:block;
	background-color:#999933;

	color:#FFF;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	}*/
/* -------------------- Menu ends here ------------------- */

#footer {
	clear: both;
	background-color:#999933;
	padding:5px;
	text-align:center;
	margin-top:30px;
}
#colLeft {
	float: left;
	width: 195px;
	padding-left: 5px;
	margin-top:10px;
	padding-top:25px;
}
#colRight {
	float: right;
	width: 590px;
	margin-right:10px;
}


#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color:#F2E482;
	border:1px solid #000;
}
#copyright{
margin-left:auto;
margin-right:auto;
margin-top:15px;
width:800px;
text-align:center;
color:#E5A42F;

}
br{ clear:both;}
.spacer{height:15px;clear:both;}
.spacer-1px{height:1px;clear:both; margin:0px; padding:0px;}
#tblIndex{border:1px dotted #333; width:100%;}

/*------------------------------------------------------------*/
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul.menu a {
  display: block;
  text-decoration: none;
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
/*  background: #333;
    color: #fff;	*/
	color:#993300;
    padding: 0.5em;
    border: 1px dotted #993300;
}

ul.menu li a:hover {
  /*background: #000;*/
	background:#993300;
	color:#FFF;
}

ul.menu li ul li a {
  /*background: #ccc;*/
  background:#F5EC96;
  color: #000;
  padding-left: 20px;
}

ul.menu li ul li a:hover {
/*  background: #aaa;
  border-left: 5px #000 solid;*/
  border-left: 5px #993300 solid;
  background:#BFBF44;

  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
/*------------------------------------------------------------*/

#tblIndex img{margin-right:5px;}