body {
background-image: url(templates/mp_comanche/images/bck.gif);
background-repeat: no-repeat;
background-position: center top;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
color       : #000000;
font-family      : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size        : 11px;
scrollbar-3dlight-color: #333333;
scrollbar-base-color: #333333;
scrollbar-darkshadow-color: #f0f0f0;
scrollbar-face-color: #900000;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #333333;
scrollbar-track-color: #f0f0f0;
scrollbar-arrow-color: #ffffff;
}
/* Alleen beschikbaar wanneer mod_shHMenu-0.24_english is geinstalleerd*/
table.moduletable {
	font			 :Eras Medium ITC;
	text-align: right;
	font-size-adjust:inherit;
	font-size:14px;
	font-weight:900
}

/* lettertype en grote in de template */
	
p {  
font-size        : 11px;
color			 : #000000;
font-weight      : normal;
} 

td {  
 font-size        : 11px;
color			 : #000000;
font-weight      : normal; 
 } 
 
tr {  
font-size        : 11px;
color			 : #000000;
font-weight      : normal;
} 

ul {  
font-size        : 11px;
color			 : #000000;
font-weight      : normal;
} 

a:link {  
font-size        : 11px;
font			 :"Eras Medium ITC"
color			 : #ff3399;
font-weight      : normal;
width            : 100%; 
text-decoration  : none;
letter-spacing: 1px;
padding-bottom   : 2px;
} 

a:visited {  
font-size        : 11px;
font			 :"Eras Medium ITC"
color			 : #ff3399;
font-weight      : normal;
width            : 100%; 
text-decoration  : none;
letter-spacing: 1px;
padding-bottom   : 2px;
}

a:hover {
	font-size        : 11px;
	font			 :"Eras Medium ITC"
	color			 : #ff3399;
	font-weight      : normal;
	width            : 100%;
	text-decoration  : none;
	letter-spacing: 1px;
	padding-bottom   : 2px;
}

hr {} /* horizontal line in your template*/
hr.separator {}
 
/* FORMS SETTINGS */ 
.button {
color            : #000000;
border           : 1px solid #999999;
background-color : #ffffff;
margin-top       : 0px;
font-size        : 9px;


}
.inputbox {
font-size: 11px;
text-align: left;
color: #333333;
background-image:url(../images/back_main.jpg);
border: 1px solid #999999;
}
.search {} /*formatting the <div> which holds search items: inputbox, search button...*/
 
/* *******************************************  search*/

#search {
	position		: absolute;
	top				: 50px;
	right			: 250px;
	height			: 10px;
}

.searchbox {
	font			: 11px Verdana, Arial, Helvetica, Sans-serif;
	color			: #000000;
	font-weight     : normal;
	letter-spacing	: 1px;
	background		: #97d6fc;
	text-indent		: 9px;
	line-height		: 10px;
	width			: 220px !important;
	border			: 1px solid #b1b1b1;
	height			: 14px;
}
 
/* NAVIGATION/MENU SETTINGS */
/* ******************************************* leftside top menu items*/
 #leftmain {
	margin			: 0;
	padding			: 0px;
	text-align		: left;
	width			: 100%;
}

#leftmain table.moduletable th, #rightmain table.moduletable th {
	height			: 10px;
	background		: url(../images/back_main.jpg);
	background-position	: left bottom;
	border-bottom		: 1px solid #ed008c;
	font			: 8px Verdana, Arial, Helvetica, Sans-serif ;
	letter-spacing: 3px;
	font-weight      : bold;
	color			: #ffffff;
	text-align		: left;
	text-indent		: 10px;
	margin			: 0px;
	line-height		: 10px;
}

 
 #leftmain table {
	border-top		: 1px solid #ffffff;
	border-left		: 1px solid #ffffff;
	border-right		: 1px solid #ffffff;
	border-bottom		: 1px solid #ffffff;
	width			: 95%;
}

#leftmain table.contentpaneopen {
	background-color		: #EDF8FF;
}

#leftmain table.moduletable td.contentheading {
	font			: Verdana, Arial, Helvetica, Sans-serif ;
	color			: #333333;
	line-height		: 11px;
	text-align		: center;
	padding			: 0px 0px 0px 0px;
	background-color		: #9EBDD2; 

}
a.mainlevel {
	font-size        : 11px;
	font-weight      : normal;
	width            : 100%;
	height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #571f20;
	text-indent: 20px;
	letter-spacing: 1px;
}
  
a.mainlevel:visited {
	font-size        : 11px;
	font-weight      : normal;
	width            : 100%;
	height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #571f20;
	text-indent: 20px;
	letter-spacing: 1px;
}
a.mainlevel:hover {  
	font-size        : 11px;
	font-weight      : normal;
	width            : 100%;
	height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #c8bb8f;
	text-indent: 20px;
	letter-spacing: 1px;
}
 
#active_menu.mainlevel { 
color: #900000;
} 
  /* this styling is for the menu item when it is active, even in main/sub position*/
 
