/* CSS Document */
/*----- border: 1px dashed #FF9900; -------*/

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;  /* IE fix */
	margin: 10px;
	font-size: 90%;
	background-image:url(../images/body_BG.gif);
	color: #686868;
}

* html td {
	font-size: 80%;
}

/*------------Site-wide a/hover tags------------*/	
a, a:active { color: #2B61A0; text-decoration: none;}
a:hover { text-decoration: underline;}
a img {	border: none;}
form { margin: 0; padding: 0;}
/*-----------End Site-wide a/hover tags----------*/

.cleardiv {clear: both;}

#PageWrapper {
	width: 777px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

#BGtop {
	height: 19px;
}

#BGMain {
	width:777px;
	margin: 0;
}

#BGMenu {
	width:761px;
	height: 30px;
	margin: 10px 8px 0 8px;
	background-image: url(../images/menu_BG.gif);
}

#BGBottom{
	height: 42px;
}
/*------------Logo------------*/	
#Logo h1 {
	margin: 0 0 0 20px;
	padding: 0;
	height: 74px;
	width: 421px;
	visibility: visible;
	z-index: 10;
	float: left;
}

* html #Logo h1 {
	margin: 0 0 0 20px;
}

#Logo h1 a {
	margin: 0px;
	padding: 0;
	height: 74px;
	width: 421px;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
}

#Logo h1 a span {

}
/*------------Top menu/search------------*/	
#Top {
	float: right;
	margin: 0 20px 0 0;
	text-align: right;
	width: 300px;
	background-image:url(../images/top.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:30px;
}
* html #Top {
	width:150px;
}

#Top td {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #2B61A0;
	font-size: 80%;
}

* html #Top td {
	font-size: 70%;
}
#Top a { padding:10px; padding-top:20px;}

#Top .module { margin-top:7px;}


#mod_search_searchword {
	width: 130px;
	margin: 2px;
	border: 1px solid #ABADAC;
	color: Black;
	padding-left: 7px;
}

.search {
	width: 172px;
	background: #2B61A0;
	border: 1px solid #CACACA;
	margin-bottom: 2px;
	background: url(../images/search_BG.gif) repeat-y;
}

*html .search {
	width: 172px;
}

.search .button {
	width: 28px;
	height: 20px;
	border: 0px;
	background: transparent;
	cursor: hand;
	cursor: pointer;
}
/*------------Banners------------*/	
#BGBanner {
	height: 206px;
	margin: 0 8px 0 8px;
	background: url(../images/banner_BG.gif) repeat-x;
}

#Banner {
	height: 198px;
	padding: 7px 7px 0 7px;
}

#quote1 { display:none;}
#quote2 { display:none;}

* html #BannerQuote {
	margin: -165px 0 0 160px;
	width: 580px;
}

* html #BannerText {
	width: 180px;
	margin-top: -20px;
	color: #FFFFFF;
	font-size: 170%;
	font-weight: normal;
	text-align: right; 
	float: left;
	left: 405px;
	top: 0;
}

* html #quote1 {
	margin-top: 0px;
	font-size: 700%;
	color: #848484;
	padding: 0;
	float: left;
	left: 0;
}

* html #quote2 {
	font-size: 700%;
	padding-top: 50px;
	color: #848484;
	float: left;
	left: 0;
	top: 0;
}

#BannerQuote {
	margin: -160px 0 0 160px;
	width: 200px;
}

#BannerText {
	position: relative;
	left: 400px;
	top: -26px;
	width: 180px;
	color: #FFFFFF;
	font-size: 170%;
	font-weight: normal;
	text-align: right; 
}

#quote1 {
	font-size: 700%;
	margin-top: -30px;
	color: #848484;
	padding: 0;
}

#quote2 {
	font-size: 700%;
	padding-top: 20px;
	color: #848484;
	position: relative;
	left: 540px;
	top: -110px;
	width: 50px;
}

