/* CSS Document */
       html, body 		{ margin: 0; padding: 0; }
		body 			{ color: #333; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; line-height: 140% }
		h1				{color: #840000; font-size: 1.5em; line-height: 140%; font-family: "Comic Sans Ms"; padding-bottom: 20px; } 
		h2				{ color: black; font-family: cursive; "Comic Sans Ms"; }
		h3				{ color: gray; font-family: Georgia, sans-serif; }
		a:visited 		{color: maroon; }
		a:active		{color: #993333; font-weight: bold; }
		a:hover			{color: #993333; text-decoration: none; }
		p				{ margin: 0 0 18px; font-size: .8em; line-height: 140%; }
        .special        { color: green; font-family: cursive; font-weight: bold}
        ul              { margin: 10 0 18px; font-size: .8em; line-height: 140%; }
		#container		{ width: 760px; margin: 0 auto; }
		
		/* Header */
		#header			{ background: white; width: 760px; height: 80px; padding-top: 10px; }
		#header h1  	{ color: black; margin: 0 0 3px; padding: 10px 215px 0;  }
		#header p		{ color: black; font-size: 1.5px; font-weight: lighter; padding: 0 18px; }
		
		/* Vertical menu bar */
       
		#vmenu			{ clear: both; width: 100%;  background-color: #EAEAEA; }
		#vmenu a		{ color: #404040; text-decoration: none;}
		#vemnu a:visited 		{color: #993333; }
		#vmenu a:active		{color: #993333; font-weight: bold; }
		#vmenu a:hover			{color: #993333; text-decoration: none; }
		#vmenu ul		{ border-bottom: 1px solid #555; border-top: 1px solid #555; list-style: none; }
		#vmenu li		{ display: inline;  font-size:1em; line-height: 140%; text-align: centre;}

		/* Content Style */
       
		#navigation {width:175px; font-size: 13px; line-height: 140%; margin-top: 50px;
} 


#navigation ul {margin:0px; padding:0px; background-color:#E6E6E6; text-decoration: none;}

#navigation ul li {
font-size: 13px; line-height: 140%; 
height:25px;
line-height:25px; 
list-style:none; 
padding-left:10px;
text-decoration: none;
color:#333; 
border-top:#fff solid; 
border-bottom:#fff solid; 
border-width:1px;
cursor:pointer; 
}    

       
		#extra			{ margin-left: 18px; }
		#content		{ padding-top: 20px; border-bottom: 1px solid #ccc; }
		#content p, #extra p { padding-right: 18px; }
		
		/* Content Positioning & Size */
		#navigation		{ float: left; width: 175px; }
		#content		{ float: right; width: 540px; }
		#extra			{ float: left; clear: left; width: 175px; }	
        #box { width: 400px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: auto;
  margin-bottom: 15px;
   background-color: #E0D1C0;
  color: #000000;
  padding: 5px;
  text-align: left;
  }
			/* Footer */
		#footer			{ border-bottom: 2px solid #999; clear: both; width: 100%; }
		#footer a		{ color: #404040; }
		#footer a:visited 		{color: #993333; }
		#footer a:active		{color: #993333; font-weight: bold; }
		#footer a:hover			{color: #993333; text-decoration: none; }
		#footer	p		{ margin: 0; padding: 0 18px 10px; font-family:cursive; }
		#footer ul		{ border-bottom: 1px solid #555; border-top: 1px solid #555; list-style: none; text-align: center; margin: 0 18px 6px; padding: 10px 0 6px; }
		#footer li		{ display: inline; padding-right: 5px; font-size:1em; line-height: 140%; }

/* ------------------
 styling for the tables 
   ------------------   */
#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: .8em;
    line-height: 140%;
	margin:10px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: .9em;
    line-height: 140%;
	font-weight:bold;
	padding: 8px;
	background: #CCCCCC;
	border-top: 4px solid #CCCCCC;
	border-bottom: 1px solid maroon;
	color: #333;
}
#box-table-a td
{
	padding: 8px;
	background: #E0E0E0; 
	border-bottom: 1px solid #fff;
	color: #333;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}