/* ########################## */
/* #### DEFAULT SETTINGS #### */
/* ########################## */ 
body {
	font-family: Verdana, Tahoma, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
	background: #f3f2e7;	
	text-align: center;
}
p {
	font-family: Verdana, Tahoma, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
        line-height: 135%
	margin-top: 0;
	margin-bottom: 12px;
}
td {
	font-family: Verdana, Tahoma, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
        line-height: 140%
}
tr {
	font-family: Verdana, Tahoma, sans-serif;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
        line-height: 140%
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
li{
	line-height: 20px;
	padding-left: 12px;
	padding-top: 0px;
}
h1 {
	color: #555;
	line-height: 40px;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: .05em;
}
h2 {
	color: #555;
	line-height: 34px;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: .05em;
}
h3 {
	color: #555;
	line-height: 28px;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: .05em;
}
h4 {
	color: #555;
	line-height: 26px;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: .05em;
}
/* Original template link color #5b4848  */
a:link, a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #5167AE;
}
a:visited {
	color: #475C88;
}
a:hover {
	color: #CC3300;
}



/* ######################################### */
/* #### CREATED STYLES FOR TEXT EDITING #### */
/* ######################################### */
.verylarge {
	font-size: 32px;
        line-height: 130%
}
.verylarge_red {
	font-size: 32px;
	color: #CC3300;
        line-height: 130%
}
.verylarge_grey {
	font-size: 32px;
	color: #666;
        line-height: 130%
}
.verylarge_ltblue {
	font-size: 32px;
	color: #475C88;
        line-height: 130%
}
.large {
	font-size: 22px;
        line-height: 130%
}
.large_red {
	font-size: 22px;
	color: #CC3300;
        line-height: 130%
}
.large_grey {
	font-size: 22px;
	color: #666;
        line-height: 130%
}
.large_ltblue {
	font-size: 22px;
	color: #475C88;
        line-height: 130%
}
.medium {
	font-size: 12px;
        line-height: 130%
}
.medium_red {
	font-size: 12px;
	color: #CC3300;
        line-height: 130%
}
.medium_grey {
	font-size: 12px;
	color: #666;
        line-height: 130%
}
.medium_ltblue {
	font-size: 12px;
	color: #475C88;
        line-height: 130%
}
.small {
	font-size: 10px;
        line-height: 130%
}
.small_red {
	font-size: 10px;
	color: #CC3300;
        line-height: 130%
}
.small_grey {
	font-size: 10px;
	color: #666;
        line-height: 130%
}
.small_ltblue {
	font-size: 10px;
	color: #475C88;
        line-height: 130%
}
.verysmall {
	font-size: 8px;
        line-height: 130%
}
.verysmall_red {
	font-size: 8px;
	color: #CC3300;
        line-height: 130%
}
.verysmall_grey {
	font-size: 8px;
	color: #666;
        line-height: 130%
}
.verysmall_ltblue {
	font-size: 8px;
	color: #475C88;
        line-height: 130%
}



/* ################################ */
/* #### CONTENT PAGE SETTINGS  #### */
/* ################################ */


/* Title of the content, article, etc. being displayed.*/
.contentheading {
	color: #555;
	font-family: Tahoma, Verdana, sans-serif;
	line-height: 40px;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: .05em;
} 



/* ########################## */
/* #### FORMS SETTINGS   #### */
/* ########################## */

select.button {
	width: auto;
	padding: 0;
}

/*formatting the <div> which holds search items: inputbox, search button...*/
.search .inputbox {
	background: transparent url(../images/search_field.jpg) top center no-repeat;
	width: 136px;
	height: 14px;
	font-size: 10px;
	color: #666;
	padding: 1px 2px;
	border: none;
}

.search .button {
	background: transparent url(../images/searchbut.jpg) top center no-repeat;
	width: 51px;
	height: 16px;
	color: #453f33;
	border: none;
	padding: 0 4px;
	margin: 0 0 0 4px;
	text-align: center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 14px;
}

.button {
	color: #453f33;
	font-size: 10px;
	border: 1px solid #cbc8b5;
	background: url(../images/button_bg.jpg) top center repeat-x;
}

.inputbox {
	border: 1px solid #555;
	color: #333;
	padding: 2px;
}

input[type="checkbox"] { 
	border: none; 
}

.search {
	padding: 10px 0 0 42px;
	float: left;
}




/* ########################## */
/* #### NAVIGATION/MENU  #### */
/* ########################## */

/* this styling is for the MAIN items in the menu */
a.mainlevel:link, a.mainlevel:visited {
	font-family: Georgia, Tahoma, Verdana, sans-serif;
	line-height: 20px;
	padding: 0 0 0 14px;
	text-decoration: none;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	background: url(../images/menu_row.jpg) bottom left no-repeat;
	margin: 0;
	height: 20px;
	display: block;
}
/* blue color #5167AE */
a.mainlevel:hover {
	color: #CC3300;
}

