/* 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*/

* {
} 

body {

background:;

font: 76.1% Georgia, "Times New Roman", Times, serif;

color: #333333;

background-color:;

background-image:;

background-repeat: ;

background-position: ;

}



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*/



/* 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,.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited {

color: #333;

font-size: 1.8em;

font-weight: bold;

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

background:;
	text-decoration: none;
	line-height: 1em;

	margin: 0.5em 0;
	padding: 0.5em 0em 0;

}

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

color: #333;

font-size: 1.4em;

font-weight: bold;

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

background:;
	text-decoration: none;
	line-height: 1em;

	margin: 0.5em 0;
	padding: 0.5em 0em 0;
	border-top: 1px dotted #77b7d2;
}

h3, table.moduletable th {

color: white;

font-size: 1.1em;

text-align:; /*use for top/bottom*/

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

background: #333;
	margin: 0.5em 0;
}

div.moduletable-alter h3, table.moduletable th {

color: white;

font-size: 1.1em;

text-align:; /*use for top/bottom*/

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

background: #fc8411;
	margin: 0.5em 0;
}


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 */

td, tr {

font:;

color:;

font-size:1em;

font-family:;

font-style:;

font-weight:;

text-align:;

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

padding:0 0em; /*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:;
	color: #6a97d5;
}

/*Individual link styles */

a:link {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

}

a:visited {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

}

a:hover {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

text-decoration:;

}



/* horizontal line in your template*/

hr {} 

hr.separator {}



/* FORMS SETTINGS */ 

.button {
	color: white;
	width: 80px;
	height: 20px;
	background-color: #77b7d2;
	border-right: 1px solid #497383;
	border-bottom: 1px solid #497383;
	border-top-style: none;
	border-left-style: none;
	margin-top: 5px;
	font: bold 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-right: 10px;
}

.inputbox {}

.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 {}

ul#mainlevel-nav li{}

#mainlevel-nav a:link {}

#mainlevel-nav a:visited{}

#mainlevel-nav a:hover {}



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 {

font:;

color:;

font-size:;

font-family:;

font-style:;

font-weight:;

text-align:;

margin:;

padding:;

background:;

list-style:;

float:;

margin:;

padding:;

}

/*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 {
	text-decoration: underline;
} /*Title of articles when appeare as links */

{}



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

table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */

table.contenttoc td {} /* same as above, used to format the td and able cells */

table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/

table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/

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 {

color:;

text-align:;

margin:;

padding:;

background:;
	font-size: 0.9em;
}

/* 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 {

color:;

text-align:;

margin:;

padding:;

background:;
	font-size: 0.9em;
}

/*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 */

/* menu1 */

ul#mainlevel-nav {list-style:none;padding:4px 8px 4px 8px;margin:0;} /* flat list mode */
ul#mainlevel-nav li {display:inline;padding:0px;margin:0;
	font-weight: bold;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-right: 1px solid white;
}
ul#mainlevel-nav li a {color: #333;padding:4px 8px 4px 8px;margin:0;
	text-decoration: none;
	border-right: 1px solid #666;
}
ul#mainlevel-nav li a:hover {background: #74b3cd;color: #fff;padding:4px 8px 4px 8px;margin:0;}
ul#mainlevel-nav li a#active_menu-nav {color:#fff;background: #77b7d2;}
ul#mainlevel-nav li a#active_menu {color:#333;background:#fff;}

/* menu2 */

ul#mainlevel-nav2 {list-style:none;padding:4px 8px 4px 8px;margin:0;} /* flat list mode */
ul#mainlevel-nav2 li {display:inline;padding:0px;margin:0;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, Helvetica, Geneva, sans-serif;
	border-right: 1px solid white;
}
ul#mainlevel-nav2 li a {color:#fff;padding:4px 8px 4px 8px;margin:0;
	text-decoration: none;
	}
ul#mainlevel-nav2 li a:hover {background:#be6712;color:#fff;padding:4px 8px 4px 8px;margin:0;}
ul#mainlevel-nav2 li a#active_menu-nav2 {color:#fff;background:#be6712;}
ul#mainlevel-nav2 li a#active_menu {color:#333;background:#fff;}

a.dn-title {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

a:hover.dn-title {
	text-decoration: underline;
}

.banneritem {
	margin-bottom: 5px;
}

.gk_news_show_news_header {
	font-size: 16px;
	line-height: 18px;
color: gray;
}

.gk_news_show_news_header a{
color: #6197d3;
	font: normal bold 16px/18px Georgia, "Times New Roman", Times, serif;
}

.gk_news_show_news_info {
	font: 12px/20px Helvetica, Arial, Geneva, sans-serif;
	color: silver;
}

.gk_news_show_news_info a {
	font: bold 12px/20px Helvetica, Arial, Geneva, sans-serif;
	color: gray;
}

.gk_news_show_news_text {
	font-size: 12px;
margin-bottom: 10px;
}

.gk_news_show_news_text a {
color: silver;
	font: 12px Helvetica, Arial, Geneva, sans-serif;
}

#colonna3 .gk_news_show_news_text a {
color: white;
	font: 12px Helvetica, Arial, Geneva, sans-serif;
}

