/**

* author    JoomlaShine.com http://www.joomlashine.com

* copyright Copyright (C) 2006 - 2009 JoomlaShine.com. All rights reserved.

* license   Copyrighted Commercial Software

* This file may not be redistributed in whole or significant part.

*/

/* ============================== TYPOGRAPHY  ============================== */

/* =============== COMMON SETTINGS =============== */

#body

{

width:982px;

background:#FFFFFF;

margin:auto;

vertical-align:top;

}

#top

{

background:url(../images/top_bg1.jpg) no-repeat;
margin:auto;
height:82px;
padding-left:8px;
}
#top a

{
color:#12588C;
}

#logo

{

width:982px;height:108px;

}

.contentheading h2

{

font-weight:bold;

}

#logo1

{

float:left;

background:url(../images/logo.jpg) no-repeat;

height:108px;

width:540px;

}

#logo2

{

float:left;

background:url(../images/strip_logo.jpg) repeat-x;

height:108px;

width:463px;

}
.mod-slide
{
margin:5px;
}

#menu

{

width:982px;height:35px;

background:url(../images/menu_strip.jpg) repeat-x;

}

#content

{

width:982px;
margin-top:4px;
color:#666666;

}

#content1

{

float:left;
width:309px;
margin-top:5px;
text-align:justify;
font-size:13px;
}
#content1a
{
font-size:12px;
}
#content1 h3
{
/*font:Calibri;
height:28px;
font-size:16px;
font-weight:bold;
color:#3A5B9C;
text-transform:uppercase;
background:url(../images/top.png) repeat-x;*/
}
#content1 a
{
color:#333;
}
#content1a
{
border:#ccc 1px solid;
height:171px;
margin-bottom:10px;
font-size:14px;
}
#content1b
{
border:#ccc 1px solid;
height:388px;
font-size:11px;
}
#content1b h3
{
width:309px;
padding-right:none;
}
#content1c
{
border:#ccc 1px solid;
height:350px;
margin-top:10px;
margin-bottom:10px;
font-size:11px;
}
#content1c h3
{
color:#333;
font-size:13px;
padding-left:17px;
padding-bottom:7px;
}

#content1 h2

{

font_weight:bold;

}
#content2a
{
height:388px;
border:1px solid #ccc;
width:663px;
margin-bottom:10px;
}
#content2b
{
height:171px;
border:1px solid #ccc;
width:663px;
margin-bottom:10px;
}
#content2 h3
{
font:calibri;
margin-top:0px;
padding-left:6px;
height:30px;
font-size:18px;
text-transform:uppercase;
color:#3A5B9C;
background:url(../images/top.png) repeat-x;
}


#health

{

margin-top:15px;

float:left;

width:100%;

}

#health h3

{

color:#003300;

font-family:bradley hand itc;

font-size:24px;

font-weight:bold;

height:30px;

width:100%;

padding-left:10px;

padding-top:4px;

padding-bottom:4px;

border-bottom:1px solid #999999;

border-top:1px solid #999999;

}

#content2

{

margin-top:5px;

float:right;


width:663px;


}
#content2c

{

margin-top:10px;
border:1px solid #ccc;
width:663px;
height:350px;
color:#333;
margin-bottom:10px;
}
#content2c a 
{
color:#333;
}
#content2c h3
{
padding-left:none;
font-size:20px;
}

#content2 a

{

/*color:#026304;*/

}

#content2 h3

{

color:#3A5B9C;

font-size:18px;

}
#map
{
margin-top:10px;
height:160px;
border:1px solid #ccc;
}
#map h3
{
font-size:14px;
color:#3A5B9C;
}
#map a
{
color:#666;
}


#footer

