/*

---------------------------------------------------------------------------------------------------

Top level styles. 

These styles are the highest level HTML hierachy; they can be overrided or modified by styles 

below, in-line styles, or HTML properties in your page markup.

---------------------------------------------------------------------------------------------------

*/



body {

    margin: 0px;

    padding: 0px;

    background-color: #fff;

	font: 13px Verdana, Arial, Helvetica, sans-serif;

	color: #333

}



table {

	border: none;

}



p {
	margin: 10px;
	background-color: inherit;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #00F;
	text-align: center;

}



li {

	background-color: inherit;

	font: 13px Verdana, Arial, Helvetica, sans-serif;

	color: #333

}



h3 {

	margin: 10px;

	background-color: inherit;

	font: 13px Verdana, Arial, Helvetica, sans-serif;

	color: #CC0000;

}



h4 {

	margin: 10px;

	background-color: inherit;

	font: 11px/13px Verdana, Arial, Helvetica, sans-serif; 

	color: #333

}



a { 

	background-color: inherit;

	color: #336699; 

}



a:hover {
	background-color: inherit;
	color: #6699CC;
	text-align: center;

}



hr {

	height: 1px;

	margin-left: 10px; 

	margin-right: 10px;

	background-color: inherit;

	color: #b3b3b3; 

}





/*

---------------------------------------------------------------------------------------------------

Banner styles. 

These styles control the look of the banner region of your site, defined by the table

with id="banner"

---------------------------------------------------------------------------------------------------

*/



#banner {

	width: 780px;

	background-image: url(../images/HeadGrad.gif);

	background-repeat: no-repeat;

}



#banner #logo {

	width: 270px;

	height: 65px;

	background-image: url(../images/APICSLogo.gif);

	background-repeat: no-repeat;

}



#banner #chapterName {

	padding: 10px 20px 0 0;

	background-color: inherit;

	text-align: right;

	font-family: Arial, sans-serif;

	font-size: 18px;

	font-style: italic;

	font-weight: bold;

	color: #007d72;

}



#banner #tagline {

    height: 20px;

	padding: 3px 0 3px 15px;

	background-color: #ff9933;

    border-top:1px solid #b3b3b3;

	font: 11px/2px Arial, sans-serif; 

	font-weight: bold;

	color: #fff; 

}



#banner #bottom {

	height: 15px;

	margin: 0;

	border-top: 1px solid #b3b3b3;

	border-bottom: 1px solid #b3b3b3;

	background-color: #efefef;

	font-size: 1px;

	color: inherit;

}





/*

---------------------------------------------------------------------------------------------------

Main table styles. 

These styles control the look of the Main table region of your site, defined by the table

with id="mainTable"

---------------------------------------------------------------------------------------------------

*/



#mainTable {

	border-bottom: 1px solid #efefef

}



#mainTable img {
	margin: 0 0 5px 5px;
	border: none;
	text-align: left;

	/*float: left;*/

}



#mainTable table {

	margin: 10px;

	border: none;

	background-color: #ffefde;

	color: inherit;

}



#mainTable table td {

	padding: 10px;

	background-color: inherit;

	font: 13px Verdana, Arial, Helvetica, sans-serif;

	color: #333;

}



#mainTable table td p {

	margin: 0;

}



	/*

	---------------------------------------------------------------------------------------------------

	Left menu navigation styles. 

	These styles control the look of the Left Menu region of your site, defined by the column/cell

	with id="leftMenu"

	---------------------------------------------------------------------------------------------------

	*/



#mainTable #leftMenu {

	width: 170px;

	vertical-align: top;

	margin: 0;

	padding: 0;

	background-color: #efefef;

	color: inherit;

}



#mainTable #leftMenu ul {

	display: block;

	margin-top: 10px;

	margin-right: 0px;

	margin-left: 0px;

	padding-right: 10px;

	padding-left: 10px;

}



#mainTable #leftMenu ul li {

	list-style-type: none;

	margin-top: 0px;

	margin-bottom: 0px;

	border-bottom: 1px solid #999;

	background-color: inherit;

	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif; 

	color: #007d72;

}



#mainTable #leftMenu ul ul {

	display: block;

	margin-top: 0px;

	margin-left: 15px;

	margin-right: 10px;

}



#mainTable #leftMenu ul ul li {

	list-style-type: none;

	margin: 0 0 0 0;

	border-bottom: 0;

	font: normal 11px/14px Arial, Helvetica, Verdana, sans-serif; 

}



#mainTable #leftMenu a {

	background-color: inherit;

	color: #007d72;

	text-decoration: none;

}



#mainTable #leftMenu a:hover {

	background-color: inherit;

	color: #00bfaf;

}



	/*

	---------------------------------------------------------------------------------------------------

	Homepage Main table contents styles. 

	These styles control the look of the Homepage Main Contents region of your site, defined by the column/cell

	with id="mainContentsHome"

	---------------------------------------------------------------------------------------------------

	*/



#mainTable .mainContentsHome {

	width: 305px;

	background-color: #fff;

	vertical-align: top;

	color: inherit

}



#mainTable .mainContentsHome h1 {

	margin: 10px; 

	padding: 0 0 2px 5px;

	border-left: solid #CC7033 1px;

	border-top: solid #CC7033 2px;

	background-color: #efefef;

	font: 18px Verdana, Arial, Helvetica, sans-serif; 

	color: #005B66;

}



#mainTable .mainContentsHome h2 {

	margin: 0 0 -10px 10px;

	background-color: inherit;

	font: bold 13px Verdana, Arial, Helvetica, sans-serif;

	color: #e07000;

}



#mainTable .mainContentsHome table {

	width: 285px;

}



	/*

	---------------------------------------------------------------------------------------------------

	Subpage Main table contents styles. 

	These styles control the look of the Subpage Main Contents region of your site, defined by the column/cell

	with id="mainContentsSub"

	---------------------------------------------------------------------------------------------------

	*/



#mainTable .mainContentsSub {

	width: 610px;

	padding-top: 12px;

	vertical-align: top;

	background: #fff;

	color: inherit;

}



#mainTable .mainContentsSub h1 {

	margin-left: 10px;

	margin-right: 10px;

	background-color: inherit;

	font: bold 20px Verdana, Arial, Helvetica, sans-serif; 

	color: #e07000;

}



#mainTable .mainContentsSub h2 {

	margin: 0 0 -10px 10px;

	background-color: inherit;

	font: bold 13px Verdana, Arial, Helvetica, sans-serif;

	color: #e07000;

}



#mainTable .mainContentsSub table {

	width: 590px;

}



/*

---------------------------------------------------------------------------------------------------

Footer table styles. 

These styles control the look of the Footer table region of your site, defined by the table

with id="footerTable"

---------------------------------------------------------------------------------------------------

*/



#footer {

	width: 780px;

}



#footer #margin {

	height: 10px;

	margin: 0;

	border-top: 1px solid #b3b3b3;

	border-bottom: 1px solid #b3b3b3;

	background-color: #efefef;

	font-size: 1px;

	color: inherit;

}



#footer #footerMenu {

	text-align: center;

	background-color: inherit;

	font: 12px/24px Arial, sans-serif;

	color: #333;

}


#MainHeader {
	color:#007D72;
	font-size:18pt;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	border:thin;
}


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

*/