/*------------Main Body------------*/	
#pathway_text {
	color: #2B61A0;
	font-size: 90%;
	margin-left: 2px;
}

#MainWrapper {
	padding: 0 8px;
	margin: 7px 7px 0 7px;
	height: auto;
	font-size: 90%;
}

#MainLeftCol {
	width: 174px;
	margin: 0px;
	float: left;
}

* html #MainLeftCol {
	width: 173px;
}


#NavWrapperHP {
	padding: 0;
}


#MainRightCol {
	float: right;
	width: 181px;
	height: auto;
	padding: 0;
	margin-top: 0px;
}

* html #MainRightCol {
	width: 181px;
}

#MainContent a, #MainContentNR a, #MainRightCol a {
	color: #2B61A0;
	font-weight: bold;
	text-decoration: none;
}

#MainContent a:hover, #MainContentNR a:hover, #MainRightCol a:hover {
	text-decoration: underline;
}

#MainContent {
	float: left;
	width: 370px;
	height: auto;
	margin: 0px;
	padding: 0 0 0 10px;
	text-align: justify;
}

* html #MainContent {
	width: 380px;
}


#MainContentNR {
	float: left;
	width: 560px;
	height: auto;
	margin: 0px;
	padding: 0 0 0 10px;
}

* html #MainContentNR {
	width: 570px;
}

/*------------Content styles------------*/	
.contentpaneopen p, .contentpane p {
	margin-top: 0px;
}

#MainWrapper h2, #MainWrapper h2 a, #MainWrapper .componentheading, #MainWrapper td.contentheading, #MainWrapper .contentpagetitle, #MainWrapper .contentpagetitle a, #MainWrapper .moduletable h3 {
	font-size: 130%;
	padding: 10px 0 10px 0;
	font-weight: bold;
	color: #2B61A0;
}

#MainWrapper .contentpaneopen, #MainWrapper .contentpane, #MainWrapper .sectiontablefooter {
	color: #686868;
}

#MainWrapper .contentpaneopen .contentheading {
	font-size: 130%;
	color: #2B61A0;
	margin: 10px 0 10px 0;
}

#MainWrapper h3, #MainWrapper h3 a {
	font-size: 100%;
	margin: 10px 0 10px 0;
	font-weight: bold;
}

.back_button a {
	font-size: 95%;
	margin-bottom: 10px;
	display: block;
	width: 50px;
}

.sectiontableheader {
	font-weight: bold;
	color: #2B61A0;
}

/*------------Table rows------------*/	
#MainWrapper .sectiontableentry2 {
	background-color: #f6f6f6;
	padding: 4px;
}
#MainWrapper .sectiontableentry1 {
	padding: 4px;
}

/*-----------Forms----------*/

.inputbox {
	border: 1px solid #ABADAC;
	margin: 2px 0px;
	color:#686868;
}

.pagenavcounter {
	font-weight: bold;
	color: #159ED4;
}

/*------------Footer------------*/	

#FooterLeft {
	width: 250px;
	padding: 10px 5px 5px 20px;
	float: left;
	color: #2B61A0;
	font-size: 70%;

}

#FooterRight {
	z-index: 999;
	text-align: right;
	width: 385px;
	padding: 10px 20px 5px 5px;
	color: #2B61A0;
	float: right;

}


#FooterLeft a, #FooterRight a {
	text-decoration: none;
	position: relative;

}

#FooterLeft a:hover, #FooterRight a:hover {
	text-decoration: underline;
}

#FooterRight td {
	font-size: 70%;
	padding: 0;
	margin: 0;
	text-align: right;
}

/*------------CTAs------------*/	
#MainWrapper .module {
	font-size: 85%;
}

* html #MainWrapper .module td {
	font-size: 70%;
}

#MainRightCol form {
	margin: 2px;
}

* html #MainRightCol form table {
	margin: 2px;
	width: 160px;
}

#MainRightCol h3 {
	width: 173px;
	height: 18px;
	color: White;
	font-size: 120%;
	padding: 3px;
	margin: 0px;
	background: url(../images/header_BG.gif) top right no-repeat;
	border-bottom: 1px solid #CACACA;
}

