/* ====================================================================
   RHEMA FM WIDE BAY (2007)
   Design/Development by David Cathcart
   WWW.DESERTCRYSTAL.NET
   ====================================================================
   BODY AND OTHER GENERIC TYPOGRAPHY
   Generic styles for all elements with no class identifiers. All sizing
   based on ems. Do NOT make "body: font-size" any smaller than 76% or it
   will break this technique. Adjust all other font sizing instead by adjusting
   ems in the classes below. Fonts smaller than .7em will not be readable on
   most browsers. See "A  sane approach to CSS font sizing" for details on
   this sizing technique:
    http://www.thenoodleincident.com/tutorials/typography/index.html.
   ==================================================================== */

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	color: #000000;
	background-color: #fff;
	background-position: top left;
	line-height: 1.6em;
	}

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}

h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}

h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

img {
   border: 0;
	}

ul,ol {
   width: 100%;
   display: block;
  	font-size: 1.0em;
   list-style-type: none;
   padding: 0;
   margin: 0;
   border: 0;
   }

li {
   width: auto;
   font-size: 1.0em;
   background: url(../images/box.gif);
   background-repeat: no-repeat;
   background-position: 0em .5em;
   line-height: 1.8em;
   margin: 0 0 0 .5em;
   border: 0;
   padding: 0 0 0 1em;
   }


table,td {
	font-size: 1.0em;
   }

form {
   padding: 0;
   margin: 0;
   }

p {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}

strong, b {
	font-weight: bold;
	}



/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #ffcc00;
	border-right: outset 2px #808080;
	border-top: outset 2px #ffcc00;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
}
.tabpadding {
}

.tabheading {
	background-color: #ffae00;
	text-align: left;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/* Links */
a {
        text-decoration: none;
        font-weight: bold;
        color: #000;
        border-bottom: 1px dashed #666;
        }

a:link, a:visited {
	text-decoration: none;
	font-size: 1em; color: #000000; font-weight: bold;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	}

a:hover {
	color: #3169C6;
	text-decoration: none;
	font-weight: bold;
	}

/* Horizontal Line */
hr {
	color: #3082FF; height:1px;
	}

hr.separator {
	background: #3082FF;
	height: 1px;
	width: 75px;
	border: 0px;
}

/* --Default Class Settings-- */

a.mainmenu:link, a.mainmenu:visited, a.mainlevel:link, a.mainlevel:visited {
	color: #000000;
	font-family: Verdana, Arial, Geneva, Arial, Helvetica, serif;
	font-weight: normal;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
    border-bottom: 1px dashed #666666;
	}

a.mainmenu:hover, a.mainlevel:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}

a.pathway:link, a.pathway:visited {
	color: #ffffff; font-family: Verdana, Arial, Geneva, Arial, Helvetica, serif;
	font-weight: normal;
	font-size: 1em;
}
.pathway-table {
    background-color: #0099FF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
    font-weight: normal;
    color: #ffffff;
    padding: 0 0 0 .1em;
    border-bottom: 1px solid #000000;
}

a.sublevel:hover {
	color: #3082FF;
	text-decoration: none;
	}

a.sublevel:link, a.sublevel:visited {
	color: #0000c0; font-family: Verdana, Arial, Geneva, Arial, Helvetica, serif;
	font-weight: normal;
	font-size: .8em;
}

/* Content - Sections & Categories */
.contentpane {
	font-size: 1em;
	}

.contentpaneopen {
	border : 0px ridge #CDEAFD;
	}

.contentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
 	color: #000000;
	text-align:left;
	}

.contentpagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
 	color: #000000;
	text-align:left;
	}

table.contenttoc {
        color: #000000;
		background-color: #e0e0e0;
        }

table.contenttoc td {
        font-family: Verdana, Arial, Helvetica, sans-serif;;
        font-size: 1em;
        font-weight: normal;
        text-align:left;
}

.contentdescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 1em;
	color: #000000;
	text-align: left;
	}

/* Links */
a.blogsection:link, a.blogsection:visited {
	color: #0099FF; font-weight: normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	}

a.blogsection:hover {
	color: #999999;	text-decoration: underline;
	}

a.weblinks:link, a.weblinks:visited {
	color: #0099FF; font-weight: normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	}

a.weblinks:hover {
	color: #999999;	text-decoration: underline;
	}

a.readon:link, a.readon:visited {
	color: #0099FF; font-weight: bold;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	}

a.readon:hover {
	color: #000000;
	}

.moduleheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFffff;
	text-align: left;
	height: 18px;
	line-height: 18px;
	white-space: nowrap;
	width: 100%;
	background-color: #0099FF;
	}

.componentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
 	color: #000000;
	text-align:left;
	}
table.moduletable {
	width: 100%;
   margin: 1px;
   font-size: 1em;
	}

table.moduletable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	white-space: nowrap;
	width: 100%;
	padding: 3px;
	background: #0099FF;
   line-height: 1em;
	border: 1px solid #333333;
	}
	
table.moduletable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 5px;
	}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	}

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #333333;
	}

/** category text format and links **/
.category {
	color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;  font-weight: bold; text-decoration: none;
	}

a.category:link, a.category:visited {
	color: #000000; font-weight: bold;
	}

a.category:hover {
	color: #000000;
	}

.poll {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	line-height: 20px
	}

.sectiontableentry1 {
	background-color : #ffffff;
	}

.sectiontableentry2 {
	background-color : #CDEAFD;
	}