{
margin-top:-8px;

width:982px;

float:left;

height:50px;

margin:auto;

text-align:left;
font-size:11px;
margin-left:auto;
vertical-align:bottom;
color:#333;

}
#disc
{
height:50px;
border:1px solid #ccc;
width:982px;
margin-top:10px;
}
#disc h3
{
padding:0px 0px -8px 17px;
height:14px;
color:#333;
}
#footer a
{
color:#333;
font-size:11px;
}
#footer h3
{
padding-top:-9px;
height:14px;
padding-left:0px;
color:#333;

}
#map1
{
width:33%;
border-right:solid 1px #999999;
float:left;
text-align:left;
font-size:12px;
padding-left:15px;
}
#map2
{
width:33%;
border-right:solid 1px #999999;
float:left;
text-align:left;
padding-left:15px;
font-size:12px;
}
#map3
{
float:right;
width:30%;
text-align:left;
font-size:12px;
}

.align-left {

	float: left;

	margin-right: 1em;

}

.align-right {

	float: right;

	margin-left: 1em;

}

.align-center {

	margin: inherit auto;

}

.content-center {

	text-align: center;

}

.clearbreak {

	clear: both;

}

.hd {

	display: none;

}

div.itemIntroText {

	font: inherit;

	color: inherit;

}

/* =============== GENERAL SETTINGS =============== */

html {

	border: 0;

	margin: 0;

	padding: 0;

}

body {

	font-family:sans-serif;

	font-size: 12px;

	line-height: 1.5;

	border: 0;

	margin: 0;

	padding: 0;

}

p, pre, blockquote, form, dl, ul, ol, fieldset, address {

	margin: 0.35em 0 0.8em 0;

	padding: 0;

}

fieldset {

	padding: .5em;

}

pre {

	background: #FFFFD5;

	font-family: "Courier New",Courier,monospace;

	padding: 1em;

	border-left: 5px solid #404040;

}

small {

	font-size: .85em;

}

sup {

	font-size: .8em;

	position: relative;

	bottom: 0.3em;

	vertical-align: baseline;

}

sup em {

	color: red;

}

acronym, abbr {

	border-bottom: 1px dashed;

	letter-spacing: 1px;

	cursor: help;

}

blockquote {

	font-style: italic;

	min-height: 45px;

	color: #404040;

	padding-left: 55px;

	background: transparent url(../images/icon-24-text-blockquote.png) no-repeat top left;

}

/* =============== HEADING STYLES =============== */

/* @HEADING */

h1 {

	font-size: 1.4em;

	color: #333333;

}

h2 {

	font-size: 1.3em;

	color: #333333;

	font-weight:bold;

}

h3 {

	font-size: 1.2em;

	color: #CC3333;

}

h4 {

	font-size: 1.1em;

	color: #CC8033;

}

h5, h6 {

	font-size: 1em;

	font-weight: bold;

	color: #333333;

}

h1, h2, h3, h4, h5, h6 {

	font-family:sans-serif;

	margin: 0.6em 0 .25em 0;

}

/* ============================== TYPOGRAPHY  ============================== */

/* =============== CONTENT LAYOUT =============== */

div.grid-layout:after,

.clearafter:after {

	clear: both;

	display: block;

	content: ".";

	height: 0;

	visibility: hidden;

}

/* =============== CONTENT GRID =============== */

div.grid-layout {

	width: 100%;

}

div.grid-col {

	float: left;

	overflow: hidden;

	margin-right: 1.95%; /* Fix IE7 margin issue */

}

div.grid-layout div.grid-lastcol {

	float: right;

	margin-right: 0;

}

/* =============== CONTENT PARAGRAPH=============== */

.text-border {

	border: 1px solid #e5e5e5;

	padding: 3px;

}

.text-highlight {

	padding: .2em;

	background: #FFFFAA;

}

.text-dropcap:first-letter {

	color: #404040;

	font: 4em/.8em "Times New Roman", Times, serif;

	float: left;

}

/* =============== IMAGES =============== */

img.image-left {

	float: left;

	margin: .5em 1em .5em 0;

}

img.image-right {

	float: right;

	margin: .5em 0 .5em 1em;

}

img {

	border: none;

}

