body {

	text-align: center; /* required for centering the page in IE */

	margin: 0px;

	padding: 0px;

	background-image: url(../images/cp_bg.png);

	background-repeat: repeat-x;

	font-family: Arial, sans-serif;

	font-size: 12px;

	color: #333333;

	line-height:10px;

}



h1, h2, h3, h4, p, ul, li {

	margin: 0px;

	padding: 0px;

	font: 12px Arial,sans-serif;

}



h1,h2,h3,.componentheading, .contentheading {

	font: normal normal 200% Tahoma,Arial,sans-serif;

	font-weight:bold;color: #000000;

}



h2 {

	font-size: 160%;

}



h3{

	font-size: 120%;

}



html, body {

	height: 100%;

	width: 100%;

}	



a:link, a:visited {

	text-decoration: none;

	color: #000000;

}



a:hover {

	text-decoration: none;

	color: #003366;

}



#wrapper {

	position: static;

	width: 955px;

	margin: 0 auto; /* centering the page */

	text-align: left;

}



#header {

	position: static;

	height: 140px;

	background-image: url(../images/header.png);

}



#Menu{

	position: static;

	background-image: url(../images/menu.png);

	width: 955px;

	height: 28px;

}



#container {

	background-image: url(../images/body.png);

	background-repeat: repeat-y;

}



#innerContainer {

	margin-right: 12px;

	margin-left: 6px;

	height: 100%;

}



#FlashHeadpiece {

	background-color: #F2F2F2;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

	border-top-width: 0px;

	border-right-width: 0px;

	border-left-width: 0px;

}



#left {

	float: left;

	width: 166px;

	height: 100%;

        padding-top: 35px;

        position: relative; 	

}

	

#leftInner {

	font: 90% Arial,sans-serif;

}



.latestnews, .mostread {

	font: 11px Arial,sans-serif;

	list-style-type: none;

}



li.mostread {

	padding-bottom: 10px;

}



#content {

	width: 638px;

	float: left;

	padding-top: 15px;

	padding-right: 30px;

	padding-bottom: 15px;

	padding-left: 14px;

}



#content p {

	line-height:16px;

	font: 12px;

}



#content ul {

	padding-left: 20px;

	list-style-position: inside;

	list-style-image: url(../images/bluearrowbullet.png);

	list-style-type: none;

}

	

#content li {

	line-height: 14px;

	font-size: 12px;

}



#clear {

	height: 0px;

	clear: both;	

}



.clear {

    clear: both;

    display: block;

    height: 1px;

    overflow: hidden;

    margin: 0;

    padding: 0;

}







#footer {

	height: 50px;

	clear: both;

        padding-top: 20px;

        padding-left: 30px;

        line-height:16px;

        font-family: Arial, sans-serif;

	font-size: 12px;

	text-align: left;

	background-image: url(../images/footer.old)

}

		
		/*Horizontal Nav*/

div#nav, div#nav li {

	list-style-type: none;

	margin: 0;

}



div#nav {

	margin-left: 30px;

	font-size: 12px;

}



div#nav li {

	float: left;

	margin-right: 1px;

	font-size: 12px;

	text-align: center;

	display: inline;

	vertical-align: middle;

}



div#nav a{

	float: left;

	height: 26px;

	line-height: 26px;

	text-decoration: none;	

	color: #000;

	font-weight: bold;

	padding-left: 10px;

	padding-right: 15px;

}



div#nav a:hover {

	color: #8ccdd4;

	background-repeat: repeat-x;

	background-position: 0px;

	background-color: ;

}



div#nav li.activelink a, div#nav li.activelink a:hover {

	color: #8ccdd4;

	background-color: ;

}



#nav a:link#active_menu-nav, #nav a:visited#active_menu-nav {

	color: #8ccdd4;

	background-color: ;

}

	

fieldset.input {

	border: 0px;

}



input#modlgn_remember.inputbox {

	width: 15px;

}

	/*Vertical Nav*/

img { border: 0 none; }
		

.module_menu, #left .module {

	width: 160px;

	list-style-type: none;

	text-indent: 5px; 

}



ul.menu, #form-login ul, ul.latestnews, li.parent ul, ul.mostread {

	margin-left: 0;

	padding-left: 0;

	list-style-type: none;

	font-family: Arial, Helvetica, sans-serif;

}