.sectiontableheader {
	background-color : #eeeeee;
	color : #000000;
	font-weight : bold;
	}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: .8em;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}

.smalldark {
        font-family: Verdana, Arial, Helvetica, sans-serif;;
        font-size: .8em;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
        }
.frontpageheader {
	color: #999999;
	font-size: .8em;
 }

.newsfeedheading {
        font-family: Verdana, Arial, Helvetica, sans-serif;;
        font-size: 1em;
        font-weight: bold;
        color: #333333;
        text-align:left;
        }

.newsfeeddate {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
     font-size: 1em;
	color: #0099FF;
	font-weight: normal;
}

.createdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	}

.modifydate {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: .8em;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	}


.fase4rdf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;   color: #000000; font-weight: normal;
	}

a.fase4rdf:link {
	font-size: 1em;    font-weight: normal; color: #ffcc00;
	}

a.fase4rdf:hover {
	font-weight: bold; color: #808080;
	}

table.searchintro {
  	background-color: #FFFFFF;
	border: solid 1px #777777;
	}

table.contact {
	}

table.contact td.icons {
	}

table.contact td.details {
	}

.pagenav {
	color: #386593;
}

a.pagenav {
	color: #ffcc00;
}

.pagenavbar {
	background-color: #f0f0f0;
}

/* Content voting */
.content_rating {
	font-weight: normal;
	font-size: 1em;
}
.content_vote {
	font-weight: normal;
	font-size: 1em;
}

/* CUSTOM TEMPLATE TAGS */

.header {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	border-top: 1px solid #000000;
   border-bottom: 0px solid #000000;
   padding: 0em 0;
}

.header td {
	line-height: 1em;
	}
.left-column {
    background-color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    color: #000000;
    border-right: 1px dashed #666666;

}

.center-column {
    font-size: 1em;
    color: #000000;
}

.right-column {
    background-color: #f1f1f1;
    font-size: 1em;
    font-weight: bold;
    color: #000000;
    border-left: 1px dashed #666666;
}

.footer div {
    background-color: #f1f1f1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    color: #999999;
    padding: .5em;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    line-height: 1em;
}
.newsflash {
	width: 100%;
}
.pathway {
}
.pollstableborder {
	border: 1px solid;
	padding: 1px;
}
/* polls Bar Colors/Formats - Follow the format to add your own.
* Then update the maxcolors setting for polls in
* components/com_poll/poll.php -> $polls_maxcolors
*/

.polls_color_1{ background-color: #8D1B1B; border: 2px ridge #B22222; }
.polls_color_2{ background-color: #6740E1; border: 2px ridge #4169E1; }
.polls_color_3{ background-color: #8D8D8D; border: 2px ridge #D2D2D2; }
.polls_color_4{ background-color: #CC8500; border: 2px ridge #FFA500; }
.polls_color_5{ background-color: #5B781E; border: 2px ridge #6B8E23; }

/* polls Outside Table Border */
.pollstableborder {
        border: 1px solid;
        padding: 2px;
}

/* BLUE */
div.moduletableblue a.contentpagetitle,
div.moduletableblue a.contentpagetitle:visited {
	font-size: .90em;
	line-height: 1.25em;
	padding-left: 19px;
	text-decoration: none;
	color: #0093E3;
	background: url(../images/bluedot.png) no-repeat left center;
	text-decoration: none;
}



div.left .moduletableblue h3 {
	height: 30px;
	padding-left: 25px;
	background:#007AE9 url(../images/left_blue.png) no-repeat 0% 50%;
	color: #FFF;
}

div.right .moduletableblue h3 {
	height: 30px;
	text-indent: 25px;
	text-align: right;
	background: #007AE9 url(../images/right_blue.png) no-repeat 100% 50%;
	color: #FFF;

}

div.modulewrap_wide div.right_wide .moduletableblue h3,
div.modulewrap_wide div.left_wide .moduletableblue h3 {
	height: 30px;
	line-height: 30px;
	text-indent: 25px;
	width: 960px;
	position: relative;
	background:url(../images/left_blue.png) no-repeat 0% 50%;
	color: #FFF;
}

div.modulewrap .right_wide .moduletableblue h3,
div.modulewrap .left_wide .moduletableblue h3 {
	height: 30px;
	line-height: 30px;
	text-indent: 25px;
	width: 690px;
	background:url(../images/left_blue.png) no-repeat 0% 50%;
	color: #FFF;
}


/* Left Column Blue */


#leftcol .moduletableblue h3 {
	height: 30px;
	padding-left: 10px;
	width: 231px;
	position: relative;
	left: -6px;
	font: bold 15px/30px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 5px 0px 10px 0px;
	background: #0093e3 url(../images/module_blue_h3.png) no-repeat left center;
	color: #FFF;
}

#leftcol div.moduletableblue .contentheading a.contentpagetitle,
#leftcol div.moduletableblue .contentheading a.contentpagetitle:visited {
	color: #0093e3;
	border-bottom: 1px solid #0093e3;
}

#leftcol .moduletableblue {
	padding: 10px 5px 10px 0px;
	color: #f8f8f8;
	text-decoration: none;
}
#leftcol a.mostreadblue, a.mostreadblue {
	padding-left: 20px;
	padding: 3px 0px 3px 20px;
	line-height: 20px;
	text-decoration: underline;
	background: url(../images/left_bullet.png) no-repeat 0 50%;
	color: #dcdcdc;
}