img.image-border {

	border: 1px solid #e5e5e5;

	padding: 3px;

}

img.image-margin {

	margin: .5em;

}

/* =============== LIST STYLES =============== */

ul li {

	margin: .3em 0 .3em 1.6em;

	padding: 0;

}

ol li {

	margin: .3em 0 .3em 2em;

	padding: 0;

}

ul.list-arrow-red,

ul.list-arrow-green,

ul.list-arrow-blue {

	list-style: none;

}

/* ========== ARROW LIST ========== */

ul.list-arrow-red li {

	margin-left: .6em;

	padding: 0 0 0 12px;

	background: url(../images/icons-8-arrow.png) no-repeat left 6px;

}

ul.list-arrow-blue li {

	margin-left: .6em;

	padding: 0 0 0 12px;

	background: url(../images/icons-8-arrow.png) no-repeat left -101px;

}

ul.list-arrow-green li {

	margin-left: .6em;

	padding: 0 0 0 12px;

	background: url(../images/icons-8-arrow.png) no-repeat left -208px;

}

/* ========== HORIZONTAL LIST ========== */

ul.list-horizontal {

	margin: 0;

	list-style: none;

}

ul.list-horizontal li {

	display: inline;

	margin: 0 .5em;

}

/* ========== CLEAN LIST ========== */

ul.list-nobullet {

	margin: 0;

	list-style: none;

}

ul.list-nobullet li {

	margin: 0;

	padding: 0;

	list-style: none;

}

/* =============== LINKS =============== */

a:link,

a:visited {

	text-decoration: none;

	outline: none;

	color: #009aca;

}

a:hover {

	text-decoration: underline;

}

a:active {

	text-decoration: none;

}

a img {

	border: none;

}

/* =============== TABLE STYLES =============== */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption, th {

	text-align: left;

}

/* ============================== MAIN LAYOUT ============================== */

#jsn-master {

	background: repeat-x top left;

}

#jsn-page {

	background-color: #ffffff;

	color: #000;

	border-left: 2px solid #333333;

	border-right: 2px solid #333333;

	width: 982px;

	margin: 0 auto;

}

#jsn-pstickleft {

	position: fixed;

	left: 0;

	top: 0;

	visibility: hidden;

}

#jsn-pstickright {

	position: fixed;

	right: 0;

	top: 0;

	visibility: hidden;

}

/* ============================== HEADER COMPONENTS ============================== */

#jsn-header {

	position: relative;

}

#jsn-logo {

	position: absolute;

	line-height: 0;

	bottom: 0;

	left: 0;

}

#jsn-logo h1 {

	display: none;

}

#jsn-pinset {

	position: absolute;

	top: 28px;

	right: 20px;

}

#jsn-pinset form {

	margin: 0;

}

#jsn-pinset > div {

	float: right;

}

#jsn-pinset div.moduletable {

	float: left;

	margin-right: 10px;

}

/* ============================== MAIN MENU ============================== */

#jsn-menu {

	background-color: #282828;

	color: #f2f2f2;

}

#jsn-pmainmenu {

	float: left;

	margin: 2px 0 0 2px;

}

#jsn-ptoolbar {

	float: right;

}

#jsn-ptoolbar div.moduletable {

	float: right;

	margin-left: 10px;

}

#jsn-featured {

	color: #D4D4D4;

	border-bottom: 5px solid #404040;

	background: #595959 url(../images/promo-bg.jpg) repeat-x left top;

}

#jsn-featured div.module .jsn-moduletitle,

#jsn-featured div.module-plain .jsn-moduletitle,

#jsn-featured div.box-grey .jsn-moduletitle {

	color: #fff;

}

#jsn-maincontent_inner {

	padding: 0 15px;

}

#jsn-mainbody {

	padding: 1.5em;

}

#jsn-content {

	background-color: #ffffff;

}

#jsn-content_inner1 {

	background: transparent url(../images/leftside-bg-small.png) repeat-y left top;

}

