/* This controls the width of the fluid width layouts */

div.fluid
{
width: 90% !important;
}

/* This controls the width of the fixed width layouts */

div.fixed
{
width: 899px !important;
}

/* Basic Stuff */

*
{
margin: 0em;
padding: 0em;
}

body
{
background-color: #fff;
color: #585858;
font-size: 9pt;
font-family: arial, "trebuchet ms", helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6
{
font-weight: normal;
letter-spacing: -1px;
}


br.clear
{
clear: both;
}

img
{
}

img.floatTL
{
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
margin-top: 0.5em;
}

a
{
text-decoration: underline;
color: #EE1111;
}

a:hover
{
text-decoration: none;
}

ul.links
{
list-style: none;
}

ul.links li
{
line-height: 2em;
}

ul.links li.first
{
}

p
{
line-height: 1.4em;
}

/* Header */

#header
{
width:899px;
}

#header_inner
{
position: relative;
width: 950px;
height:122px;
margin: 0 auto;
}

#banner
{
background: url(images/banner.gif);
width:899px;
height:140px;
}

#navbar
{
background: url(images/navbar_tile.gif) repeat-x;
width:899px;
height:38px;
color:#FFFFFF;
text-align:center;
font-size:16px;
font-weight:bolder;
font-family: arial, "trebuchet ms", helvetica, sans-serif;
}

#navbar a
{
color:#FFFFFF;
text-decoration: none;
font-family: arial, "trebuchet ms", helvetica, sans-serif;
}

#mainlowerborder
{
background: url(images/mainlowerborder_tile.gif) repeat-x;
font-size: 1px;
line-height:0;
width:899px;
height:5px;
}

/* Logo */

#logo
{
position: absolute;
bottom: 0.6em;
}

#logo h1
{
display: inline;
color: #fff;
font-size: 2.6em;
}

#logo h2
{
display: inline;
padding-left: 0.5em;
color: #D2DCE5;
font-size: 1.0em;
}

/* Menu */

#menu
{
position: absolute;
right: 0em;
bottom: 0em;
}

#menu ul
{
list-style: none;
}

#menu li
{
float: left;
width: 135px;
text-align: center;
}

#menu li a
{
margin-left: 0.5em;
display: block;
padding: 1.1em 1.4em 1.0em 1.4em;
background: #fff url('/witcms/theme/default/images/n4.gif') repeat-x;
border: solid 1px #fff;
color: #616161;
font-weight: bold;
font-size: 1.0em;
text-decoration: none;
}

#menu li a.active
{
background: #FF790B url('/witcms/theme/default/images/n3.gif') repeat-x;
color: #fff;
border: solid 1px #DB7623;
}

/* Main */

#main
{
background: #fff url('/witcms/theme/default/images/n2.gif') 0px 1px repeat-x;
}

#main_inner p
{
text-align: justify;
margin-bottom: 2.0em;
}

#main_inner ul
{
margin-bottom: 2.0em;
}

#main_inner
{
position: relative;
width: 950px;
margin: 0 auto;
padding-top: 3.5em;
}

#main_inner h3,h4
{
border-bottom: dotted 1px #E1E1E1;
position: relative;
}

#main_inner h3
{
font-size: 2.1em;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
}

#main_inner h4
{
font-size: 1.2em;
padding-bottom: 0.175em;
margin-bottom: 1.4em;
margin-top: 0.95em;
}

#main_inner .post
{
position: relative;
}

#main_inner .post h3
{
position: relative;
font-size: 1.7em;
padding-bottom: 1.2em;
}

#main_inner .post ul.post_info
{
list-style: none;
position: absolute;
top: 3em;
font-size: 0.8em;
}

#main_inner .post ul.post_info li
{
background-position: 0em 0.2em;
background-repeat: no-repeat;
display: inline;
padding-left: 18px;
}

#main_inner .post ul.post_info li.date
{
background-image: url('/witcms/theme/default/images/n5.gif');
}

#main_inner .post ul.post_info li.comments
{
background-image: url('/witcms/theme/default/images/n6.gif');
margin-left: 1.1em;
}

#mainoutercontent
{
width:899px;
background-color:#FCFCFC;
padding:0px;
}

#mainoutercontent h2
{
}

td.topcontent
{

text-align:left;
width:300px;
padding:10px;
}

img.rss
{
border:0;
vertical-align:top;
padding-left:5px;
}

td.topcontentimg
{
vertical-align:top;
text-align:left;
width:255px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}

td.topcontentdonate
{
vertical-align:bottom;
text-align:left;
padding:5px;
}

td.topcontentevent
{
padding:5px;
}

td.topcontentevent h2
{
font-family: georgia, arial, "trebuchet ms", helvetica, sans-serif;
font-weight:bold;
}

.eventclass{
width:610px;
padding: 5px;
border: 0px solid black;
margin-bottom: 1em;


}
.eventclass a{
text-decoration: none;
}
.rsstitle{
font-weight: bold;
}
.rssdate{
font-size: 85%;
}
.rssdescription{
}

td.topcontentsponsor
{
vertical-align:bottom;
text-align:left;
padding:10px;
height:50px;
font-size:1.2em;
font-weight:bolder;
}

td.topcontentsponsor img
{
border:0;
padding-left:8px;
padding-right:8px;
vertical-align:top;
}

td.topcontent h2
{
font-family: georgia, arial, "trebuchet ms", helvetica, sans-serif;
font-weight:bold;
}

td.largecontent
{
vertical-align:top;
text-align:left;
width:640px;
padding:10px;
}

td#aboutcontent
{
padding-left:50px;
padding-right:50px;
padding-top:10px;
padding-bottom:10px;
width:699px;
}

td#aboutcontent li.abouttitle
{
font-size:1.4em;
font-weight:bolder;
list-style:none;
}
td#aboutcontent li.abouttext
{
font-size:1em;
list-style:none;
}

td#aboutmenu
{
width:200px;
list-style:none;
vertical-align:top;
}

.aboutitem
{
padding-left:20px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
list-style:none;
}

td#eventcontent
{
padding-left:50px;
padding-right:50px;
padding-top:10px;
padding-bottom:10px;
width:699px;
}

td#eventcontent li.eventtitle
{
font-size:1.4em;
font-weight:bolder;
list-style:none;
}
td#eventcontent li.eventtext
{
font-size:1em;
list-style:none;
}

td#eventmenu
{
width:200px;
list-style:none;
}

.eventitem
{
padding-left:20px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
list-style:none;
}

#business td.sidemenu
{
vertical-align:top;
text-align:left;
width:150px;
padding:8px;
}

#business .menuitem
{
text-indent:10px;
}

#business td.communitylist
{
vertical-align:top;
text-align:left;
padding:5px;
width:400px;
}

#business td.businesslist
{
vertical-align:top;
text-align:left;
padding:5px;
width:530px;
}

#map_canvas
{
	position:relative;
	top: 1px;
	width: 420px;
	height:400px;
	padding:2px;
}
#business td.map
{
position:relative;
vertical-align:top;
text-align:right;
width:350px;
height:350px;
padding:2px;
}

#business ul
{
list-style: none;
}

#business li.category
{
text-indent: 0px;
font-weight:bolder;
font-size:1.25em;
}

#business li.subcategory
{
text-indent: 10px;
font-size:0.85em;
}

#business ul.business
{
font-size:0.95em;
text-indent: 30px;
font-weight:normal;
font-style:normal;
color:#585858;
}

#business li.name
{
font-weight:bolder;
padding-top:10px;
padding-top:5px;
padding-bottom:5px;
}

#business li.namebm
{
font-weight:bolder;
color:#ff0000;
padding-top:5px;
padding-bottom:5px;
}

#business li.mhmsbm
{
font-style:italic;
color:#ff0000;
}


#blog ul.post_info_full
{
list-style: none;
font-size:1.4em;
}
#blog ul.post_info_full li.title
{
font-size: 2.0em;
font-weight:bolder;
}
#blog ul.post_info_full li.date
{
font-size:0.8em;
text-indent:20px;
}

#blog ul.comment_info
{
list-style: none;
padding-left:30px;
}
#blog ul.comment_info li.user
{
font-size: 1.0em;
}
#blog ul.comment_info li.date
{
font-size: 0.8em;
padding-left:20px;
}
#blog ul.comment_info li.text
{
font-size: 1.0em;
padding-left:10px;
}

#blog ul.post_info_short
{
list-style: none;
}
#blog ul.post_info_short li.title
{
font-size: 1.0em;
font-weight:bolder;
}
#blog ul.post_info_short li.text
{
font-size: 1.0em;
}

#blog li.modify
{
font-size: 0.8em;
}


#news ul.post_info_full
{
list-style: none;
text-align:left;
}
#news ul.post_info_full li.title
{
font-size: 1.3em;
font-weight:bolder;
}
#news ul.post_info_full li.date
{
font-size:0.8em;
text-indent:20px;
}

#news ul.post_info_short
{
list-style: none;
}
#news ul.post_info_short li.title
{
font-size: 1.0em;
font-weight:bolder;
}
#news ul.post_info_short li.text
{
font-size: 1.0em;
}

#articles ul.post_info
{
list-style: none;
}

#articles ul.post_info_full
{
list-style: none;
}

#articles ul.post_info_full li.title
{
font-size: 1em;
}

#articles li.date
{
font-weight:normal;
font-size:0.8em;
padding-left:20px;
padding-bottom:10px;
padding-top:5px;
}

#articles li.title
{
font-weight:bolder;
font-size:1.3em;
}

#articles li.modify
{
font-weight:bolder;
}

#poll
{
width:400px;
padding:20px;
}
#poll td
{
border-bottom:1px dotted;
}
#poll .image
{
padding:10px;
}
#poll .title
{
font-size:1.2em;
font-weight:bolder;
padding:10px;
}
#poll .option
{
font-size:1em;
padding:5px;
width:300px;
}
#poll .votes
{
font-size:1em;
padding:5px;
}
#poll .votepercent
{
font-size:1em;
padding:5px;
}


/* Footer */

#footer
{
width: 899px;
height:31px;
background:url(images/footer.gif) no-repeat;
}

#footerleft
{
float:left;
text-align:left;
padding-left:25px;
padding-top:7px;
color:#FFFFFF;
font-family:"trebuchet ms", helvetica, sans-serif;
font-size:smaller;
font-weight:bolder;
}

#footerleft a
{
color:#FFFFFF;
font-family:"trebuchet ms", helvetica, sans-serif;
text-decoration:none;
}

#footerright
{
float:right;
text-align:right;
padding-right:20px;
padding-top:7px;
color:#FFFFFF;
font-family:"trebuchet ms", helvetica, sans-serif;
font-size:smaller;
font-weight:bolder;
}

/* outmost wrapper element */
#scrollable {
	background-color:#efefef;
	border:0px solid #ddd;
	width:240px;
	height:367px;
}

