/* general stuff */


body{
margin:0;
padding:0;
text-align: center;
font-family: verdana, arial, sans-serif;
color: #ffffff;
background: #000000;
}

a {
text-decoration:  none;
font-weight: bold;
border: none;
 }
a:hover {
text-decoration:  underline; 
border: none;
 }
 
/* Layout */

#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#source {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#pagewidth-full{
width: 98%;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
}

#header {
height:  180px; 
width:  100%; 
 }
 
#top-left {
height: 140px;
width: 140px;
background: transparent;
float: left;
}

#top-right {
height: 160px;
width: 80%;
background: transparent;
float: right;
}

#top-top {
height: 30px;
width: 100%;
background: transparent;
}

#top-bottom {
height: 130px;
width: 100%;
background: transparent;
float: center;
}

#search {
margin: 0px;
padding: 0px;
width: 148px;
height: 28px;
float: right;
background: url(../images/back_search.jpg) right top no-repeat;
padding-left: 10px;
padding-top: 2px;
vertical-align: top;
}

#search .inputbox{
width: 100px;
height: 18px;
font-size: 12px;
background: transparent;
border: none;
margin: 0px;
padding: 0px;
line-height: 14px;
}

#search .button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 12px;
background: transparent;
border: none;
line-height: 10px;
}

#search form {
margin: 0px;
padding: 0px;
}

#topmenu{
height: 20px;
float: right;
width: 400px;
}


#pathway{ 
width: 500px;
height: 19px;
padding-left: 20px;
padding-top: 5px;
}

#leftcol{
 width: 205px;
 min-height: 500px;
 float: left;
 position: relative;
 margin-right: 5px;
 background: url(../images/left_menu.jpg) right top no-repeat;
 } 

#rightcol-normal{
 width: 155px;
 float: right;
 position: relative;
 margin-right: 1px;
 margin-top: -22px;
 } 
 
#rightcol-broad{
 width: 120px;
 float: right;
 position: relative;
 margin-right: 1px;
 margin-top: -22px;
 } 
 
#outer-full{
width: 100%;
padding-top: 6px;
} 

#outer-1024{
width: 970px;
padding-top: 6px;
} 

#footer-full{  
height: 40px; 
width:100%; 
background: transparent; 
font-size: 12px;
text-align: center;
}

#maincol-normal-full{ 
 float: left; 
 margin-left: 0px !important;
 margin-left: -5px;
 width: 95%;
 } 
 
#maincol-broad-full{ 
 float: left; 
 margin-left: -5px;
 width: 75%;
 } 
 
 #maincol-wide-full{ 
 float: left; 
 width: 98%;
 margin-left: 0px !important;
 margin-left: -5px;
 padding-top: 3px !important;
padding-top: 0px;
 } 
 
 #banner {
 width: 500px;
 height: 69px;
 float: center;
 padding-left: 28px;
 padding-top: 6px;
}
 
 iframe.wrapper {
 z-index: 0;
 }
 
.clr{clear:both;}
.content {
padding: 0px 0px 0px 0px;
font-size: 12px;
line-height: 18px;
}

/* Modules */

#leftcol div.module, #rightcol-normal div.module {
width: 192px;
background: transparent;
margin-bottom: 10px;
}

#leftcol div.module div, #rightcol-normal div.module div {
width: 192px;
background: transparent;
}

#leftcol div.module div div, #rightcol-normal div.module div div {
width: 192px;
background: transparent;
}

#leftcol div.module div div div,#rightcol-normal div.module div div div{
width: 187px;
padding-left: 1px;
padding-right: 1px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#leftcol div.module div div div div, #rightcol-normal div.module div div div div{
padding: 0px;
margin: 0px;
}

#rightcol-broad div.module {
width: 177px;
background: transparent;
margin-bottom: 10px;
}

#rightcol-broad div.module div {
width: 177px;
background: transparent;
}

#rightcol-broad div.module div div {
width: 177px;
background: transparent;
}

#rightcol-broad div.module div div div{
width: 162px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 12px;
}

#rightcol-broad div.module div div div div{
padding: 0px;
margin: 0px;
}




div.module h3 {
font-size: 18px;
width: 180px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
font-family: Tahoma, sans-serif;
}

#user1{
float: center;
width: 450px;
}

#user2{
float: right;
width: 200px;
}

#user3 {
float: center;
width: 450px;
margin-left: 75px;
margin-right: 75px;
}

#user1 ul, #user2 ul, #user3 ul {
list-style: none;
margin: 0px;
padding: 0px;
padding-left: 0.7em;
margin-left: 0.7em;
margin-bottom: 5px;
margin-top: 2px;
}

#maincol-normal-full div.moduletable, #maincol-wide-full div.moduletable, #maincol-broad-full div.moduletable, #maincol-normal-1024 div.moduletable, #maincol-wide-1024 div.moduletable, #maincol-broad-1024 div.moduletable {
width: 100%;
margin-bottom: 10px;
border: 1px solid #EFEFEF;
background: transparent;
font-size: 12px;
}

#maincol-normal-full div.moduletable h3, #maincol-wide-full div.moduletable h3, #maincol-broad-full div.moduletable h3, #maincol-normal-1024 div.moduletable h3, #maincol-wide-1024 div.moduletable h3, #maincol-broad-1024 div.moduletable h3 {
font-size: 18px;
font-weight: bold;
margin: 0px;
padding: 0px;
height: 20px;
line-height: 20px;
color: #ffff00;
font-family: Tahoma, sans-serif;
width: 100%;
border-bottom: 1px solid #EFEFEF;
text-align: left;
text-indent: 5px;
}

