/* ###################### OVERALL SETTINGS ###################### */
body {
	background-color : #ffffff;
	color            : #000000;
	margin-top: 0px;
	margin-bottom: 5px;
	_margin-left:30px;
        _margin-right:30px;
	background-image: url(../images/youth_header_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
        min-width: 800px;
        max-width: 1024px;
       
}
td, tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
}

ul {
  margin           : 0px 0px 0px 0px;
}

hr {
  background       : #CCCCCC;
  height           : 1px;
  width            : 100%;
}
#header{
	position:absolute;
	top:1px;
	width:100%;
	margin-bottom:25px;
}
#header .Hpath{
	position:absolute;
	left:28px;
        _left:10px;
	top:2px;
}
#header .Hlinks{
	position:absolute;
	right:35px;
        _right:35px;
	_width:auto;
        width:220px;
        top:-1px;
}
#title_logo{
	position:absolute;
	top:50px;
        _top:60px;
        _margin-left:15px;
	color:#FFFFFF;
	left:35px;
}
#title_logo h1{
	font-size:2.3em;
        margin-bottom:-.6em;
}
#tsearch{
	position:absolute;
	right:10px;
        _margin-right:35px;
	top:75px;
	width:150px;
}
#wrapper{
	position:relative;
	margin-left:30px;
        _margin-left:10px;
        _margin-right:0px;	
        margin-right:30px;
	line-height: 1.2em;
	background:#ffffff;
	top:180px;
        _padding-left:5px;
        _padding-right:5px;
}
#wrapper td.left{
	width:180px;
}
#wrapper td.center{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
}
#wrapper td.right{
	width:auto;
}
#wrapper #footer{
	bottom:0px;
	width:100%;
}
/* ############## PATHWAY AND BOTTOM BUTTON BAR ############## */
.pathway {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
}

a.pathway:link, a.pathway:visited {
  color            : #FFFFFF;
  font-weight      : normal;
text-decoration: underline;
}

a.pathway:hover {
  color            : #FFFFFF;
  font-weight      : normal;
}


/* ################### MAIN AND SUB MENU SYSTEM ################### */
a.mainlevel:link, a.mainlevel:visited {
  color            : #333333;
  font-weight      : normal;
  display:block;
  background:#FFFFFF;
  border-left: 4px #ffffff solid;
  padding-left: -4px;
  text-indent: 4px;
}
a.mainlevel:hover {
  color            : #FFFFFF;
  display:block;
  background:#3399CC;
  border-left: 4px #999999 solid;
  padding-left: -4px;
  text-indent: 4px;
}

table.moduletable {
  width            : 100%;
  border-right           : 1px solid #e0e0e0;
  border-bottom           : 1px solid #e0e0e0;
  margin-bottom    : 10px;
  margin-top: 5px;
  padding-left: 4px;
  padding-bottom:4px;
  margin-right: 4px;

}

table.moduletable th {
	font-size        : 1em;
	font-weight      : bold;
	color            : #3399CC;
	text-align       : left;
	text-indent: 2em;
	border-bottom:1px #666666 solid;
	width            : 100%;
	background-image: url(../images/icon_user.gif);
	background-repeat: no-repeat;
	background-position: left top;  
	padding-bottom: .7em;
}
table.moduletable th{ behavior: url(iepngfix.htc); }

table.moduletable td {
  font-size        : 1.2em;
  font-weight      : normal;
  line-height: 1.5em;
  padding-top:.2em;
}

.poll {
  font-size        : 1em;
  color            : #333333;
  line-height      : 14px;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableheader {
  color            : #000000;
  font-weight      : bold;
}

.sectiontableentry1 {
  background-color : #F0F0F0;
}

.sectiontableentry2 {
  background-color : #E0E0E0;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #3366C0;
  text-decoration  : none;
  font-weight      : medium;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  background       : #FFFFFF;
}

.contentpaneopen {
  background       : #FFFFFF;
}

.contentheading{
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 1.15em;
  font-weight      : bold;
  color            : #3399CC;
  text-align       : left;
}

.componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 1.4em;
  font-weight      : bold;
  color            : #333333;
  text-align       : left;
  padding-top:5px;
  padding-bottom: 3px;
  border-bottom: 1px solid #999999;
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}

/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}

/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 11px;
  color            : #3399CC;
  text-decoration  : none;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
}


a:hover {
  color            : #333333;
  text-decoration  : none;
}

a.category:link, a.category:visited {
  color            : #333333;
  font-weight      : bold;
}

a.category:hover {
  color            : #3399CC;
}

.headerbackground {

}
/*********************
* Calendar module style
**********************/
.mod_events_table
{
	border: 1px solid #222222;
	width: 95%;
	text-align: center;
	font-style: normal;
	text-decoration: none;
	margin-bottom: .5em;
}
.mod_events_td_title
{
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.mod_events_td_dayname
{
	font-weight: bold;
	color: Black;
}
.mod_events_td_dayname .sunday
{
	color:red;
}
.mod_events_td_dayname .saturday
{
}

.mod_events_td_dayoutofmonth
{
	font-weight: bold;
	color: #ffffff;
	background-color: #cccccc;
}
.mod_events_td_todaynoevents
{
	font-weight: normal;
	color: Black;
	background-color: #3399cc;
}
.mod_events_td_todaywithevents
{
	font-weight: normal;
	color: Black;
	background-color: #FF9933;
border: 1px solid #3399cc;
}
.mod_events_td_daynoevents
{
	line-height: normal;
	font-weight: normal;
	color: Black;
}
.mod_events_td_daywithevents
{
	font-weight: normal;
	color: Black;
	background-color: #FF9933;
}
a.mod_events_daylink:link
{
	color: Black;
	text-decoration: none;
}
a.mod_events_daylink:visited
{
	color: blue;
	text-decoration: none;
}
a.mod_events_daylink:hover
{
	color: Silver;
	text-decoration: none;
}
.mod_events_td_link
{
	background-color: Background;
}
a.mod_events_link:link
{
	color: Black;
}
a.mod_events_link:visited
{
	color: Navy;
}
a.mod_events_link:hover
{
	color: Silver;
}
.mod_events_monthyear
{
	border: 0px solid #222222;
	margin-top: 0.25em;
	width: 140px;
	height: 18px;
	background-image: url( "/components/com_events/images/evback.jpg" );
}
.mod_events_monthyear td
{
	text-align:center!important;
}
.mod_events_monthyear a.mod_events_link, .mod_events_monthyear a.mod_events_link:visited, .mod_events_monthyear a.mod_events_link:visited
{
	font-weight: bold;
	color: Black;
	background-color: inherit;
	text-decoration: none;
}