@charset "utf-8";
/* ***************************************************************************************************** */
/** CONTENT CSS 

BODY{

}
P{

}
H1{

}
H2{

}
H3{

}
a:link, a:active, a:visited{

}
a:hover{

}
*/
/* ***************************************************************************************************** */
/* TEMPLATE SPECIFIC CSS CODE */
body  {
	font-family:  Verdana,Arial,Helvetica,sans-serif ;
	font-size:12px;
	background: url(../images/bkPage.png);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.twoColFixRtHdr #container { 
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #eeeeee;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #FFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixRtHdr #header { 
	background: url(../images/banner102010.jpg) no-repeat; 
	height: 157px;
	padding: 0 10px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixRtHdr #topmenu { 
	vertical-align:bottom;
	padding: 157px 10px 0 0px;
	border:0;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	/*height:40px;  to fill in the gap of the top banner*/
	margin:0;
	width:900px;
	
	
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 192px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #eeeeee; /* the background color will be displayed for the length of the content in the column, but no further */
	/*padding: 15px 10px;*/
}
.twoColFixRtHdr #mainContent { 
	margin: 0 192px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 5px 0px 5px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#eeeeee;
	vertical-align:top;
	width:702px;
} 
.twoColFixRtHdr #content {
	background-color:#FFF;
	float:left;
	margin:2px 0 10px 0;
	padding:0;
	vertical-align:top;
	width:100%;
	
}
.twoColFixRtHdr #footer { 
	/*padding: 0 10px 0 20px;  this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#0095CF; 
	color:#FFFFFF;
	width: 900px;
margin:0px;
text-decoration:none;
text-align:center;
} 

.twoColFixRtHdr #user1 {
	background-color:#eeeeee;
	margin: 0;
	padding-top:0;
	vertical-align:top;
}
.twoColFixRtHdr #user2 {
	background-color:#fff;
	margin-top: 10px;
	padding-top:10px;
	vertical-align:top;
	text-align:left;
}

.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.readon{
	width:119px;
	float:right;
	margin:0;
	padding:0;
	
}
a.readon {
	float: right;
	margin-top: 10px;
	padding: 3px 1px 3px 1px;
	border: 0px /*solid #F6F6F6*/;
	display: block;
	background: url(../images/readmore.png) no-repeat 5px 48%;
	color: #039;
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	text-decoration: none;
	text-transform: uppercase;
	text-align:center;
}

.mainlevel_menu{
	color: #ffffff;
	text-decoration: none;
	/*margin: 5px;*/
	border-left:#FFF thin solid;
	padding: 0 7px 0 7px;
}

.mainlevel_menu a:link, .mainlevel_menu a:visited, .mainlevel_menu a:active, /*.mainlevel_menu a:focus*/{
  color: #ffffff;
	text-decoration: none;
}
.mainlevel_menu a:hover {
	text-decoration:  underline  overline;
	color: #ffffff;
}
.feed_youtube_content{
  font-family:  Arial, Verdena, Sans-serif;
  font-size:10px;
  color:#000000;
  font-weight:normal;
  text-decoration:none;
  height:135px;
  width: 192px;
  margin: 10px 0 10px 0 ;
  padding-bottom:20px;
  vertical-align:text-top;
  z-index:1;
}

.feed_youtube_content a:link {
	color: #0095CF;
	text-decoration: none;
}
.feed_youtube_content a:visited {
	text-decoration: none;
	color: #0095CF;
}
.feed_youtube_content a:hover {
	text-decoration: underline overline;
	color: #0095CF;
}
.feed_youtube_content a:active {
	text-decoration: none;
	color: #0095CF;
	
}
.feed_youtube_viewall{
  font-weight:bold;

  margin-top:2px;
  margin-bottom:10px;
  padding-top:5px;
}
.feed_youtube_viewall a:link{
  font-family:  Arial, Verdena, Sans-serif;
  font-size:1.3em;
  color:#000000;
  font-weight:bold;
  text-decoration:none;
  margin-left: 0px;
}
.feed_youtube_viewall a:visited{
  font-family:  Arial, Verdena, Sans-serif;
  font-size:1.3em;
  color:#000000;
  font-weight:bold;
  text-decoration:none;
  margin-left: 0px;

}


.feed_youtube_viewall a:hover, .feed_youtube_viewall a:active, .feed_youtube_viewall a:focus{
  font-family:  Arial, Verdena, Sans-serif;
  font-size:1.3em;
  color:#000000;
  font-weight:bold;
  text-decoration:none;
  margin-left: 0px;
}
.feed_youtube_date{
  font-family:  Arial, Verdena, Sans-serif;
  font-size:10px;
  color:#000000;
  font-weight:normal;

}
feed_holder_youtube {
  display: block;
  width:250x;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 6px;
/*  border-bottom: 1px dashed #ccc;
*/}

