/* Cam FM - CSS Document */

* {
	margin: 0;
}
html {
	height: 100%;
}
body {
	height: 100%;
	width: 100%;
	font-family: tahoma, arial, sans-serif;
	font-size: 10pt;
}

#debugg {
	position: absolute; top: 0px; left: 0px; background: black; color: white; z-index: 9998;
}

/* JCE Editor template styles - h1, h2, h3 etc must match the main style sheet */

p h1 {
	font-size: 20pt;
	font-weight: bold;
	color: #006A71;
	font-family: tahoma, sans-serif;
}

p h2 {
	font-size: 14pt;
	font-weight: bold;
	color: #006A71;
	font-family: tahoma, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

p h3 {
	font-size: 12pt;
	font-weight: bold;
	color: #006A71;
	font-family: tahoma, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

p h4 {
	font-size: 12pt;
	font-weight: bold;
	color: black;
	font-family: tahoma, sans-serif;
}

p h5 {
	font-size: 10pt;
	font-weight: bold;
	color: #006A71;
	font-family: tahoma, sans-serif;
}

p {
	font-size: 10pt;
	font-weight: normal;
	color: black;
	margin-bottom: 1.5em;
	font-family: tahoma, sans-serif;
}

p a {
	color: #006A71;
	text-decoration: none;
}
p a:hover {
	color: #006A71;
	text-decoration: underline;
}
div.hr{
	margin: 25px 5%;
	height: 1px;
	border-bottom: 1px dotted #006a71; 
}

p img {
	border: 2px solid #006A71;
	margin: 5px 0px;
}

.contentwrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -140px; /* the bottom margin is the negative value of the footer's height */
}

	.topper {
		height: 220px;
		background: #006A71 url('../images/topper_grad.png') repeat-x left top;
	}
	.topper_shadow {
		height: 220px;
		background: transparent url('../images/topper_shadow.png') repeat-x left bottom;
	}
	.topper_restrictor {
		margin: 0px auto;
		width: 942px;
		height: 220px;
		background: transparent;
		/* background image set in php style tag - rotates */
	}
	.topper_logo{
	}
		.topper_logo img{
			border: 0px;
			padding: 21px 0px 0px 0px;
		}

	#topper_sponsor_box{
		margin-top: 70px;
		margin-right: 10px;
		height: 72px;
		width: 580px;
		float: right;
		text-align: right;
		background: transparent;
		overflow: hidden; position: relative;
	}
		
	#topper_sponsor_outer{
		height: 220px;
		width: 580px;
		float: right;
		text-align: right;
		background: transparent;
		overflow: hidden; position: relative;
	}
	#topper_sponsor_outer[id] {height: 210px; display: table; position: static;}
	/**/
	/*#topper_sponsor_middle {position: absolute; top: 50%;} /* for explorer only*/
	#topper_sponsor_middle[id] {display: table-cell; vertical-align: middle; width: 100%;}
	/**/
	/*#topper_sponsor_inner {position: relative; top: -50%;} /* for explorer only */
	#topper_sponsor_inner[id] {margin-right: 10px;} /* for explorer only */
	
	
	.middle{
		min-height: 100%;
		height: auto !important;
		height: 100%;
		background: #FFFFFF url('../images/middle_blush.png') repeat-x left top;
	}
	.middle_logo{
		background: transparent url('../images/middle_bglogo.png') no-repeat right top;
		min-height: 100%;
		height: auto !important;
		height: 100%;
	}
	.middle_restrictor {
		width: 942px;
		background: transparent;
		margin: 0px auto;
	}
	.menurow {
		height: 30px;
		background: url( ../images/menu_bckgnd.png ) repeat-x #006A71;
		text-transform: uppercase;
	}
	#middle_content {
		background-color: #E0E0E0;
		height: 100%;
		width: 942px;
		min-height: 500px;
	}
	.middle_main {
		/*our wide left column is here */
		background: transparent;
		width: 630px;
	}
	.middle_right {
		/*our wide left column is here */
		float: right;
		width: 312px;
	}
	.onair {
		height: 210px;
		width: 312px;
		background: #99CCCC url('../images/onairback.png') no-repeat left top;
	}
	.middle_rightcolumn {
		/*our right content is here */
		width: 312px;
	}