ul#mainlevel-nav {
color: #666666;}
ul#mainlevel-nav li{
color: #666666;}
a.mainlevel-nav a:link {
color: #666666;}
a.mainlevel-nav a:visited{
color: #666666;}
a.mainlevel-nav a:hover {
color: #ffffff;}
 
a.sublevel{
padding-left: 20px;
	font-size        : 11px;
	font-weight      : normal;
	width            : 100%;
	height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #571f20;
	text-indent: 20px;
	letter-spacing: 1px;
} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link {font-size        : 11px;
	font-weight      : normal;
	width            : 100%;
	height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #561f22;
	text-indent: 20px;
	letter-spacing: 1px;}
a.sublevel:visited {font-size        : 11px;
	font-weight      : normal;
	width            : 100%;
	height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #561f22;
	text-indent: 20px;
	letter-spacing: 1px;}
a.sublevel:hover {
font-size        : 11px;
	font-weight      : normal;
	width            : 100%;
	height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #e9e2ca;
	text-indent: 20px;
	letter-spacing: 1px;
	}

#active_menu.sublevel { 
color: #ffffff;
background-color: #900000;
} 
.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") when they do not appear as hyperlinks (when only a few articles exist).*/
a, a:link {
font-size			: 11px;
	font-family		: Verdana, Arial, Helvetica, Sans-serif ;
	color			: #756100;
	line-height		: 15px;
	padding			: 0px;}
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when they become hyper links*/
.pagenavbar:visited {}
.pagenav {} /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
a.readon:link {
padding-left: 10px;
background-image: url(../images/menubck5.gif);
background-repeat: no-repeat;
color: #666666;
} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {
padding-left: 10px;
background-image: url(../images/menubck5.gif);
background-repeat: no-repeat;
color: #666666;
}
a.readon:visited {
padding-left: 10px;
background-image: url(../images/menubck5.gif);
background-repeat: no-repeat;
}
 
.back_button {
text-align: right;


} /* Title of the component being used to display the content.*/

td.contentheading {
	font-size        : 15px;
	font:"Eras Medium ITC"
	font-weight      : normal;
	width            : 100%;
	height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #000000;
	text-indent: 20px;
}
 
/* MAMBO MODULES FORMATTING */
table.moduletable {
width			   : 160px;
table-layout	   : auto;
padding		   : 3px;
margin-top:5px;
margin-left: 5px;
background-image: url(..images/dot2.gif);
background-repeat: no-repeat;
background-position: top;
font-size:11px;

} /* Formatting the module table */

table.moduletable th {
background-image:url(../images/menubck.gif);
font-size        : 27px;
font-weight      : normal;
width            : 170px;
color: #666666;
text-transform   : uppercase;
height: 20px;
padding-top: 3px;
text-align:center;
padding-left: 5px;
font-size:11px;

} /* Formatting the module header, and the module titles */
table.moduletable td {

} /* Formatting the table cells of the module table */
 
 
/* MISCELLANEOUS */
 
/* Dates , Authors*/
.createdate {
color: #999999;
font-size:10px;
} /* For styling the date the content/articles are created under contents title */
.modifydate {
color: #999999;
font-size:10px;
} /* Formating "Last updated on" text at the end of articles/contents */
.small {
color: #999999;
font-size:10px;
} /* Formating "Written by:...." text */
.smalldark {}/*Found in poll result page, for " Number of Voters".. text */
 
/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */
 
 
/* Weblinks */
a.weblinks{font-size        : 11px;
	font-weight      : normal;
	width            : 100%;
	height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #561f22;
	text-indent: 20px;
	letter-spacing: 1px;} /* well.. to format the link's titles under the "Weblinks" 
  section on the frontend */
a.weblinks:hover {font-size        : 11px;
	font-weight      : normal;
	width            : 100%;
	height: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #561f22;
	text-indent: 20px;
	letter-spacing: 1px;} /* same as above, but for link with mouseover */
 
/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */
 
/* Search page */
table.searchintro {} /* This is for formatting the box with "Search Keyword: test returned 4 matches" box
  that appears after you have entered a search value. It appears on the mainbody
  with the search results */
 
 
/* MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */
 
.ontab {}/* For styling of the "Tab" buttons when editing contents through the frontend as admin. 
This .ontab is the styling for the tab when it is active or after its "clicked" */
.offtab {} /* Same as above, used for styling of the "Tab" buttons when editing contents through the frontend. 
This the styling for the tab when it is NOT active or when it is NOT "clicked" */
.tabpadding {} /* this style is used set the size of the tab in the above */ 
.tabheading {} /* Not too sure what this is used for. Couldn't find anything related to it yet at the moment */
.pagetext {} /* this style is used to style the content of the editing form contents (where HTMLArea sits and all its forms + contents) in
the frontend Administration interface */

.pathway {
font-size        : 10px;
color            : #666666;
padding-left     : 8px;
padding-bottom: 0px;
VERTICAL-ALIGN: top;
}
a.pathway:link, a.pathway:visited {
color            : #666666;  
font-size        : 10px;
padding-left     : 0px;
}
a.pathway:hover {
font-size        : 10px;
padding-left     : 0px;
color: #000000;
}

.copyright {
font-size        : 10px;
padding-left     : 0px;
color: #333333;
}