/*********16/07**********/
.feed_holder_youtube1 {
  display: block;
  width:250px;

  margin-bottom: 6px;
  margin-bottom: 0px;
  padding-top: 3px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #ccc;
}
.embed_this_youtube{
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px dashed #ccc;
  font-size: 1.3em;
}

.feed_image_youtube{
  margin-left:123px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.youtube_img{
  float:left;
}


.feed_flickr_viewall{
  border-top: 1px dashed #ccc;
  margin: 0 5px 5px 5px;
  padding-top:5px;
  padding-right: 0;
}

.feed_flickr_viewall a:link{
  font-family:  Arial, Verdena, Sans-serif;
  font-size:1.3em;
  color:#000000;
  text-decoration:none;
  margin-left:  0;
  margin-top: 0;
  padding-top: 0;

}
.feed_flickr_viewall a:visited{
  font-family:  Arial, Verdena, Sans-serif;
  font-size:1.3em;
  color:#000000;
  text-decoration:none;
  margin-left: 0;

}

.feed_flickr_viewall a:hover, .feed_flickr_viewall a:active, .feed_flickr_viewall a:focus{
  font-family:  Arial, Verdena, Sans-serif;
  font-size:1.3em;
  color:#000000;
  text-decoration:underline;
  margin-left: 0;
}

.feed_image_flickr{
  margin-left:128px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.feed_holder_flickr{
  margin-bottom: 3px;
  padding-bottom: 0px;
}

.feed_holder_flickr a img{
  width:198px;
  height:150px;
}

.flickr_logo_margin{
  margin-top:0px;
  margin-bottom:0px;
  padding-top: 0px;
  padding-bottom: 0;
}
/* ########################## search ############################ */
.searchintro {
font-weight:normal;
margin:0 0 20px;
}

.searchintro img {
display:inline; border:0px
}

.display {
margin:20px 10px 0;
text-align:right;
}

.filter {
margin:10px 0 0;
}

.inputbox:focus {
/*border:solid 2px #eeeeee;*/
}

.highlight {
font-weight:bold;
}

fieldset.word,fieldset.only {
border:solid 1px #ccc;
}

.only {
border:solid 0;
margin:10px 10px 0 10px;
padding:5px 10px;
line-height:1.3em;
}
.display .inputbox {
background:#fff;
color:#000;
/*display:block;*/
height:1.5em;
margin-top:10px;
width:5em;
border: solid #eeeeee 1px;
font-weight:normal;

}
.word {
background:#fff;
padding:10px 10px 10px 0;
border:solid 0 !important;
}

.word input {
background:#fff;
border:solid 1px #eeeeee;
color:#415e96;
font-weight:bold;
margin:0 0 0 10px;
padding:2px;
}

.phrase {
color:#000;
margin:10px 10px 10px 10px;
padding:10px;
width:60%;
border:solid 1px #ccc;
float:left;
}

/*Selects*/
.phrase .inputbox {
background:#fff;
color:#000;
display:block;
height:1.5em;
margin-top:10px;
width:12em;
border:solid 1px #ccc;
font-weight:normal;
}

.phrase .inputbox option {
background:#Eee;
border-bottom:solid 1px #333;
padding:2px;
}

.phrase .inputbox option a:hover {
background:#C00;
border-color:#CFD0D6;
color:#fff;
}

.search_result legend {
border-bottom:solid 0 #000;
background:#fff;
}

/* ***************************************************************************************************** */
/* JOOMLA SPECIFIC CSS CODE */

.article_separator {
	clear: both;
	display: block;
	height: 10px;
}
/*
.adminform{

}
.author{

}
.bannerfooter{

}
.bannergroup{

}
.bannerheader{

}
.banneritem{

}
.blog{

}
.blog_more{

}*/

.blogsection a{
color: #0095CF;
padding:3px;
}
.blog_more {
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
	
}

.blog_more strong {
	
	display: block;
	font-size: 125%;
	  color: #666666;
	text-decoration: none;
	
	padding:1px 0 10px 0;
}
.blog_more ul {
	margin: 0;
	padding: 5px 0 0 0;
	list-style:none;
	color: #0095CF;
}
.blog_more ul a{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #0095CF;
	
}

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 17px;
	background: url(../images/bullet.gif) no-repeat 6px 8px;
}

/*
.breadcrumbs{

}*/
.button{

background-color:#999;
color:#FFF;
padding:0 0 0 4px;
}/*
.buttonheading{

}
.clr{
	clear:both
}
*/ .componentheading{ 
	color: #666666;
	text-decoration: none;
	font-weight:bolder;
	font-size:125%;
	padding:10px 0 10px 0;

 
	
}
.contentheading a{
color: #0095CF;
	text-decoration: none;
	font-weight:bolder;
}
table.blog .contentheading a:hover {
	text-decoration: underline overline;
	color: #0095CF;
}

table.blog .contentheading a {
	text-decoration: none;
	color: #0095CF;
}

.contentheading a {
	text-decoration: none;
	color: #000;
}
/*
.content_email{

}
.content_rating{

}
.content_vote{

}
.contentdecription{

}
.contentpagetitle h2{
	color: #000000;
	text-decoration: none;
	font-weight:bold;
	font-size:1.5em;

} */
table.blog .contentheading {
	font-size: 100%;
}

.contentheading {
	font-size: 1.5em;
	color:#000;
	text-decoration:none;
}
/*a.contentheading {
	font-size: 150%;
	color:#000;
	text-decoration:none;
}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none !important;
}*/
.contentpane{
width:702px;
}/*
.contentpaneopen{

}
.contenttoc{

}
.createdate{

}
.created-date{

}
.date{

}
.input{

}*/
.inputbox{
background:#fff;
color:#415e96;
/*display:block;*/
height:1.5em;
margin-top:2px;
width:150px;
border: #eeeeee 2px;
font-weight:bold;

}/*
.intro{

}
.latestnews{

}
.loclink{

}
a.mainlevel:link, a.mainlevel:active, a.mainlevel:visited{

}
a.mainlevel:hover{

}
.message{

}
.metadata{

}
.modifydate{

}
.module{

}
.moduletable{

}
.mosimage{

}
.mosimage_caption{

}
.mostread{

}
.newsfeed{

}
.outline{

}
.pagenav{

}
.pagenav_next{

}
.pagenav_prev{

}
.pagenavbar{

}
.pagenavcounter{

}
.pathway{

}
.pollstableboarder{

}
.read{

}*/
table.searchintro {
	padding: 10px 0;
	width: 100%;

	
}

table.searchintro td {
	padding: 5px!important;
		
}

fieldset {
		border:0px;
		
}
fieldset a {
		color:#0095cf;
		
}
/*
.sections{

}
.sectiontable_footer{

}
.sectiontableentry{

}
.sectiontablefooter{

}
.sectiontableheader{

}*/
.small
{
font-style:	italic;
}

/*

.smalldark{

}
a.sublevel:link, a.sublevel:active, a.sublevel:visited{

}
a.sublevel:hover{

}
.title{

}
.wrapper{

}

*/
#main2 .pagination,#main .pagination {
border-top:solid 1px #CCC;
margin:10px 0 0;
padding:10px 0;
}

