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

basic layout

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

* {

	font-family: Arial, Helvetica, sans-serif;

}

.dottedtd td
{
	border-bottom: dotted;
}



div,

td,

p {

	font-size:12px;

	line-height:18px;

	color:#333333;

}



a,

a:link,

a:active,

a:visited {

	text-decoration:underline;

	color:#000000;

}



a:hover {

	text-decoration:underline;

	color:#3973AC;

}



ul {

	margin: 5px;

	padding: 5px;

	list-style: none;

	list-style-type: square;

}



li {

	line-height: 18px;

	padding-left: 5px;

	padding-top: 0px;

	list-style-position: inside;

}



/** clear the banner to make it sit in the bottom **/

.clear {

	clear:both;

}



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

template layout

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





/** div container for left column **/

#leftcol {
	position: relative;
	float: left;
	clear: left;
	width: 172px;
	border-bottom: dotted Gray;
}



#leftcolmenu {

	position:relative;

	background:transparent url(../images/bg_leftcol.jpg) repeat-y left top;

	overflow:auto;

}











/** div container for mainbody **/

#content_main {

	position:relative;

	float:left;

	width:520px;

	margin:15px 0 20px 20px;

	background-color:#FFFFFF;

}











#blackline {

	position:relative;

	clear:left;

	float:left;

	width:730px;;

	height:10px;

	min-height:10px;

	background-color: #000000;

	color:#FFFFFF;

	font-size:10px;

}














/** content title **/

.componentheading {

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#000000;

	font-size: 20px;

	line-height:25px;

	padding: 5px 0 5px 0;

	display:block;

}



.contentheading,

.contentpagetitle,

a.contentpagetitle:link,

a.contentpagetitle:active,

a.contentpagetitle:visited {

	font-family: Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#3973AC;

	font-weight: bold;

	padding-top: 25px;

	background-color:inherit;

	display:block;

}



.contentpaneopen {

	width:100%;

}





/** pdf, printer version, and email to friend button **/

.buttonheading {

	width: 16px!important;

	text-align:right;

}



.sectiontableheader {

	font-weight: bold;

}



.category, .categorytitle {

	font-weight: bold;

	color:#3973AC;

	background-color:inherit;

}



.sectiontableentry1 {

	background-color: #EFEFEF;

	padding: 2px;

	color:#333333;

}



.sectiontableentry2 {

	background-color: #FFFFFF;

	padding: 2px;

	color:#333333;

}




/** small text in content **/

.small {

	color:#999999;

	font-size:10px;

	font-weight: bold;

	background-color:inherit;

}



/** date info in content **/

#content_main .createdate {

	color:#4A87C4;

	font-size:10px;

	padding: 0 0 15px 0;

	line-height:8px;

	background-color:inherit;

}



#content_main .modifydate {

	color:#999999;

	font-size:10px;

	padding: 0;

	background-color:inherit;

}



/** toc page navigation  **/

.pagenav_prev,

.pagenav_next {

	font-size:11px;

}





/** content item navigation  **/

.pagenavbar  {

	display:block;

	width:100%;

	background-color:inherit;

	height:20px;

	line-height:25px;

	text-align:right;

	letter-spacing:2px;

	color:#999999!important;

	clear:both;

	font-size: 11px!important;

	margin-top: 10px;

	background-image: url(../images/bg_pagenav.jpg);

	background-repeat: repeat-x;

	background-position: center bottom;	

}



.pagenav {

	height:20px;

	line-height:25px;

	text-align:right;

	letter-spacing:2px;

	color:#999999;

	clear:both;

	font-size: 11px;

	margin-left: 0;

	margin-right: 0;

	background-color:inherit;

}



.back_button {

	display:block;

	text-align:left;

	font-weight:bold;

	font-size:12px;

	width:100%;

	margin-bottom:10px;

	letter-spacing:2px;

}



/** highlight word search result **/

.highlight {

	font-weight:bold;

	background-color: #FFFF00;

	padding: 2px 0 2px 0;

	

}



/** table of content layout **/

table.contenttoc {

	border:1px solid #000000;

	padding:1px;

	width:130px;

	margin: 0 0 10px 10px;

}



/** table of content header **/

.contenttoc th {

	font-size:11px;

	display:block;

	width:124px;

}



/** unordered list for latest news module **/

ul.latestnews li,ul.mostread li {

	line-height: 18px;

	font-size:11px;

	font-weight:bold;

	list-style-type: none;

	list-style-position: outside;

}





/** fix opera table width for content list in table category**/

