/* Basic Joomla CSS typography template: Barrie North: Compass Designs: www.compassdesigns.net */



/* Typography CSS. Global settings start and then get over-ridden later in sheet*/

/* Note that CSS styles include shorthand styles (like 'font:' and then long-hand versions. Don't set style in both!*/

/* When done styling, convert all styles to shorthand and delete longhand ones */



/* Start of Global page settings. Should get over-ridden later on*/

* { 

margin: 0;

padding: 0; 

} 

body {

color: white;

background-color: #3b376a;
	font: 0.8em Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address,.componentheading,.contentheading,.contentpagetitle,.sectiontableheader,.newsfeedheading{

margin: 1em 0;

padding: 0;

}

li, dd, blockquote {

margin-left: 1em;

}

fieldset {

border: none;

}

input, select, textarea {

font-size: 1em;

}

/* End of Global page settings. Should get over-ridden later on*/





/*Line Heights and base font size adjustment*/

/* Font sizing later is defined in ems. Based on CSS font discussions - do a google*/

#header{

line-height: 1.2em;

font-size:;

}

#leftcolumn{

line-height: 1.2em;

font-size:;

}

#rightcolumn{

line-height: 1.2em;

font-size:;

}

#maincol{

line-height: 1.4em;

font-size:;

}

#footer{

line-height: 1.1em;

font-size:;

}



/* Padding for inside containers. Trying to avoid box-model bugs */

.insidefooter { /*slight adjustment for footer */

padding: 5px 0;

}

.inside {

padding: 10px 0 0 8px;

}

.insideright { /*slight adjustment for right column */

padding: 10px 0 8px 8px;

} 



/* Base typography SET ANY FONT SIZE IN EM's */



/* Main titles for various pages. Mix and match hX tags with Joomla titles */

