/* Basic 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;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg1.jpg) no-repeat 0px 300px;
}
body, td {
  background-color:#0A406F;
  font-family: Tahoma;
  font-size: 11px;
  color: #98BBD1;
/*  height: 100%;
  position: relative;*/
}
td { background-color:transparent; font-size: 12px; }
/*
html>body {
  min-height: 100%;
  height: auto;
} */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address,.componentheading,.contentheading,.contentpagetitle,.sectiontableheader,.newsfeedheading{
margin: 5px 0;
padding: 0;
}
li, dd, blockquote {
margin-left: 5px;
}
fieldset {
border: none;
}
input, select, textarea {}
/* End of Global page settings. Should get over-ridden later on*/


/* Main titles for various pages. Mix and match hX tags with Joomla titles */
h1,.componentheading {
font-size: 25px;
/*text-transform: lowercase;*/
}
h2,.contentheading,a.contentheading:link,a.contentheading:visited,.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited {
font-size: 25px;
padding-bottom: 10px;
/*text-transform: lowercase;*/
font-weight: normal;
}
h3,table.moduletable th {
font-weight: normal;
font-size: 18px;
}
#right h3 {
text-align: left;
font-size: 22px;
}
h4 {
}
h5 {
}
h6 {
}
img { border: 0; }
a img { border: 0; }

p { margin:8px 0; padding:0 0em; }

li > p { margin-top: 5px; }

pre { font-family: monospace; }
strong, b { font-weight: bold; }
abbr acronym {}

/* ----- LISTS ----- */
ol, ul, li {
list-style: disc;
color: #5C6059;
margin-left: 8px;
}
ul,ol { }
li{ }

.webl li {
	color: #98BBD1;
}

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

/*Catch all for all link styles */
a:link,a:visited,a:hover {
  text-decoration: underline;
  outline: 0;
  color: #42A2CC;
/*  font-size: 12px;*/
  line-height: 0.8;
}
html>body a:link,a:visited,a:hover { line-height: 1.1; }
/*Individual link styles */
a:link { }
a:visited { }
a:hover { color: #9A9B99; }

/* horizontal line in your template*/
hr {}
hr.separator {}

/* FORMS SETTINGS */
.button { margin: 2px;}
.inputbox { margin: 2px; }
.search {} /*formatting the <div> which holds search items: inputbox, search button...*/


/* NAVIGATION/MENU SETTINGS */

a.mainlevel, a.mainlevel:visited{
  text-decoration: none;
  display: block;
  color: #B1D4F2;
  font-size: 12px;
  background-color: #102D4F;
  padding: 8px;
  margin: 0px 15px;
  text-transform: lowercase;
} /* this styling is for the MAIN items in the menu */
a.mainlevel:link {}
 {}
a.mainlevel:hover {}

a.mainlevel_bottom{ color: #81A1A8; font-size: 11px; text-transform: lowercase; } /* this styling is for the MAIN items in the menu */

#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 {
}
a.pagenav:visited,.pagenavbar:visited,.pagenavbar:link {
}
a.pagenav:hover, {
}
/*Style for the "Read More" link that is displayed for large content items*/
a.readon:link,a.readon:visited {
  font-size: 11px;
}
a.readon:hover {
}

/*Style for the "BACK" button.*/
a.back_button {
}
a.back_button:hover
{
}

/* 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 {}
.latestnews li {}
/*Style for most popular list - by default, most popular is user2 module*/
.mostread ul{}
.mostread li{}

/* 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 { width: 100%; padding: 0px; margin: 0px; font-size: 12px; } /* Table that holds the actual text for an article.*/
.contentpaneopen table { font-size: 12px;} /* Table that holds the actual text for an article.*/

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

.contentdescription { padding: 0px; margin: 0px; font-size: 12px; } /* 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 */

/* MISCELLANEOUS */

/* For styling the date the content/articles are created under contents title */
.createdate { color: #666; font-size: 11px;}
/* Formating "Last updated on" text at the end of articles/contents */
.modifydate { color: #666; font-size: 11px;}
/* 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 {}
/*Found in poll result page, for " Number of Voters".. text */
.smalldark {}

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

div.moduletable, div.moduletable_sk {
  	  background: #10335D;
	  padding: 10px;
	  margin-top: 15px;
}

table.moduletable {
  	  width: 80%;
  	  margin: 0 auto;
}

tr.section td {
  padding-bottom: 3px;
}

/* USER CLASSES */
div.bd {
  height: 100%;
  margin-bottom: -304px;
}

html>body div.bd {
  min-height: 100%;
  height: auto;
  background-color:#0A406F;
}

#clearfooter {
 clear:both;
 height:304px;
}

div.bottom_servise {
  width: 100%;
  clear: both;
  height: 304px;
  background: url(../images/footer_bg.jpg) repeat-x bottom left;
}

div.f1 {
  background: url(../images/body_bg2.jpg) no-repeat top right;
  height: 304px;
  width: 100%;
}

div.f2 {
  height: 304px;
  padding: 0px 0px 0px 55px;
}

div.f3 {
  background: url(../images/footer_bg2.jpg) no-repeat bottom left;
  height: 304px;
  width: 100%;
}

div.container_footer2 {
  background: url(../images/body_bg1.jpg) no-repeat top left;
  height: 304px;
  float: left;
}

div.container_footer2 table {
  font-size: 11px;
}

div.container_footer2 table td {
  vertical-align: bottom;
}

td.creators {
  padding: 230px 80px 25px 0px;
  font-size: 12px;
}

td.counter {
  padding: 230px 7px 7px 0px;
}

a.webi { color: #fff; font-size: 12px; text-decoration: none; }
a.webi:hover { color: #999; font-size: 12px; text-decoration: none; }
a.px11:link, a.px11:visited { font-size: 11px; }
a.px11:hover { font-size: 11px; }

div.hd {
  height: 147px;
  background: url(../images/hd_bg_2.jpg) repeat-x top left;
}

div.hd2 {
  height: 147px;
  background: url(../images/hd_bg.jpg) no-repeat top left;
}

div.hd3 {
  height: 147px;
  padding-left: 35%;
}

div.icons {
  padding: 15px 0px 0px 50px;
  float:left;
}

div.logo {
  clear: left;
  padding: 15px 0px 0px 0px;
  color: #fff;
  font-size: 12px;
  font-family: Verdana;
  float:left;
}

div.telephone {
  font-family: Tahoma;
  font-size: 16px;
  padding: 35px 0px 0px 55%;
  color: #DCE5F6;
}

div.telephone span {
  font-size: 24px;
  color: #34A5E1;
}

div.telephone span span {
  font-size: 24px;
  color: #DCE5F6;
}

div.top {
  text-align: center;
  padding: 0px 0px 30px 0px;
}

#coupon {
  padding-top: 10px;
  padding-left: 20px;
  float: right;
}

.rln_list {
	margin-bottom: 10px;
}
.rln_list_sk {
	margin: 10px 0px 15px;
}
.rln_intro, .rln_intro_sk { color: #fff; }