.push {
	height: 140px; /* .push must be the same height as .footer */
}
.footer {
	clear: both;
	height: 140px; /* .push must be the same height as .footer */
	background: #006A71 url('../images/footer_grad.png') repeat-x left top;
	color: #ffffff;
	font-family: tahoma, arial, sans-serif;
	font-size: 8pt;
}
.footer_restrictor {
	width: 942px;
	height: 140px; /* .push must be the same height as .footer */
	margin: 0px auto;	
}
.footer_menu{
	float: right;
}
.footer_menu a{
	color: white;
	text-decoration: none;
}
.footer_menu a:hover{
	color: white;
	text-decoration: underline;
}
	.footer_menu ul{
		list-style: none;
		margin: 10px 10px 0px 10px;
		text-align: right;
	}
	.footer_menu ul li{
		font-size: 10pt;
		padding: 0px 0px 2px 0px;
		font-weight: bold;
	}
	.footer_menu ul li li{
		font-size: 10pt;
		padding: 0px 0px 2px 0px;
		font-weight: normal;
	}
	.footer_menu ul li a{
		color: #ffffff;
		text-decoration: none;
	}
	.footer_menu ul li a:hover{
		color: #99CCCC;
		text-decoration: none;
	}
	.footer_menu ul li#current a{
		color: #FFFFFF;
		text-decoration: none;
	}
	.footer_menu ul li#current a:hover{
		color: #99CCCC;
		text-decoration: none;
	}
.footer_left{
	padding: 20px 0px 0px 10px;
	width: 172px;
}
.footer_text{
	margin: 2px 0px 0px 0px;
	color: #99CCCC;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;

}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/*------------------- Joomla Template styles here ------------------------------*/

/* ///////////////////// Content styles here ///////////////////// */

.contentpagetitle {
	font-size: 16px;
	font-weight: bold;
	color: #006A71;
}

a.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited {
	color: #006A71;
	text-decoration: none;
}

a.contentpagetitle:hover {
	color: #006A71;
	font-weight: bold;
	text-decoration: underline;
}

.contentheading {
	font-size: 28pt;
	font-weight: bold;
	padding-bottom: 6px;
	line-height: 28pt;
}

.small {
	font-family: Georgia, serif;
	font-size: 10pt;
	font-style: italic;
	letter-spacing: -0.4pt;
	color: #999;
	line-height: 8pt;
}

.createdate {
	font-size: 8pt;
	color: #006A71;
	padding: 0 0 15px 0;
	line-height: 10pt;
}

.modifydate {
	font-size: 8pt;
	color: #999;
	padding: 0 0 15px 0;
	line-height: 10pt;
}

.content_main {
	line-height: 15pt;
}

.img_caption.left {
	margin: 0 10px 10px 0;
}

.img_caption.left p {
	background-color: #006A71;
	color: #fff;
	clear: left;
	padding: 0 5px;
}

.img_caption.right {
	margin: 0 0 10px 10px;
}

.img_caption.right p {
	background-color: #006A71;
	color: #fff;
	clear: right;
	padding: 0 5px;
}

.img_caption.null {
	margin: 0 10px 10px 10px;
}

.img_caption.null p {
	background-color: #006A71;
	color: #fff;
	clear: both;
	padding: 0 5px;
	margin: 0;
}

/* ///////////////////// Div styles here ///////////////////// */

div#frontpage_modules_left {
	display: inline;
	width: 630px;
	margin: 0px;
	padding: 0px;
}

div#frontpage_modules_right {
	display: inline;
	width: 312px;
}

div#modules_left {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}

div#modules_right {
	display: inline;
	float: right;
}


div#title_link {
	width: 350px;
	height: 80px;
	position: absolute;
	top: 67px;
	background: none;
}

div#wrapper_middle {
	width: 942px;
	min-height: 800px;
	height: 100%;
	background-color: #ffffff;
	float: left;
	margin-left: 10px;
}

div#menu_wrapper {
	width: 100%;
	height: 30px;
	background: url( ../images/menu_bckgnd.png ) repeat-x #006A71;
	float: left;
	cursor: default;
	border-bottom: 0px solid #aaa;
	border-top: 0px solid #2a2a2a;
}

div#menu_home {
	width: 100px;
	height: 30px;
	float: left;
	background: url( ../images/home_button1.png ) no-repeat;
	cursor: pointer;
}