#jsn-content_inner2 {

	background: transparent url(../images/rightside-bg-small.png) repeat-y right top;

}

#jsn-pbreadcrumbs {

	background: transparent url(../images/dot.png) repeat-x bottom left;

	padding: .6em 1em;

}

#jsn-banner {

	text-align: center;

	margin: 0 auto;

	padding: 20px 0;

}

#jsn-usermodules1 {

	padding: 1em 0;

	background: transparent url(../images/dot.png) repeat-x left bottom;

}

#jsn-usermodules1_inner_grid2 {

	background: transparent url(../images/dot.png) repeat-y 50% top;

}

#jsn-puser1_grid2 {

	float: left;

	width: 49.95%;

}

#jsn-puser2_grid2 {

	float: right;

	width: 49.95%;

}

#jsn-puser1,

#jsn-puser2 {

	padding: 0 1em;

}

#jsn-pleft,

#jsn-pright {

	padding: 1em;

}

#jsn-pright div.module,

#jsn-pright div.module-plain,

#jsn-pright div.module-box,

#jsn-pleft div.module,

#jsn-pleft div.module-plain,

#jsn-pleft div.module-box {

	margin-bottom: 1em;

}

/* ============================== FOOTER COMPONENTS ============================== */



#jsn-pbottom {

	text-align: right;

}



#jsn-pbottom_grid2 {

	width: 49.5%;

	float: right;

}

#jsn-copyright {

	text-align: center;

	padding: 5px 0;

}

#jsn-copyright a {

	font-size: 0.8em;

	color: #366999;

}

/* ============================== MODULE STYLES ============================== */

/* =============== MODULE SEARCH ICON =============== */

div.search-icon {

	background: transparent url(../images/icon-module-search.png) no-repeat left center;

	padding-left: 20px;

}

table.poll td,

table.poll-box td,

table.poll-plain td {

	text-align: left;

}

/* =============== MODULETABLE STYLES =============== */

div.module,

div.module-box,

div.module-plain,

div.moduletable-plain,

div.moduletable {

/*	overflow: hidden;*/

}

.jsn-moduletitle {

	margin: 0;

	color: #000;

	font-size: 1.1em;

}

.jsn-moduletitle span {

	display: block;

}

div.m .jsn-modulecontent {

	padding-top: 3px;

}

/* =============== MODULE BACKGROUND STYLES =============== */

div.module-box {

	padding: 0;

}

.module-box div.tl {

	height: 15px;

	width: 15px;

	float: left;

}

.module-box div.tr {

	height: 15px;

	margin-left: 15px;

}

.module-box .m {

	padding-right: 15px;

	margin-left: 15px;

}

.module-box .m > div {

	padding-left: 15px;

	margin-left: -15px;

	padding-bottom: 1px;

	width: 100%;

}

.module-box .bl {

	height: 22px;

	width: 15px;

	float: left;

}

.module-box .br {

	height: 22px;

	margin-left: 15px;

}

div.box-blue,

div.box-green,

div.box-yellow {

	color: #000;

}

/* =============== MODULE BOX BLUE =============== */

.box-blue .tl {

	background: transparent url(../images/module-box/module-box-blue.png) left top no-repeat;

}

.box-blue .tr {

	background: transparent url(../images/module-box/module-box-blue.png) right top no-repeat;

}

.box-blue .m {

	background: transparent url(../images/module-box/module-box-blue_m.png) right top repeat-y;

}

.box-blue .m > div {

	background: transparent url(../images/module-box/module-box-blue_m.png) left top repeat-y;

}

.box-blue .bl {

	background: transparent url(../images/module-box/module-box-blue.png) left bottom no-repeat;

}

.box-blue .br {

	background: transparent url(../images/module-box/module-box-blue.png) right bottom no-repeat;

}

/* =============== MODULE BOX RED =============== */

.box-green .tl {

	background: transparent url(../images/module-box/module-box-green.png) left top no-repeat;

}