/* Topmenu */

 ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
float: right;
white-space: nowrap;
}

ul#mainlevel-nav li{
width: auto !important;
width: 5%;
float: left;
margin: 0;
font-size: 14px;
height: 20px;
line-height: 20px;
white-space: nowrap;
margin-right: 1px;	
}

ul#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #ffff00;
margin-left: 5px;
white-space: nowrap;
}



/* Main Menu(s) */

a.mainlevel {
font-size: 14px;
padding-left: 4px;
width: 183px;
display: block;
line-height: 26px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 135px;
}



html>body a.mainlevel {width:185px;} /* Opera5-Fix-fix ;-) */


a.mainlevel:hover, a.mainlevel#active_menu {
color: #ffffff;
text-decoration: none;
}

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 12px;
padding-left: 12px;
width: 139px;
display: block;
line-height: 20px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}

html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;
width: 139px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}
html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
width: 123px;
}


/* Module specific */

#leftcol div.module div div div div.syndicate {
background: transparent;
width: 187px;
margin: 0px;
padding: 0px;
}

#leftcol div.module div div div div.syndicate div {
background: transparent;
width: 187px;
margin: 0px;
padding: 0px;
}


/* Other Mambo Stuff */

#title {
}
.pathway {
color: #BBBBBB;
font-size: 12px;
text-decoration: none;
font-weight: normal;
}

.pathway a{
color: #BBBBBB;
text-decoration: none;
font-weight: normal;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 12px;
  border-top: 1px solid #cccccc;
}

hr {
width:  90%; 
 }
hr.separator {
width:  40%; 
 }
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 12px;
color: #ABABAB;
line-height: 0.7;
}
.smalldark {
font-size: 12px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}

.sectiontableentry1 {
text-align: left;
background: #EFEFEF;
font-size: 10px;
padding: 2px;
color: #000000;
}
.sectiontableentry2 {
background: #FFF;
font-size: 10px;
text-align: left;
padding: 2px;
color: #000000;
}
.button {
border: 1px solid #BBBBBB;
}
.inputbox {
border: 1px solid #BBBBBB;
}

.createdate {
font-size: 12px;
color: #ABABAB;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 12px;
color: #ABABAB;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}
a.readon {
font-size: 12px;
text-decoration: none;
line-height: 15px;
border: 1px solid #EEEEEE;
padding-left: 13px;
background: url(../images/readon.gif) no-repeat left;
margin-top: 10px;
text-decoration: none;
font-weight: normal;
}

.blog_more {
font-size: 12px;
}

a.readon:hover {
background: #EEEEEE url(../images/readon.gif) no-repeat left;
text-decoration: none;
}

.blog {
width: 100%;
}

.contentheading {
width: 98%;
font-weight: bold;
font-size: 18px;
height: 23px;
line-height: 20px;
border-bottom: 1px solid #ffff00;
font-family: Tahoma, sans-serif;
color: #ffff00;
}

.contentpaneopen {
text-align: left;
background: transparent;
font-size: 12px;
line-height: 1.8;
}

table.contentpane td.contentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: verdana, sans-serif;
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 12px;
}
.sectiontableheader {
font-weight: bold;
font-size: 12px;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family: Verdana, sans serif;
}
.componentheading {
font-weight: bold;
font-size: 24px;
height: 36px;
line-height: 32px;
font-family: Tahoma, sans-serif;
color: #ffff00;
margin-top: 10px;
margin-bottom: 5px;
}
a.category {
text-decoration:  underline; 
 }
a.category:hover {
text-decoration:  underline; 
 }
table.moduletable {
width:  100%; 
font-size: 80%;
 }
table.moduletable th  {
font-size: 80%;
}

.poll {
font-size: 10px;
text-align: center;
}


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

.blogsection {
font-size: 12px;
}

.blog_more ul li{
list-style: none;
padding-left: 14px;
line-height: 18px;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}

table.contenttoc th{
font-weight: bold;
font-size: 12px;
border-bottom: 1px solid #BBBBBB;
}

form {
margin: 0px;
padding: 0px;
}

/*
	css template addons for module Latest Events

	Note that these classes can be used to customize the look of the latest events
	module if desired beyond inherited properties from the mambo template being used.
	If you don't want to override some of the template properties such as maybe a
	standard uniform way to display links consistently, then you should comment out
	the link style directives below or make suitable modifications.

	Classes:

	mod_events_latest_first	- the table cell that contains the first event listed
	mod_events_latest	- the table cell that contains an event besides the first

	mod_events_latest_date	- the html span that contains the date for the event on the
				  first line of the table cell.

	mod_events_latest_content - the html span that contains the event title.

	mod_events_latest_content a:{link|visited|hover}  - controls the formatting
		of the event title links if enabled thru the module parameters. See the
		Readme.txt file to get info on parameters.

*/
table.mod_events_latest_table {
}

.mod_events_latest {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: solid 1px #ffffff;
	height: 30px;
	}

.mod_events_latest_first {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	}

.mod_events_latest_date {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	}


.mod_events_latest_content a:link {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffff00;
	}

.mod_events_latest_content a:visited {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffff00;
	}

.mod_events_latest_content a:hover {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	}