ul.pagination {
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

ul.pagination li {
display:inline;
padding:2px 5px 0;
text-align:left;
}


ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
	background: url(../images/hdot.gif) repeat-x top;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 5px;
	border: 0px solid #F6F6F6;
	color:#0095cf;
}

ul.pagination a:hover, ul.pagination a:focus{
	border: 0px solid #ECECEC;
	background: #0095cf;
	text-decoration:underline;
	color:#FFF;
}

ul.pagination a:active  {
	border: 0px solid #ECECEC;
	background: #FFFFFF;
	color:#0095cf;
}

ol.list {
	list-style-position:inside;
	margin:20px 0;
	padding:0;
	background:#eeeeee;
	margin: 10px 20px 10px 20px;
}

ol.list li {
	border-bottom:solid 10px #fff;
	margin:10px 0;
	padding:10px;
	background:#eeeeee;
}

ol.list li h4 {
	border-bottom:solid 0 #CCC;
	color:#0095CF;
	display:inline;
	margin:0 0 10px;
}
ol.list li a {
	border-bottom:solid 0 #CCC;
	color:#0095CF;
	display:inline;
	margin:0 0 10px;
}
/*.pagenav {
	padding-left: 14px;
}*/

.pagenav {
	padding: 8px 10px 8px 10px;
	color:#0095cf;
	
}


/******************************SITE MAP********************/
.level0{
margin-left :0px;
}

.level0:hover{
}

.level1{
  margin-left :30px;
}

.level1:hover{
}

.level2{
  margin-left :60px;
}

.level2:hover{

}

.level3{
  margin-left :90px;
}

.level3:hover{

}

.level4{
  margin-left :120px;
}

.level4:hover{

}

.level5{
  margin-left :150px;
}

.level5:hover{

}

.level6{
  margin-left :180px;
}

.level6:hover{

}

.level7{
  margin-left :210px;
}

.level7:hover{

}

.level8{
  margin-left :240px;
}

.level8:hover{

}

.level9{
  margin-left :270px;
}

.level9:hover{

}

.levelx{
  margin-left :300px;
}

.levelx:hover{

}

.description
{
  margin-left :40px;
  font-size: 10px;
  color: #999966;
}

.sponsor, .sponsor a:hover, .sponsor a:link, .sponsor a:visited
{
  text-align:center;
  font-size: 9px;
  color: #999966;
}