.box-green .tr {

	background: transparent url(../images/module-box/module-box-green.png) right top no-repeat;

}

.box-green .m {

	background: transparent url(../images/module-box/module-box-green_m.png) right top repeat-y;

}

.box-green .m > div {

	background: transparent url(../images/module-box/module-box-green_m.png) left top repeat-y;

}

.box-green .bl {

	background: transparent url(../images/module-box/module-box-green.png) left bottom no-repeat;

}

.box-green .br {

	background: transparent url(../images/module-box/module-box-green.png) right bottom no-repeat;

}

/* =============== MODULE BOX WHITE =============== */

.box-yellow .tl {

	background: transparent url(../images/module-box/module-box-yellow.png) left top no-repeat;

}

.box-yellow .tr {

	background: transparent url(../images/module-box/module-box-yellow.png) right top no-repeat;

}

.box-yellow .m {

	background: transparent url(../images/module-box/module-box-yellow_m.png) right top repeat-y;

}

.box-yellow .m > div {

	background: transparent url(../images/module-box/module-box-yellow_m.png) left top repeat-y;

}

.box-yellow .bl {

	background: transparent url(../images/module-box/module-box-yellow.png) left bottom no-repeat;

}

.box-yellow .br {

	background: transparent url(../images/module-box/module-box-yellow.png) right bottom no-repeat;

}

/* =============== MODULE BOX GREY =============== */

.box-grey .tl {

	background: transparent url(../images/module-box/module-box-grey.png) left top no-repeat;

}

.box-grey .tr {

	background: transparent url(../images/module-box/module-box-grey.png) right top no-repeat;

}

.box-grey .m {

	background: transparent url(../images/module-box/module-box-grey_m.png) right top repeat-y;

}

.box-grey .m > div {

	background: transparent url(../images/module-box/module-box-grey_m.png) left top repeat-y;

}

.box-grey .bl {

	background: transparent url(../images/module-box/module-box-grey.png) left bottom no-repeat;

}

.box-grey .br {

	background: transparent url(../images/module-box/module-box-grey.png) right bottom no-repeat;

}

/* =============== CUSTOM MODULE STYLES =============== */

.box-grey .m {

	color: #d4d4d4;

}

.box-grey .jsn-moduletitle {

	color: #FFF;

}

/* =============== TEMPLATE PARAMETERS HEADING =============== */

table.admintable .parameterlabel {

	color: #000;

	font-size: 11px;

	margin: 1em 0 .5em;

}

table.admintable .parameterlabel span.pro {

	padding: 1px 38px 5px 0;

	background: url(../images/icon-templatetypes.png) no-repeat right -230px;

}

table.admintable .paramlist_value > hr {

	border: 1px solid #CCC;

}

/* ============================== MENU STYLES ============================== */

/* =============== DROP-DOWN MAIN MENU =============== */

ul#base-mainmenu {

	margin: 0;

	padding: 0;

	border-right: 1px solid #404040;

}

ul#base-mainmenu li {

	margin: 0;

	padding: 0;

	list-style-type: none;

	overflow: hidden;

	float: left;

}

ul#base-mainmenu li:hover {

	overflow: visible;

}

ul#base-mainmenu li a {

	display: block;

	margin: 0;

	padding: 4px 1em 5px 1em;

	color: #ffffff;

	font-family:sans-serif;

	font-weight: bold;

	text-decoration: none;

	background: none;

	border-right: 1px solid #333333;

	border-left: 1px solid #404040;

}

ul#base-mainmenu a:hover,

ul#base-mainmenu > li.sfhover > a,

ul#base-mainmenu > li.active > a {

	background-color: #404040;

}

ul#base-mainmenu > li > a > span {

	display: block;

	background: url(../images/icons-16-uni.png) no-repeat left 30px;

}

/* ========== SUBLEVEL ========== */

