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

.header_info {
	margin:2em 0 0 0;
	height:9.5em;
	background: url(../images/red_dots.gif) scroll no-repeat right bottom;
	overflow:hidden;
}
.header_info img {margin:0;border:0;}
.header_righttext img {
	margin: 1.2em 0 1em 1em;
	border: 2px solid #00A99D;	
}
.moduletablerandom {float:left;margin-left:10em;}

.header_logo { 
	float:left; 
	padding: 0 0 0 2em;
	background: url(../images/red_dots.gif) scroll no-repeat left bottom;
	clear:both;
}
.header_logo h1 {
	float:left;
	text-align:left;
	clear:both;
}
.header_righttext {
	text-align:right; 
	padding:0 2em 0 0;
}
.content_wrapper {
	background: url(../images/footer_img.jpg) scroll no-repeat right bottom;
	max-width:80em;
	width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
}

.topnav {
	background:#00A99D;
	padding:0;
	margin:0;
	
}
.moduletabletopnav {margin:0;padding:0;}
.roundtop {
	background: url(../images/top_right.gif) no-repeat top right;
	padding:0;
	margin:0 0 0 0;
	
}
.roundbottom {
	background: url(../images/bottom_right.gif) no-repeat top right;
	padding:0;
	margin:0;
	clear:both;
}
img.corner {
	width: 15px;
   height: 15px;
   border: none;
   display: block !important;
   margin:0;
   padding:0;
}
.float-wrapper {
	float: left;
	width: 74%;
}
     /*** This can be floated left or right ***/

.main_content {
	float: right;
	width:70%;
	line-height: 1.2em;
	padding:2em 2em 2em 0;
		
}
/*.main_content table td {padding:.5em 0 .5em .5em;}*/
/*.main_content a{background-image: url(images/red_dot.jpg);
	background-repeat: repeat;
	background-position: left top;}*/
	 /*** This must be floated opposite 
		to .second-float ***/
.menu {
	float: left;
	width: 22%;s
	line-height: 1.2em;
	text-align:left;
	padding: 0 .5em 1em 1em;	
	overflow:hidden;
	
}
     /*** This must be floated opposite 
		to .first-float ***/
.features {
	float: right;
	width:23%;
	line-height: 1.2em;
	
}
     /*** This must be floated opposite 
		to .float-wrap ***/ 

.clearfooter {
	clear: both;
	text-align:center;
	margin:0;
	padding:0;
	background: url(../images/loveinc_layout_15.gif) scroll no-repeat right top;
	border-top: medium solid #00A99D;
}
.footerdata {
	margin:0;
	padding:.2em;
	text-align:center;
}
.moduletablefoot {
	text-align:center;
	color:#999999;
	font-size:.9em;	
}


/* NAVIGATION/MENU SETTINGS */

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

#mainlevel {
	margin:0;
	padding:0;
	list-style:none;
}

#mainlevel li{
	margin:0;
	padding:0;	
	background:url(../images/navbar_img_right.jpg) no-repeat right top;
}
#mainlevel a{
	padding:.27em .3em .3em 2em;
	color:#fff;
	text-decoration:none;
	display:block;
	background:url(../images/navbar_img_left.jpg) no-repeat left top;
}
#mainlevel a:link {
	}

#mainlevel a:visited{
	}

#mainlevel a:hover {
	background: url(../images/navbar_img_over_left.jpg) scroll no-repeat left bottom;
}
#mainlevel li:hover {
	background: url(../images/navbar_img_over_right.jpg) scroll no-repeat right bottom;
}
#mainleveltopnav {
	margin:0;
	padding:0;
	list-style:none;
}
#mainleveltopnav li{
	list-style:none;
	float:right;
	margin:0 1em 0 0;
	padding:0;
}
#mainleveltopnav a{
	color:#fff;
	background:#00A99D;
	display:block;
	padding:0 .5em 0 .5em;
	text-decoration:none;
	margin:0;
}
#mainleveltopnav a:hover{text-decoration:underline;}

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

* { 
margin: 0;
padding: 0; 
} 