/* this styling is for the menu item when it is active, even in main/sub position*/
a#active_menu.mainlevel:link, a#active_menu.mainlevel:visited {
	color: #000;
}

/* this styling is for menu items that HAVE A PARENT */
a.sublevel:link, a.sublevel:visited {
	font-family: Georgia, Tahoma, Verdana, sans-serif;
	text-decoration: none;
	color: #333;
	margin: 0;
	font-size: 11px;
	background: url(../images/submenu_row.jpg) center left no-repeat;
	font-weight: normal;
	display: block;
	line-height: 20px;
	padding: 0 0 0 24px;
	border: none;
	height: 20px;
	display: block;
	text-align: left;
}
a.sublevel:hover {
	color: #6686DB;
}
a#active_menu.sublevel:link, a#active_menu.sublevel:visited {
	color: #000;
}

.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when they become hyper links*/
.pagenavbar:visited {}
a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
.back_button {} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}
.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {text-decoration: underline;}

/*This changes the color of the link marked "Joomal Professional Work" that appears at the bottom of the forms created by the ChronoForm Componant */
div.chronoform a:link {color: #f3f2e7}
div.chronoform a:hover {color: #f3f2e7}
div.chronoform a:visited {color: #f3f2e7}




/* ################################ */
/* #### CUSTOM ELEMENTS        #### */
/* ################################ */


.wrapper {
	width: 670px;
	height: 550px;
}
div#wrapper {
	margin: 0 auto;
	width: 906px;
	text-align: left;
	background: url(../images/content.jpg) top center repeat-y;
}
#top {
	background: url(../images/top.jpg) top center no-repeat;
	margin: 0 auto;
	width: 970px;
	height: 41px;
}
#top_with_search {
	background: url(../images/top_with_search.jpg) top center no-repeat;
	margin: 0 auto;
	width: 946px;
	height: 67px;
}
#top_without_search {
	background: url(../images/top_without_search.jpg) top center no-repeat;
	margin: 0 auto;
	width: 946px;
	height: 67px;
}
#headertop {
	background: url(../images/headertop.jpg) top center no-repeat;
	width: 946px;
	height: 6px;
	margin: 0 auto;
	font-size: 0;
}
#header {
	background: url(../images/header.jpg) top center repeat-y;
	margin: 0 auto;
	width: 946px;
}
#image {
	background: url(../images/headerimg.jpg) top center no-repeat;
	width: 928px;
	height: 208px;
	margin: 0 auto;
	text-align: left;
}
#headerbottom {
	background: url(../images/headerbottom.jpg) top center no-repeat;
	margin: 0 auto;
	height: 9px;
	width: 946px;
	font-size: 0;
}
#menucenter {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: url(../images/menu.jpg) top center no-repeat;
	width: 970px;
	height: 29px;
}
#topnavi ul li {
	float: left;
	margin: 0;
	padding: 0;
	height: 29px;
	background: url(../images/menu_li.jpg) bottom right no-repeat;
}
#area {
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

#sitename {
	padding: 120px 0 0 90px;
	text-align: left;
	width: 600px;
}

#sitename p {
    font-weight: normal;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 20px;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
	color: #f0f0f0;
	text-decoration: none;
	outline: none;
	line-height: 20px;
}

#menucenter .menu_m {
	float: left;
	padding: 0;
	margin: 0;
}

#topnavi{
}

#topnavi ul {
	margin: 0;
	padding: 0 28px;
	list-style: none;
}

#topnavi ul li a{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	float: left;
	display: block;
	line-height: 26px;
	padding: 0 10px;
	color: #999;
	text-decoration: none;
	font-weight: normal;
	text-transform: lowercase;
	height: 29px;
}

#topnavi ul li a:hover,#topnavi ul li a.current{
	color: #666;
	cursor: pointer;
}

#topnavi ul li a span{

}
#topnavi ul li a:hover span,#topnavi ul li a.current span {

}

#leftmenu, #rightmenu {
	margin: 0;
	width: 180px;
	float: left;
	text-align: left;
	padding: 0;
}

#main {
	float: left;
	width: 494px;
	padding: 0 6px;
	text-align: left;
}

#main_full {
	float: left;
	width: 666px;
	padding: 0 0 0 10px;
	text-align: left;
}

#content {
	width: 866px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 20px 10px 20px;
}

#content_bottom {
	background: url(../images/content_bottom.jpg) top center no-repeat;
	height: 10px;
}

#footer {
	margin: 0 auto;
	width: 906px;
	height: 10px;
	text-align: center;
	vertical-align: top;
	padding: 10px 0;
}

#topnavigation a.topnavigation:link, a.topnavigation:visited {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing : 1px;
	padding-right: 5px;
	text-decoration: none;
}