#colonna3 .gk_news_show_news_info a {
	color: #828789;
	font-family: Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}



.gk_news_show_panel_tools {
	visibility: hidden;
}

.gk_news_show_panel-border {
	visibility: hidden;
}

.gk_news_show_tablerow_top {
	visibility: hidden;
}


/* ============  UNIQUE STYLE RELATED  ============ */
/* ============  PROCEED WITH CAUTION  ============ */


#showcasetop {background-color: #333;}
#showcase {border-bottom: 6px solid #333;color: #494A44;background: #fbfbfb url(showcase_bg.png) repeat-x center bottom;width: 956px;}
#noshowcase {border-bottom: 0px solid #333;color: #494A44;background: #fbfbfb url(showcase_bg.png) repeat-x center bottom;width: 956px;}
#mainbody {background-color: #fff;}
.bottom_top {background: #fff;}
#bottom {color: #e8e8e8;background: #9a0101 url(bottom.png) repeat-x center top;border: 1px solid #8f0a10;border-bottom: none;}
#bottom  a {color: #fff;}
#footer {color: #c8c7b4;font-size: 11px;}


/* ============  UNSTYLED  ============ */
div.module {background: none no-repeat 100% 0;margin-bottom: 10px;height: 1%;border: 1px solid #ccc;}
div.module div {background: none no-repeat 0 0;}
div.module div div {background: none no-repeat 100% 100%;}
div.module div div div {background: none no-repeat 0 100%;padding: 12px 15px 15px 15px;}
div.module div div div div {background: transparent none;padding: 0;}
div.module h3, div.moduletable h3 {padding: 0px 0px 3px 0px;line-height: 100%;height: auto;margin: 0 0 10px 0;font-weight: normal;text-indent: 0px;font-style: normal;}


/* ============  S1  ============ */
div.moduleS1 {background: url(topright_1.png) 100% 0 no-repeat;margin-bottom: 10px;height: 1%;}
div.moduleS1 div {background: url(topleft_1.png) 0 0 no-repeat;}
div.moduleS1 div div {background: url(botright_1.png) 100% 100% no-repeat;}
div.moduleS1 div div div {background: url(botleft_1.png) 0 100% no-repeat;padding: 12px 15px 15px 15px;}
div.moduleS1 div div div div {background: transparent none;padding: 0;}
div.moduleS1 h3, div.moduletableS1 h3 {padding: 0px 0px 3px 0px;line-height: 100%;height: auto;margin: 0 0 10px 0;font-weight: normal;text-indent: 0px;font-style: normal;}

/* ============  S2  ============ */

div.moduleS2 {margin-bottom: 10px;background: url(topright_2.png) 100% 0 no-repeat;height: 1%;
	width: 100%;
}
div.moduleS2 div {background: url(topleft_2.png) 0 0 no-repeat;}
div.moduleS2 div div {background: url(botright_2.png) 100% 100% no-repeat;}
div.moduleS2 div div div {background: url(botleft_2.png) 0 100% no-repeat;padding: 12px 15px 15px 15px;}
div.moduleS2 div div div div {background: transparent none;padding: 0;}
div.moduleS2 h3,div.moduletableS2 h3 {padding: 0px 0px 3px 0px;line-height: 100%;height: auto;margin: 0 0 10px 0;font-weight: normal;text-indent: 0px;font-style: normal;}

/* ============  S3  ============ */

div.moduleS3 {margin-bottom: 10px;background: url(topright_3.png) 100% 0 no-repeat;height: 1%;}
div.moduleS3 div {background: url(topleft_3.png) 0 0 no-repeat;}
div.moduleS3 div div {background: url(botright_3.png) 100% 100% no-repeat;}
div.moduleS3 div div div {background: url(botleft_3.png) 0 100% no-repeat;padding: 12px 15px 15px 15px;}
div.moduleS3 div div div div {background: transparent none;padding: 0;}
div.moduleS3 h3,div.moduletableS3 h3 {padding: 0px 0px 3px 0px;line-height: 100%;height: auto;margin: 0 0 10px 0;font-weight: normal;text-indent: 0px;font-style: normal;}


a.gk_news_show_news_info {
	color: #333333;
}