h1,.componentheading {

font:;

color:;

font-size:1.5em;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

h2,.contentheading,a.contentheading:link,a.contentheading:visited,.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited {

font:;

color:;

font-size:1.4em;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

h3,table.moduletable th {

font:;

color:;

font-size:1.3em;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

h4 {

font:;

color:;

font-size:1.2em;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

h5 {

font:;

color:;

font-size:1.2em;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

h6 {

font:;

color:;

font-size:1.2em;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

img {

border: 0;

}



/* Non-title text */

p, td, tr, div {

color:;

text-align:; /*use for left/right*/

background:;
}

p {

font:;

color:;

font-size:em;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

li > p {

margin-top: 0.2em;

}

pre {

font-family: monospace;

font-size: 1.0em;

}

strong, b {

font-weight: bold;

}

td {

font:;

color:;

font-size:em;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

tr {

font:;

color:;

font-size:em;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:1em 0; /*use for top/bottom*/

padding:0 0em; /*use for left/right*/

background:;

}

abbr acronym {



font:;

color:;

font-family:;

font-style:;

font-weight:;

background:;

}

/* ----- LISTS ----- */

ol, ul, li {

/*list-style: none; Uncomment if you want a normal list*/

font-size:1em;

line-height:;

margin:;

padding:;

}

ul,ol {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

list-style:;

float:;

margin:;

padding:;

}

li{

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

list-style:;

float:;

margin:;

padding:;

}

/********* LINK STYLES *********/



/*Catch all for all link styles */

a:link,a:visited,a:hover {

font:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

}

/*Individual link styles */

a:link {

font:;

color: #f3c62f;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration: none;

}

a:visited {

font:;

color: #f3c62f;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration: none;

}

a:hover {

font:;

color: #f3c62f;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration: underline;

}



/* horizontal line in your template*/

hr {} 

hr.separator {}



/* FORMS SETTINGS */ 

.button {
	background-color: #e8a645;
	border-style: solid;
	border-width: 1px;
	border-top-color: white;
	border-left-color: white;
	border-bottom-color: #5e3f11;
	border-right-color: #5e3f11;
	color: white;
	padding-right: 5px;
	padding-left: 5px;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}

.inputbox {
	color: white;
	background-color: #9e6b1d;
	border-width: 1px;
	padding-left: 10px;
	margin-right: 10px;
	border-top-color: #5e3f11;
	border-left-color: #5e3f11;
	border-left-width: 1px;
	border-top-width: 1px;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
}

.search {} /*formatting the <div> which holds search items: inputbox, search button...*/





/* NAVIGATION/MENU SETTINGS */



a.mainlevel{} /* this styling is for the MAIN items in the menu */

a.mainlevel:link {}

a.mainlevel:visited {}

a.mainlevel:hover {}



#active_menu {} /* this styling is for the menu item when it is active, even in main/sub position*/



ul#mainlevel-nav {
	float: right;
	display: inline-block;
}

ul#mainlevel-nav li{
	display: inline-block;
	float: right;
}

#mainlevel-nav a:link {}

#mainlevel-nav a:visited{}

#mainlevel-nav a:hover {}

.mainlevel-mainmenu {
	color: white;
	text-decoration: none;
}
a.mainlevel-mainmenu {
	color: white;
	text-decoration: none;
}
a.mainlevel-mainmenu:link {
	color: white;
	text-decoration: none;
}
a.mainlevel-mainmenu:visited {
	color: white;
	text-decoration: none;
}
a.mainlevel-mainmenu:active {
	color: white;
	text-decoration: underline;
}
a.mainlevel-mainmenu:hover {
	color: white;
	text-decoration: underline;
}
#active_menu-mainmenu {
	color: white;
	text-decoration: underline;
}
.mainlevel-mainmenu1 {
	color: white;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	display: inline-block;
	border-right-color: white;
	border-right-style: none;
	border-left: 1px solid #cca4f6;
}
a.mainlevel-mainmenu1 {
	color: white;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	display: inline-block;
	border-right-color: white;
	border-right-style: none;
	border-left: 1px solid #cca4f6;
}
a.mainlevel-mainmenu1:link {
	color: white;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	display: inline-block;
	border-right-color: white;
	border-right-style: none;
	border-left: 1px solid #cca4f6;
}
a.mainlevel-mainmenu1:visited {
	color: white;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	display: inline-block;
	border-right-color: white;
	border-right-style: none;
	border-left: 1px solid #cca4f6;
}
a.mainlevel-mainmenu1:active {
	color: white;
	text-decoration: underline;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	display: inline-block;
	border-right-color: white;
	border-right-style: none;
	border-left: 1px solid #cca4f6;
}
a.mainlevel-mainmenu1:hover {
	color: white;
	text-decoration: underline;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	display: inline-block;
	border-right-color: white;
	border-right-style: none;
	border-left: 1px solid #cca4f6;
}
#active_menu-mainmenu1 {
	color: white;
	text-decoration: underline;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	display: inline-block;
	border-right-color: white;
	border-right-style: none;
	border-left: 1px solid #cca4f6;
}



a.sublevel{} /* this styling is for menu items that HAS A PARENT */

a.sublevel:link {}

a.sublevel:visited {}

a.sublevel:hover {}





/* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */ 

.pagenav,.pagenavbar {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

} 

a.pagenav:visited,.pagenavbar:visited,.pagenavbar:link {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

}

a.pagenav:hover, {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

}

/*Style for the "Read More" link that is displayed for large content items*/

a.readon:link,a.readon:visited {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

} 

a.readon:hover {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

}

/*Style for the "Read More" link that is displayed for large content items - PUSH BUTTON VERSION

a.readon:link,a.readon:visited {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

display: block;

border: 1px solid;

border-color: #aaa #000 #000 #aaa;

width:;

background:;

} 

a.readon:hover {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

position: relative;

top: 1px;

left: 1px;

border-color: #000 #aaa #aaa #000;

}*/

/*Style for the "BACK" button.*/

a.back_button {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

}

a.back_button:hover

{

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

} 

/*Style for the "BACK" button. Push button version

a.back_button {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

display: block;

border: 1px solid;

border-color: #aaa #000 #000 #aaa;

width:;

background:;

}

a.back_button:hover

{

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

position: relative;

top: 1px;

left: 1px;

border-color: #000 #aaa #aaa #000;

}*/



/* You get the idea, style as above */

.pagenav_prev {} /*Style for the PRE button*/

.pagenav_next {} /*Style for the NEXT button*/



/*Style for latest news list - by default, latest news is user1 module*/

.latestnews ul {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

list-style:;

float:;

margin:;

padding:;

} 

.latestnews li a{

color: white;

font-weight: bold;

text-align:;

margin:;

padding:;

background:;

list-style:;

float:;

margin:;

padding:;
	list-style-type: square;
}

/*Style for most popular list - by default, most popular is user2 module*/

.mostread ul{

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

list-style:;

float:;

margin:;

padding:;

} 

.mostread li{

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

list-style:;

float:;

margin:;

padding:;

}



/* CONTENT PAGE SETTINGS */

a.category:link {}

a.category:hover {}

a.category:visited {}



.blogsection {} /* Formatting the links in Blog section */

.blog_more {} /*The "More" text in blog section*/

a.blogsection:link {} /* set the link format */

a.blogsection:visited {} /* same as above, but to set the visited link format */

a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */





.contentpane {} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/

.contentpaneopen {} /* Table that holds the actual text for an article.*/



a.contentpagetitle:hover {} /*Title of articles when appeare as links */

{}



.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */


table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 25%;
	float: right;
}

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 1px 5px 1px 25px;
	background: url(../images/bullet-list.gif) no-repeat 5% 50%;
}

table.contenttoc th {
	padding: 0 0 3PX;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 5px;
}

a.toclink:link {} /* same as above, used to format toc link text status*/

a.toclink:visited {} 

a.toclink:hover {} 





/* SECTIONS LISTINGS */

.sectiontableheader {} /* This is for styling the section table headers on a SECTION's page.

Example: table header of "Date", "Item Title", "Author" and "Hits"? */

.sectiontableentry1 {} 

.sectiontableentry2 {}





/* MODULES FORMATTING */

.module {} /* Formatting the module table if using -3 suffix */

table.moduletable {} /* Formatting the module table if using 0,1,-2 suffix */

table.moduletable td {} /* Formatting the table cells of the module table */



/* Rounded div corners if using -3 suffix. Images go in /template/images folder

div.module {

background: url(../images/topleftofbox.png) 0 0 no-repeat;

margin: 0;

padding: 0;

margin-bottom: 20px;

}

div.module div {

background: url(../images/toprightofbox.png) 100% 0 no-repeat;

}

div.module div div{

background: url(../images/bottomleftofbox.png) 0 100% no-repeat;

}

div.module div div div {

background: url(../images/bottomrightofbox.png) 100% 100% no-repeat;

padding: 8px;

width: auto !important;

width: 100%;

}*/



/* MISCELLANEOUS */



/* For styling the date the content/articles are created under contents title */

.createdate {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

}

/* Formating "Last updated on" text at the end of articles/contents */

.modifydate {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

} 

/* Formating "Written by:...." text. You can also use for any 'fine print' on your site by defining it in the html while adding content*/

.small {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

}

/*Found in poll result page, for " Number of Voters".. text */

.smalldark {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

}



/* Polls */

.poll {} /* format the td of poll table */

.pollstableborder {} /* set the border properties of the polls voting table */





/* Weblinks */

.weblinks{} /* well.. to format the link's titles under the "Weblinks" 

section on the frontend */

a.weblinks:hover {} /* 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 */