* html #MainRightCol h3 {
	width: 181px;
	height: 24px;
}

#MainContent h3 {
	width: 362px;
	height: 18px;
	color: White;
	font-size: 120%;
	padding: 3px;
	margin: 0px;
	background: url(../images/header_BG.gif) top right repeat-y;
	border-bottom: 1px solid #CACACA;
}
#MainContentNR h3 {
	width: 553px;
	height: 18px;
	color: White;
	font-size: 120%;
	padding: 3px;
	margin: 0px;
	background: url(../images/header_BG.gif) top right repeat-y;
	border-bottom: 1px solid #CACACA;
}
#MainContentNR .module h3 { margin:-3px; margin-bottom:3px;}
#MainContentNR .module a { margin-left:2px;}

* html #MainContent h3  {
	width: 368px;
	height: 24px;
}
* html #MainContentNR h3 {
	width: 556px;
	height: 24px;
}


#MainContent #joomlaforum h3, #MainContentNR #joomlaforum h3 {
	height: 18px;
	color: White;
	font-size: 110%;
	padding: 3px;
	margin: 0px;
	text-decoration: none;
	border: 0;
	background-image: none;
}

#MainContent #joomlaforum h3 a, #MainContentNR #joomlaforum h3 a {
	color: White;
	text-decoration: none;
	border: 0;
	background-image: none;
}

#MainContent #joomlaforum h3 a:hover, #MainContentNR #joomlaforum h3 a:hover {
	text-decoration: underline;
}

#MainRightCol .module div div div, #MainContent .module div div div, #MainContentNR .module div div div {
	border: 1px solid #CACACA;
	margin-bottom: 7px;
	clear: both;
}

#MainContent .module div div div{
	width: 368px;
}
#MainContentNR .module div div div {
	width: 553px;
	padding:3px;
}
* html #MainContentNR .module div div div { width:550px;}

#MainRightCol .module div div div div, #MainContent .module div div div div, #MainContentNR .module div div div div {
	border: 0px;
}

#MainRightCol .module .mod_content .contentheading, #MainRightCol .module .mod_content .contentheading a.contentpagetitle, #MainRightCol .module .mod_content h4 a, #MainContent .module .contentheading, #MainContent .module .contentheading a.contentpagetitle, #MainContent .module h4 a, #MainContentNR .module .contentheading, #MainContentNR .module .contentheading a.contentpagetitle, #MainContentNR .module h4 a {
	color: #F1C608;
	text-decoration: underline;
	font-size: 110%;
	font-weight: bold;
	padding: 0px;
}

* html #MainRightCol .module .mod_content .contentheading, * html #MainRightCol .module .mod_content .contentheading a.contentpagetitle, *html #MainRightCol .module .mod_content h4 a, * html #MainContent .module .mod_content .contentheading, * html #MainContent .module .mod_content .contentheading a.contentpagetitle, * html #MainContent .module .mod_content h4 a, * html #MainContentNR .module .mod_content .contentheading, * html #MainContentNR .module .mod_content .contentheading a.contentpagetitle, * html #MainContentNR .module .mod_content h4 a {
	font-size: 90%;	
}

#MainRightCol .contentpaneopen, #MainRightCol .contentpaneopen td {
	margin: 0px;
	padding: 0px;
}

#MainRightCol .module img, #MainContent .module img, #MainContentNR .module img {
	float: right;
}

#MainRightCol  .mod_content {
	padding: 2px;
	display: block;
	clear: both;	
}
.contentpaneopen td h6 { color:#FFFFFF; margin:0px; margin-bottom:-14px; padding:0px; font-size:100%;}

#dm_cats h3, #dm_docs h3 {
width: 99%;
}
* html #dm_cats h3, * html #dm_docs h3 {
	width:560px;
}
#fireboard { margin-top:10px;}

.back_button { margin-bottom:-10px;}