table.contentpane td.contentdescription {

	width:100%!important;

}





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

Links

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



/** any left column link **/

#leftcol a:link,

#leftcol a:active,

#leftcol a:visited {

	color:#FFFFFF;

}



a.pagenav:link ,

a.pagenav_next:link,

a.pagenav_pre:link,

div.back_button a,

div.back_button a:link,

a.latestnews:link,

a.latestnews:active,

a.latestnews:visited,

a.mostread:link,

a.mostread:active,

a.mostread:visited {

	text-decoration:none;

}



/*** read more link ***/

.readon,

a.readon:link,

a.readon:active,

a.readon:visited {

	color:#666666;

	font-weight:bold;

	text-align:left;

	margin-top:10px;

	letter-spacing: 2px;

	font-size:10px;

	text-decoration:none;

}






/** generic menu item link **/

a.mainlevel:link,

a.mainlevel:active,

a.mainlevel:visited,

a.sublevel:link,

a.sublevel:active,

a.sublevel:visited {
	text-decoration: none;
	font-size: 11px;
}



/** generic menu item link on mouseover **/

a.mainlevel:hover,

#leftcol a.mainlevel:hover {

	text-decoration:none!important;

}



/** specific top right column menu item link **/

a.mainlevel-right:link,

a.mainlevel-right:active,

a.mainlevel-right:visited,

a.sublevel-right:link,

a.sublevel-right:active,

a.sublevel-right:visited {

	color:#000000;

	text-decoration:none;

	font-size:11px;

}



/** specific top right column menu item link on mouseover **/

a.mainlevel-right:hover {

	background-color:#CCCCCC;

	text-decoration:none;

}





/** pathway link item **/

a.pathway:link,

a.pathway:link,

a.pathway:active,

a.pathway:visited {

	color:#999999;

	text-decoration:none;

}



/** table of content list **/

a.toclink:link,

a.toclink:active,

a.toclink:visited {

	color:#3973AC;

	font-size:11px;

	padding:2px 10px 2px 10px;

	display:block;

	text-decoration:none;

}



.pagenavbar a:link,

.pagenavbar a:active,

.pagenavbar a:visited  {

	letter-spacing:2px;

	color:#000000;

	font-size: 11px;

	text-decoration: none;

}



.pagenavbar a:hover {

	color:#3973AC;

}







a.latestnews:link,

.mostread a:link,

.latestnews a:active,

.mostread a:active,

.latestnews a:hover,

.mostread a:hover,

.latestnews a:visited,

.mostread a:visited {

	color:#000000;

	text-decoration:underline;

}



/** underline on hover **/

a.toclink:hover,

a.latestnews:hover,

a.mostread:hover,

a.pathway:hover,

a.sublevel:hover,

a.sublevel-right:hover,

a.blogsection:hover,

a.readon:hover,

a.pagenav:hover ,

a.pagenav_next:hover,

a.pagenav_pre:hover,

a.latestnews:hover {

	text-decoration:underline;

	color:#3973AC;

	background-color:inherit;

}



#leftcol a:hover {

	color: #93B7DB;

	text-decoration:underline;

}





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

mambo module layout

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



/** general module table **/

table.moduletable,

#leftcol table,

#rightcol table {

	width:100%;

	float:left;

	clear:left;

}



/** general module table **/

#rightcol table,

#leftcol table td {

	font-size:11px !important;

	color:#CCCCCC;

}




/** generic menu item **/

.mainlevel  {


	height:25px;

	padding-left:15px;


	font-weight:bold;

	text-decoration:none;

}






/** module styles in #leftcol **/

#leftcol table.moduletable td {

	color:#DADADA;

	font-size:11px;

}







/** unordered list top menu **/

ul#mainlevel-nav

{

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 0.8em;

}



/** unordered list item for top menu **/

ul#mainlevel-nav li

{


	padding-left: 0px;

	padding-right: 0px;

	float: left;

	margin: 0;

	width: auto !important;

	font-size: 11px;

	line-height: 23px;

	white-space: nowrap;

}



/** unordered list item link for top menu **/

ul#mainlevel-nav li a

{

	display: block;

	padding-left: 15px;

	padding-right: 15px;

	text-decoration: none;

	font-weight:bold;

}



/** unordered list item link for top menu for firefox only **/

#topmenu>ul#mainlevel-nav li a {

	width: auto;

}



/** unordered list item for top menu for firefox only **/

ul#mainlevel-nav li a:hover {

text-decoration:none;

}