ul.menu a, #form-login a, .latestnews a, .mostread a {

	display: block;

        padding-left: -1;

	padding: 0px;

	width: 160px;

	background-color: #8ccdd4;

	text-decoration: none;

}



ul.menu a:link,  ul.menu a:visited {

	color: #;

	text-decoration: none;

	font-weight: bold;

}



ul.menu a:hover,  #form-login a:hover, .latestnews a:hover, .mostread a:hover {

	background-color: #8ccdd4;

	color: #8ccdd4;

	background-image:none;

}



#left ul.menu #current a{

	background-image: none;

	background-color: ;

	color: #8ccdd4;

}



#left ul.menu #current ul a{

	background-image: none;

	background-color: ;

	color: #8ccdd4;

}



.mostread li {

	padding: 0px;

	margin: 0px;

	border: 0px;

}	




/* default */



.componentheading {

	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;

	font-size: 20px;

	font-weight: bold;

	color: #000000;

	padding-top: 5px;

}



.contentheading {

	font-family: "Trebuchet MS".Tahoma, Verdana, Arial;

	font-size: 20px;

	font-weight: bold;

	color: #000000;

	padding-bottom: 10px;

}



#leftInner .moduletable {

	padding-bottom: 5px;

}



.search {

	padding-top: 10px;

	padding-bottom: 5px;

}



h3 {

	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;

	font-size: 18px;

	font-weight: bold;

	color: #000000;

	padding-top: 5px;

	padding-bottom:5px;

}



h2 {

	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;

	font-size: 20px;

	font-weight: bold;

	color: #000000;

	padding-top: 5px;

	padding-bottom:5px;

}



#mod_login_password, #mod_login_username {

	color: #000000;

}



form {

	margin: 0;

	padding: 0;

}



input, select {

	font: 12px "Lucida Grande",	 Arial,sans-serif;

}



select, .inputbox {

	padding: 2px;

}



textarea {

	padding-left: 2px;

}



.button {

	border: 0px solid #2F2F2F;

	padding: 1px 10px!important;

	padding: 1px 5px;

	background: url(../images/button-bg.gif) repeat-x top #333;

	color: #8ccdd4;

}



.button:hover {

	background: url(../images/button-bg.gif) repeat-x top #333333;

	color: #8ccdd4;

}



.button:active, .button:focus {

	border: 0px solid #222222;

}



.buttonheading img, .hasTip img, .bs_contentdiv img {

	border: 0px;

}



.inputbox {

	border: 0px solid #CCC;

	background: #FFF;

	color: #000;

}

	

#left .inputbox {

	width: 145px;

}



.inputbox:hover, .inputbox:focus {

	border: 1px solid #003366;

}



fieldset.js_loginflat {

	border: 0px;

	padding: 8px;

	margin-left: 12px;

	margin-right: 12px;

	font: 11px Arial,sans-serif;

	text-align: center;

	vertical-align: top;

}



fieldset.js_loginflat .inputbox {

	width: 145px;

}



fieldset.js_loginflat legend {

	display: none

}



.moduletableflat {

	text-align: center;

	vertical-align: top;

}



.bearright {

	top: 25px;

	right: 15px;

	position: absolute;

}



#JB {

	position: absolute;

	bottom: 0px;

}



.line {

	color: #CCCCCC;

}





#colorfield-border {

	float: left;

	position: relative;

	top: 158px;

	left: 138px;

}



#colorfield-link {

	float: left;

	position: relative;

	top: 180px;

	left: 76px;

}



#bear {

	background-image: url(../images/website-design-by-joomlabear.png);

	background-repeat: no-repeat;

	background-position: right;

	height: 46px;

	width: 877px;

}


a.divlink, a.divlink:link, a.divlink:visited  {

	display: block;

	width: 100%; /*width needs to be specified to work in IE*/

	height: 100%; /*height needs to be specified to work in IE*/

	/*Other browsers expand the link to full width and height.*/

	line-height: 0px;

	font-size: 0px;

	color: #222222;

}



.modulegoogleADtop {

padding-top:15px;

padding-bottom:15px;

}



.small, .createdate, .modifydate {

line-height:10px;

font-size:90%;

font-style:italic;

padding-bottom:5px;

}