div#menu_home:hover {
	width: 100px;
	height: 30px;
	float: left;
	background: url( ../images/home_button2.png ) no-repeat;
}

div#content_wrapper {
	width: 935px;
	padding: 0 10px 10px 10px;
	/*padding: 10px;*/
	float: left;
	background: #fff url( ../images/content_bckgnd_top3.png ) no-repeat;
	border-bottom: 2px solid #ccc;
}

div#content_slider_wrapper {
	margin-top: 10px;
	display: inline-block;
	border: 2px green solid;
}

div#content_slider_backup {
	width: 612px;
	height: 210px;
	float: left;
	background: url( ../images/mock_content_slider.jpg );
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
}

div#facebook_fanbox {
	float: right;
	display: inline-block;
	width: 312px;
	height: 243px;
}

div#content_box {
	width: 325px;
	height: 250px;
	float: left;
	margin-left: 10px;
	background: url( ../images/mock_content_box.jpg );
}

div#content_highlight_wrapper {
	width: 935px;
	margin-top: 10px;
	float: left;
	display: none;
}

div#content_highlight_left {
	width: 200px;
	height: 25px;
	background: #006a71;
	float: left;
}

div#content_highlight_right {
	width: 200px;
	height: 25px;
	background: #aeff00;
	float: right;
}

div#content_articles {
	width: 915px;
	padding: 10px;
	border: 0px;
	display: block;
	float: left;
}

div#wrapper_bottom {
	
}

div#footer_container {
	width: 955px;
	height: 30px;
	margin-top: 0px;
	float: left;
	background-color: #006A71;
	margin-left: 10px;
	border-top: 10px solid #ff66d6;
	color: #fff;
}

div#footer_contents {
	display: block;
	margin-top: 6px;
	text-align: center;
}

div#credit_tag {
	display: block;
	color: #fff;
	float: right;
	margin: 5px 10px;
}

div#webdesign_arrow {
	display: inline-block;
	width: 9px;
	height: 9px;
}

div#webdesign_text {
	display: inline;
}

div#rss {
	display: inline;
	float: right;
	margin-left: 20px;
}

div#news_modules_container {
	border: cyan 0px solid;
	width: 630px;
	height: 300px;
	padding-top: 0px;
	margin: 0px 0;
	display: none;
	overflow: hidden;
	background: url( ../images/news_modules_bckgnd.png ) repeat-x transparent;
	top: -3px;
	position: relative;
}

div #accordian {
	width: 215px;
	height: 276px;
	min-height: 276px;
	display: inline-block;
	color: #fff;
	padding-bottom: 9px;
	text-align: left;
	padding-top: 10px;
	margin-top: 0px;
}

/*---- Article Styles ----*/

/* Articles appear as a table named "contentpaneopen"
   The relevant php file is here: \components\com_content\views\article\tmpl\default.php */

div.content_article {
	font-family: tahoma, sans-serif;
	margin: 0px 10px 0px 10px;
	border-collapse: collapse;
	border: 1px dashed #909090;
	margin: 10px;
	background: white;
	display: table-cell;
}

div.content_article a {
	color: #006A71;
	text-decoration: none;
}

div.content_article a:hover {
	color: #19BECA;
	text-decoration: underline;
}
   
table.contentpaneopen {
	font-family: tahoma, sans-serif;
	margin: 0px;
	border-collapse: collapse;
	min-width: 445px;
}


table.contentpaneopen td.contentheading {
	padding: 10px 10px;
	font-size: 18pt;
	color: #006A71;
	line-height: 1.25em;
	background: white;
}

table.contentpaneopen td.buttonheading {
	border: 1px dashed #909090;
	padding: 5px;
	background: #EB6700;
}
table.contentpaneopen td.buttonheading img {
	border: 0px;
}

table.contentpaneopen td.buttonheading span.hasTip {
}

table.contentpaneopen td div.titleline {
	margin: 10px 0px 5px 0px;
	height: 1px;
	border-bottom: 2px solid #006A71;
}

table.contentpaneopen_body {
	font-family: tahoma, sans-serif;
	background: white;
	padding: 0px 10px 10px 10px;
	min-width: 445px;
}