/* container for the scrollable items */
div.items {
	height:500px;	
	text-align:center;
	float:left;
	width:240px !important;
}



/* single item */

div.items a {
	display:block;
	float:left;
	margin-right:8px;
	padding-bottom:2px;
	width:240px;
	height:160px;
	background:url(img/item.gif) 0 0 no-repeat;
	font-size:50px;
	color:#ccc;
	line-height:150px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}

div.items a:hover {
	color:#999;	
}

div.items a.active {
	background-position:-174px 0;
	color:#555;
	cursor:default;
}

/*
/* next / prev buttons 
a.prev, a.next {
	display:block;
	width:240px;
	height:22px;
	float:left;
	background-repeat:no-repeat;	
}

a.prev {
	background:url(images/imgscroll_up.gif);		
}

a.prev:hover {
	background:url(images/imgscroll_up.gif);		
}

a.next {
	background:url(images/imgscroll_down.gif);		
}

a.next:hover {
	background:url(images/imgscroll_down.gif);		
}

*/
/* navigator */
div.navi {
	position:relative;
	top:-30px;
	left:310px;
	margin-left:-50px;
	width:50px;
	height:0px;
}

/* items inside navigator */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(img/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
} 	
.VTabbedPanels {
	margin: 0px;
	padding: 0px;
	font-size:16px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.VTabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.VTabbedPanelsTab {

	position: relative;
	top: 1px;
	float: left;
	padding: 2px 5px;
	margin: 0px 1px 0px 0px;
	font: bold 0.8em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: move;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.VTabbedPanelsTabHover {
	background-color: #fe0000;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.VTabbedPanelsTabSelected 
{
	background-color: fe0000#;
	
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.VTabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.VTabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.VTabbedPanelsContent {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.VTabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 11em;
	height: 40em;
	background: #eee;
	position: relative;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
	border-left: solid 2px #CCC;
	border-bottom: solid 2px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {

	float: none;
	margin: 10px;


}


/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	
	/*border-bottom: solid 1px #ccc;
	*/
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 5px;
	width: 15em;
	height: auto;
}

.VTabbedPanels .TabbedPanelsTabHover
{
	background-color: #fe0000;
	color: #ffffff;
}