ul#base-mainmenu ul {

	position: absolute;

	width: 185px;

	left: -999em;

	margin: 0;

	padding: 0;

	list-style: none;

	z-index: 9999;

}

ul#base-mainmenu ul ul {

	margin: -26px 0 0 185px;

}

/* ========== ITEMS ========== */

ul#base-mainmenu ul li {

	width: 185px;

	margin: 0;

	padding: 0;

}

ul#base-mainmenu ul a {

	display: block;

	border-top: 1px solid;

	border-bottom: 1px solid;

	border-right: none;

	border-left: 1px solid #162c40;

	color: #cfdbe5;

	padding: 4px 10px;

	font-size: 0.9em;

	font-weight: normal;

	height: 1%;

}

ul#base-mainmenu ul a:hover {

	color: #ffffff;

}

/* ========== LINK EXPANDED ========== */

ul#base-mainmenu ul li.parent > a {

	background: url(../images/icons-8-arrow.png) no-repeat right -419px;

}

/* ========== ACTIVE ITEM ========== */

ul#base-mainmenu ul li.active > a {

	font-weight: bold;

	color: #ffffff;

}

/* ========== ROLLOVER ACTION ========== */

ul#base-mainmenu li:hover ul,

ul#base-mainmenu li:hover ul li:hover ul,

ul#base-mainmenu li:hover ul li:hover ul li:hover ul {

	left: auto;

}

ul#base-mainmenu li:hover ul ul,

ul#base-mainmenu li:hover ul li:hover ul ul,

ul#base-mainmenu li:hover ul li:hover ul li:hover ul ul {

	left: -999em;

}

ul#base-mainmenu,

ul#base-mainmenu li li {

	clear: both;

}

/* =============== TREE MENU =============== */

/* ========== MAIN LEVEL ========== */

ul.menu-treemenu {

	border-top: 1px dotted #b3b3b3;

}

ul.menu-treemenu,

ul.menu-treemenu ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

ul.menu-treemenu li {

	padding: 0;

	margin: 0;

}

ul.menu-treemenu li a {

	display: block;

	border-bottom: 1px dotted #b3b3b3;

	color: #404040;

	text-decoration: none;

	background: url(../images/icons-8-dot.png) no-repeat;

	padding: 3px 0 3px 17px;

}

ul.menu-treemenu ul li {

	margin-left: 1em;

}

ul.menu-treemenu ul li a {

	background-position: 0 -96px;

}

ul.menu-treemenu a:hover {

	color: #333333;

}

/* ========== DARK BACKGROUND STYLE ========== */

div.box-grey ul.menu-treemenu a {

	color: #d9d9d9;

}

/* ========== SUBLEVEL ========== */

ul.menu-treemenu ul a {

	border-bottom: none;

}

/* ========== CURRENT ITEM ========== */

ul.menu-treemenu li a.current {

	font-weight: bold;

	color: #333333;

	background: url(../images/icons-8-arrow.png) no-repeat left 9px;

}

ul.menu-treemenu li.current a:hover {

	color: #333333;

}

div.box-grey ul.menu-treemenu li.current > a {

	color: #ffffff;

}

div.box-grey ul.menu-treemenu li a:hover {

	background-color: #404040;

	color: #FFF;

}

div.box-yellow ul.menu-treemenu li a:hover {

	background-color: #f5f5d4;

}

div.box-green ul.menu-treemenu li a:hover {

	background-color: #e2f5d4;

}

div.box-blue ul.menu-treemenu li a:hover {

	background-color: #d4eaf5;

}

/* =============== BOTTOM DIV MENU =============== */

ul.menu-divmenu {

	margin: 0;

	padding: 0;

	list-style: none;

}

ul.menu-divmenu li {

	display: inline;

	margin: 0;

	padding: 0 0.8em;

	border-right: 1px solid #B3B3B3;

}

ul.menu-divmenu li.last {

	border-right: none;

}

ul.menu-divmenu li a:hover {

	text-decoration: underline;

}