#topnavigation a.topnavigation:hover {
	color: #b9f15d;
	border-bottom: none;
	text-decoration:none;	
}

#topnavigation a.topnavigation:active {
	color: #51c0f5;
	text-decoration:none;	
}



/* ################################ */
/* #### PATHWAY                #### */
/* ################################ */

.pathway {
	font-family: Tahoma, Verdana, sans-serif;
	padding: 36px 0 0 0px;
	text-align: left;
	margin: 0 auto;
}

.pathway table.moduletable form {
	margin: 0;
	padding: 0;
}

.pathway table.moduletable {
	margin: 0;
	padding: 0;
}

span.pathway {
	color: #5b4848;
	display: block;
	padding: 10px 0 0 34px;
	font-size: 11px;
	font-weight: bold;
	width: 636px;
	float: left;
}

span.pathway a {
	text-decoration: underline;
}

span.pathway a:hover {
	text-decoration: none;
}

.pathway span img {
	height: 5px;
	padding: 0 0 1px 0;
}




/* ################################ */
/* #### BANNER?                #### */
/* ################################ */

a.sgfooter:link, a.sgfooter:visited {
	color: #555;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	text-decoration: none;
	font-weight: normal;
}
a.sgfooter:hover {
	color: #555;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	text-decoration: none;
	font-weight: normal;
}
.sgf {
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	color: #555;
	text-decoration: none;
}
.sgf1 {
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	color: #555;
	text-align: left;
}

a.sglink:link, a.sglink:visited {
	color: #FFF;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	text-decoration: none;
}
a.sglink:hover {
	text-decoration: none;
}

a img {
	border: 0;
}



/* ################################ */
/* #### MODULE STYLES          #### */
/* ################################ */


.moduletable {
	margin: 0 auto;
}

/*Used in the polls*/
.pollstableborder {}
.sectiontableentry1 {background: #eae8d8; font-size: 11px; line-height: 130%;}
.sectiontableentry2 {color: #666; font-size: 11px; line-height: 130%;}

/*Used in the quotes*/
.quote {font-size: 12px; font-family: Georgia, Verdana, Tahoma, sans-serif;}
.quote-mark {font-size: 12px; font-family: Georgia, Verdana, Tahoma, sans-serif;}
.quote-author {font-size: 12px; font-family: Georgia, Verdana, Tahoma, sans-serif;}

.module {
	padding: 0;
	margin: 0;
}

.module div {
	padding: 0;
	margin: 0 0 14px 0;
}

.module div div {
	margin:0;
	width: 100%;
	padding: 0;
}

/* Unless there is another class applied, this should control text in most of the side modules */
.module div div div {
	margin:0;
	padding: 0 0 4px 0;
	text-align: center;
	font-size: 10px
}

/* This is the Module Headings */
.module div div div h3 {
	color: #666;
	font-family: Georgia, Tahoma, Verdana, sans-serif;
	font-size: 14px;
	text-align: left;
	height: 30px;
	text-decoration: none;
	padding: 0 0 4px 10px;
	background: url(../images/h3.jpg) top center no-repeat;
	font-weight: normal;
	line-height: 31px;
	margin: 0;
	text-transform: uppercase;
}

.module div div div table {
	margin: 4px 0 0 0;
	padding: 0 3px;
	list-style: none;
	background: none;
}

.module div div div form {
	padding: 0;
	margin: 0;
	text-align: center;
}

.module div div div form table {
	padding: 0 10px;
	width: 100%;
	text-align: left;
}

.module div div div div {
	border: none;
	padding: 0;
	margin: 0;	
	padding: 0 0 1px 0;
	background: none;
}

.module div div div div.syndicate {
	margin: 0;
	padding: 10px 0;
}




/* ################################ */
/* #### ADDITONAL STYLES       #### */
/* ################################ */

.articlecat {
	font-family: Tahoma, Verdana, sans-serif;
	line-height: 1.3em;
	font-size: 24px;
	color: #555;
}

.articlecatsub {
	font-family: Tahoma, Verdana, sans-serif;
	line-height: 1.3em;
	font-size: 18px;
	color: #555;
}

.clr {
	clear: both;
}

.center {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 906px;
}

.maintable {
	margin: 0 auto;
	width: 906px;
	text-align: left;
}

.copyright {
	color: #555;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0 23px;
	text-align: center;
}

.back_button {
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	width: auto;
	padding: 0px 10px;
	line-height: 20px;
	margin: 10px 0 50px 0;
}

.pagenav {
	font-size:12px;
	font-weight:normal;
}

.sectiontableheader {
	height: 20px;
	padding-right:3px;
	font-weight :normal;
}

.height {
	height: 100%;
}

.small {
	font-size: 10px;
	color: #555;
	font-weight: normal;
	text-align: left;
}

.pagenav_next, .pagenav_prev {
	font-size: 12px;
	color: #666;
}