body {
	margin-left:2%;
	margin-right:2%;
	text-align:center;
	font:76.1% Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address,.componentheading,.contentheading,.contentpagetitle,.sectiontableheader,.newsfeedheading{
	margin:  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*/

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

/*Love INC header*/
h1 {font:4em Georgia, "Times New Roman", Times, serif;}

/* Fairbanks, Alaska text */
.topnav h2 {
	float:left;
	clear:both;
	font:bold 1.2em Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-align:left;
	margin:0; /*use for top/bottom*/
	padding:0 0 0 2em; /*use for left/right*/
}

h2 {padding:.5em 0;}

/* Headings for the Navigation Bar*/

.moduletablemainnav h3 {
	font:lighter 1em Georgia, "Times New Roman", Times, serif;
	background: url(../images/nav_heading_back.jpg) scroll no-repeat left bottom;
	padding:1em .5em .8em .8em;
	margin:1em 0 1em -1em;
}

/* Module and Navigation Bar headings */

.features h3 {
	font:bold 1em Georgia, "Times New Roman", Times, serif;
	background: url(../images/blue_outline_right.jpg) no-repeat scroll right bottom;
	padding:.6em .5em .8em .8em;
	text-align:left;
	margin:1em 0 1em 1em;

}
.moduletable {background: url(../images/blue_outline_left.jpg) no-repeat scroll left top;}

.moduletableshortcuts{background: url(../images/blue_outline_left.jpg) no-repeat scroll left top;}
.moduletableshortcuts div{padding: 0 0 0 1em;}

/*Content Section headings*/
h4, .componentheading {
	font:bold 1.5em Georgia, "Times New Roman", Times, serif;
	margin:1em 0 0 0; /*use for top/bottom*/
	padding:0 0 .5em 0; /*use for left/right*/
}

h5, .contentheading {
	font:bold 1.2em Georgia, "Times New Roman", Times, serif;
	margin:1em 0; /*use for top/bottom*/
	padding:1em 0 0 0; /*use for left/right*/
}
h6 {
	font:bold 1em Georgia, "Times New Roman", Times, serif;
	margin:.5em 0;
}

img {border: thin solid #00A99D; margin:0;}
.mosimage {
	margin:0 0 5px 10px;
}
.mosimage img{border: thin solid #00A99D;}
.mosimage_caption {margin:3px 0 5px 0;font-size:.8em;padding:0 0 5px 0;}
/* Non-title text */
p img {margin:5px 0 10px 10px;}
p, td, tr, div {
	font:1em Georgia, "Times New Roman", Times, serif;
	text-align:left;
	margin:0; /*use for top/bottom*/
	padding:0; /*use for left/right*/
}
blockquote {margin:-5px 0 0 4em;padding:0;}
p {
	font:1em Georgia, "Times New Roman", Times, serif;
	margin:1em 1em; /*use for top/bottom*/
	padding:0; /*use for left/right*/
}

li > p {margin-top: 0.2em;}

pre {
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {	font-weight: bold;}
#form_table td{padding:5px;}
td {
	font:1em Georgia, "Times New Roman", Times, serif;
	margin:0; /*use for top/bottom*/
	padding:0; /*use for left/right*/
}

tr {
	font:1em Georgia, "Times New Roman", Times, serif;
	margin:0; /*use for top/bottom*/
	padding:0; /*use for left/right*/
}

abbr acronym {}

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

ol, ul, li {
/*list-style: none; Uncomment if you want a normal list*/
	margin:0 0 0 2em;
	font:1em Georgia, "Times New Roman", Times, serif;
}

ul,ol {	margin:0 0 1em 0;}

.contentpane li{
	
	padding:.5em;
}


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

/*Catch all for all link styles */

a:link,a:visited,a:hover {
	font:1em Georgia, "Times New Roman", Times, serif;
	color:#00A99D;
	text-decoration:underline;
}

/*Individual link styles */

a:link {
	font:1em Georgia, "Times New Roman", Times, serif;
	color:#00A99D;
	text-decoration:underline;
}

a:visited {
	font:1em Georgia, "Times New Roman", Times, serif;
	color:#00A99D;
	text-decoration:underline;
}
a:hover {text-decoration:none;}

/* horizontal line in your template*/

hr {} 

hr.separator {}

/* FORMS SETTINGS */ 

.button {}

.inputbox {}

.search {padding:0em 2em 0 0; margin:0; float:right;} /*formatting the <div> which holds search items: inputbox, search button...*/
.moduletablesearch {float:right;margin:-10px 0 0 0;padding:0;}

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

.pagenav,.pagenavbar {
	font:.9em Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-align:center;
	margin:.5em;
} 

a.pagenav:visited,.pagenavbar:visited,.pagenavbar:link {
	font:.9em Georgia, "Times New Roman", Times, serif;
	color:#000;
}

a.pagenav:hover, {}

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

a.readon:link,a.readon:visited {
	color:#00A99D;
	font-style:italic;
} 

a.readon:hover {font-style:normal;}

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

a.back_button {text-align:right;}

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 {
	list-style:none;
	padding:.5em;
}

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

.mostread ul{} 

.mostread li{
	list-style:none;
	padding:.5em;
}

/* CONTENT PAGE SETTINGS */

a.category:link {}

a.category:hover {}

a.category:visited {}

table.contentpane table a{}

.contentpane td{padding:.5em .5em .5em 0;} /* 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 {margin-top:1em;} /* 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 {font-weight:bold;} /* This is for styling the section table headers on a SECTION's page.

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

.sectiontableentry1 a{
	background-attachment: scroll;
	background-image: url(../images/red_dot.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 1.5em;
} 
.sectiontableentry1 td{padding: 0 0 .5em 1em;}
.sectiontableentry2 a{
	background-attachment: scroll;
	background-image: url(../images/red_dot.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 1.5em;
}
.sectiontableentry2 td{padding: 0 0 .5em 1em;}

/* MISCELLANEOUS */

.chronoform a{
	color:#fff;
	visibility: hidden;
}
/* For styling the date the content/articles are created under contents title */

.createdate {

color:#999999;

font-size:.8em;

text-align:left;

}

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

.modifydate {

color:#999999;

font-size:.8em;

text-align:left;

} 

/* 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:#999999;

font-size:.8em;

text-align:left;


}

/* Search page */

table.searchintro {margin-top:1em;} /* 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 */

.tablestyles {
	
}
.tablestyles td{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding:.4em;
}
input {margin:.8em .5em 0 0;}