table.contentpaneopen_body td img {
	/*border: 2px solid #006A71;*/
	/*margin: 5px 0px;*/
}

table.contentpaneopen_body span.small {
	font-size: 8pt;
	font-style: normal;
	color: #006A71;
	font-family: tahoma, sans-serif;
	letter-spacing: normal;
}

table.contentpaneopen_body td.createdate {
	font-size: 8pt;
	font-style: normal;
	color: #909090;
	font-family: tahoma, sans-serif;
	letter-spacing: normal;
}

table.contentpaneopen_body h1 {
	font-size: 20pt;
	font-weight: bold;
	color: #006A71;
}

table.contentpaneopen_body h2 {
	font-size: 14pt;
	font-weight: bold;
	color: #006A71;
}

table.contentpaneopen_body h3 {
	font-size: 12pt;
	font-weight: bold;
	color: #006A71;
}

table.contentpaneopen_body h4 {
	font-size: 12pt;
	font-weight: bold;
	color: #006A71;
}

table.contentpaneopen_body h5 {
	font-size: 10pt;
	font-weight: bold;
	color: #006A71;
}

table.contentpaneopen_body p {
	font-size: 10pt;
	font-weight: normal;
	color: black;
	margin-bottom: 1.5em;
}

table.adminform {
	max-width: 445px;
	clear: left;
}


/* User menus and management */

#loginright {
	width: 292px;
	min-height: 100px;
	padding:  10px;
	background: transparent url( ../images/loginbox.png ) no-repeat;
	font-family: tahoma, sans-serif;
	color: white;
	font-size: 12pt;
	font-weight: bold;
	position: relative;
	z-index: 4;
}

table.logininput {
	font-family: tahoma, sans-serif;
	color: white;
	font-size: 9pt;
	font-weight: bold;
}
table.logininput tr td.label {
	width: 120px;
}
table.logininput tr td.field {
	text-align: right;
}

table.logininput tr td.field .inputbox
	{
		background: #d0d0d0;
		border: white 1px solid;
		color: #606060;
		font-family: tahoma, sans-serif;
		font-size: 9pt;
		padding: 3px 5px;
		width: 160px;
		-moz-border-radius:3px 3px 3px 3px;
	}
	
table.logininput .button{
	margin-left: 110px;
	color: white;
 	font-size: 10pt;
 	font-weight: bold;
 	border: 2px outset #606060;
 	background: #606060;
	-moz-border-radius:5px 5px 5px 5px;
	padding: 1px 6px; 
	height: 30px;
}

#logout {
	padding: 15px 0px 0px 0px;
}
#logout .button{
	margin-left: 0px;
	color: white;
 	font-size: 10pt;
 	font-weight: bold;
 	border: 2px outset #606060;
 	background: #606060;
	-moz-border-radius:5px 5px 5px 5px;
	padding: 1px 6px; 
	height: 30px;
}

#loginright div.loginoptions {
	padding: 15px 0px 5px 5px;
	font-family: tahoma, sans-serif;
	color: white;
	font-size: 8pt;
	font-weight: normal;
}
#loginright div.loginoptions a {
	text-decoration: none;
	color: #d0d0d0;
}
#loginright div.loginoptions a:hover {
	text-decoration: underline;
	color: white;
}

div#modules_right_login {
	width: 312px;
	margin: 0px;
	padding: 0px;
}

div#modules_right_login ul{
	background: #333333 url( ../images/usermenu.png ) top left;
	padding: 10px 10px 15px 30px;
	font-family: tahoma, sans-serif;
	color: white;
	font-size: 9pt;
	font-weight: bold;
}

div#modules_right_login ul li{
	color: white;
	font-family: tahoma, sans-serif;
}
div#modules_right_login ul li a{
	color: #d0d0d0;
	text-decoration: none;
}
div#modules_right_login ul li a:hover{
	color: white;
	text-decoration: underline;
}

.content_article h1 {
	font-size: 20pt;
	font-weight: bold;
	color: #006A71;
	font-family: tahoma, sans-serif;
}

.content_article  h2 {
	font-size: 14pt;
	font-weight: bold;
	color: #006A71;
	font-family: tahoma, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

.content_article  h3 {
	font-size: 12pt;
	font-weight: bold;
	color: #006A71;
	font-family: tahoma, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}