/*
Green: BFD244
Blue: 00B8B8
Pink: CC0099
Light Grey: AFADB8
Dark Grey: 666666
*/
/* -------- THE BASICS -------- */
body, html {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	background-color: #EFEFEF;
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 22px;
	color: #cc0000;
	line-height: normal;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
}
.boxtextbig {
	font-size: 16px;
	font-weight: bold;
}
.boxtextbig-add {
	font-size: 14px;
	color:#666666;
	line-height:20px;
	
}
pre {
	padding: 0px;
	margin: 0px;
}
/*p {
	margin: 6px 0px 12px 0px;
	padding: 0px;
}
a:link, a:visited {
	text-decoration: none;
	color: #669933;
}
a:hover, a:active {
	text-decoration: none;
	color: #ff6600;
}*/
/* -------- TEMPLATE LAYOUT -------- */
#sitebox {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: url(/images/shadow-bg.png) repeat-y 0 0;	
	padding: 20px 9px;
}
#header {
	background-color: #FFFFFF;
	text-align: center;
}
#topnav {
	height: 20px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-top:10px;
}
#leftcol {
	float: left;
	width: 150px;
	padding: 0 5px 0 5px;
	margin-left: 20px !important;
	margin-left: 10px;
}
#leftcol img {
	margin-bottom: 25px;
}
#rightcol img {
	margin: 10px auto;
	display: block;
}
#midcol {
	float: left;
	width: 500px;
	padding: 0 5px 0 5px;
	margin: 0 20px 0 20px;

	line-height: 18px;
}

#midcol p{
	font-size: 15px;
	line-height: 20px;	
}

#midcol.wide{
    margin: 0 25px;
    width: 650px;
}

#midcol.contact-page{
	float: none;
    margin: 10px auto;
    width: 860px;
}
#rightcol {
	float: right;
	width: 200px;
	padding: 0 5px 0 5px;
	margin-right: 20px;
}
.box-pink {
	text-align: center;
	padding: 8px 8px 8px 8px;
	margin-bottom: 25px;
	color: #FFFFFF;
	height: 133px;
	background-image: url(/images/box-pink.jpg);
	width: 134px;
}
.box-pink-address {
	text-align: left;
	padding: 8px 8px 8px 8px;
	margin-bottom: 28px;
	color: #4040404;
	height: 154px;
	background-image: url(/images/box-pink-address.jpg);
	width: 134px;
}
.box-pink-square {
	text-align: center;
	padding: 12px 8px 8px 8px;
	margin-bottom: 25px;
	color: #FFFFFF;
	height: 130px;
	background-image: url(/images/box-pink-square.jpg);
	width: 134px;
}
.box-pink-rectangle {
	text-align: center;
	padding: 13px 8px 5px 8px;
	margin-bottom: 25px;
	color: #FFFFFF;
	height: 75px;
	background-image: url(/images/box-pink-rectangle.jpg);
	width: 134px;
	
	
}
.box-green {
	text-align: center;
	padding: 8px 8px 8px 8px;
	margin-bottom: 20px;
	color: #FFFFFF;
	height: 170px;
	background-image: url(/images/box-green.jpg);
	width: 134px;
}
.box-green-square {
	text-align: center;
	padding: 1px 8px 8px 8px;
	margin-bottom: 25px;
	color: #FFFFFF;
	height: 99px;
	background-image: url(/images/box-green-square.jpg);
	width: 134px;
}
.box-green-rectangle {
	text-align: center;
	padding: 13px 8px 5px 8px;
	margin-bottom: 25px;
	color: #FFFFFF;
	height: 75px;
	background-image: url(/images/box-green-rectangle.jpg);
	width: 134px;
}
.box-blue {
	text-align: center;
	padding: 8px 8px 8px 8px;
	margin-bottom: 20px;
	color: #FFFFFF;
	height: 170px;
	background-image: url(/images/box-blue.jpg);
	width: 134px;
}
.box-blue-square {
	text-align: center;
	padding: 1px 8px 8px 8px;
	margin-bottom: 25px;
	color: #FFFFFF;
	height: 141px;
	background-image: url(/images/box-blue-square.jpg);
	width: 134px;
}
.box-blue-rectangle {
	text-align: center;
	padding: 13px 8px 5px 8px;
	margin-bottom: 25px;
	color: #FFFFFF;
	height: 75px;
	background-image: url(/images/box-blue-rectangle.jpg);
	width: 134px;
}
#footer-grey {
	text-align: center;
	font-size: 12px;
	margin-top: 10px !important;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 900px;
	background-color: #666666;
	color: #FFFFFF;
}
#footer-grey a:link, #footer-grey a:visited {
	color: #FFFFFF;
}
#footer-grey a:hover, #footer-grey a:active {
	color: #DDDDDD;
}
#footer-lower {
	text-align: center;
	font-size: 12px;
}
/* Sample search engine */
#searchBox {
	padding: 10px 0 0 30px;
	font-size: 16px;
}
#searchBox #searchBoxForm {
	text-align: left;
}
#searchBoxInner {
	text-align: left;
	border-bottom: 1px solid #B7B7B7;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
#searchBoxInner #searchBoxForm {
}
/* -------- SUCKER-FISH DROP-DOWN MENU -------- */
/* DROP-DOWN (TOP) MENU */
.main-nav, .main-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 5;
	height: 20px;
}
.main-nav li {
	float: left;
	position: relative;
	height: 20px;
	padding: 0;
	margin: 0;
}
.main-nav li a:link, .main-nav li a:visited {
	text-decoration: none;
	border-right: 1px solid #000000;
	float: left;
	height: 16px;
	padding: 0 10px 0 10px;
	display: inherit;
	color: #000000;
}
.main-nav-right a {
	border-right: none !important;
}
.main-nav li a:hover, .main-nav li a:active {
	color: #b5cf18;
}
/*.main-nav li:first-child a:link, .main-nav li:first-child a:visited {
	border-right: none;
}*/
/* States for active page items */
/*.main-nav li.current a:link, .main-nav li.current a:visited {
	background-color: #7791e5 !important;
}
.main-nav li.current a:hover, .main-nav li.current a:active {
	background-color: #f1f3f9 !important;
}*/
.main-nav li:hover ul ul, .main-nav li:hover ul ul ul, .main-nav li:hover ul ul ul ul, .main-nav li:hover ul ul ul ul ul{
     display:none;
}
.main-nav li:hover ul, .main-nav ul li:hover ul, .main-nav ul ul li:hover ul, .main-nav ul ul ul li:hover ul, .main-nav ul ul ul ul li:hover ul{
     display:block;
}
/* 2nd level menu items (drop down) */
.menuitem {
	display: none;
	width: 188px;
	position: absolute;
	left: -5px;
	top: 18px;
	padding: 0;
	z-index: 10;
}
.menuitem li {
	width: 100%;
	height: 25px;
	padding: 0; margin: 0;
}
.menuitem li a:link, .menuitem li a:visited {
	width: 168px;
	text-decoration: none;
	border: 1px solid #004499 !important;
	padding-top: 5px !important;
	height: 20px !important;
	background-color: #FFFFFF;
	margin: 0;
}
/* 3rd (or more) level menu items (side menu) */
.subitem {
	display: none;
	width: 180px;
	position: absolute;
	top: -1px;
	left: 180px !important;
	left: 181px;
	padding: 0px;
	border: 1px solid #004499;
	z-index: 15;
}
.subitem li {
	width: 100%;
	height: 25px;
}
.subitem li a:link, .subitem li a:visited {
	width: 168px;
	text-decoration: none;
	background-color: #FFFFFF;
}
.tick {
	width: auto !important;
}
.continueLink {
	clear: both;
	margin: 3px 0 3px 0;
}
.permaLink {
	clear: both;
	margin: 3px 0 3px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 11px;
}
------------------------------
Tesing
------------------------------------
#multic{
    position:relative;
    width:300px;
    background:red;
}
#column1{
    position:absolute;
    left:105px;
    top:310px;
    height:100%;
    width:300px;
}
#column2{
	position:absolute;
	left:105px;
	top:310px;
	height:100%;
	width:300px;
}
.johnson-box {
	border: 2px solid #6CF;
	background-color: #DCEFF8;
	color: black;
	padding: 15px;
	margin: 25px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.johnson-box a {
	text-decoration: underline;
	color: #069;
}
.johnson-box li {
	list-style-type: square;
	margin-top: 10px;
}
hr{
	border:none;
	border-bottom:1px solid #cecece;
}
/* @group Nav */

/*menu*/
#primary-nav-inner {
    background: url("/images/nav-bg.jpg") repeat-x scroll 0 0 transparent;
    display: block;
    height: 40px;
    margin: 10px auto;
    width: 910px;

}
#primary-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#primary-nav ul li {
	padding-right: 2px;
	background: url(/images/nav-bg.jpg) no-repeat right bottom;
	float: left;

	position: relative;
	display: block;
}

#primary-nav ul li.last {
	background: none;
}
#primary-nav ul a {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	padding: 0 8px;
	display: block;
	height: 40px;
	cursor: pointer;
	background: url(/images/nav-bg.jpg) repeat-x 0 0;
	
	text-shadow: 1px 1px #829710;
	
}
#primary-nav ul a:hover {
	background-position: 0 -40px;
}
/* @group Level 1 */

#primary-nav ul li:hover ul,
#primary-nav ul li.hover ul{
	display: block;
	position: absolute;
	top: 40px;
	left: 0;		
}

#primary-nav ul li:hover ul ul,
#primary-nav ul li.hover ul ul{
	display: none;
}
#primary-nav ul ul li {
	padding: 0;
	clear: both;
}
#primary-nav ul ul a {
	width: 180px;
	background: #f2f2f2;
	padding: 0 20px;
	color: #000;
	font-size: 12px;
	line-height: 28px;
	height: 1%;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
	text-shadow: none;
}
#primary-nav ul ul a:hover {
	background: #666;
	color: #fff;
}
#primary-nav ul ul {
	display: none;
	border-top: 1px solid #ccc;
	height: auto;
	
}
/* @end */
/* @group Level 2 */
#primary-nav ul ul li:hover ul,
#primary-nav ul ul li.hover ul{
	display: block;
	position: absolute;
	left: 221px;
	top: -1px;
}
#primary-nav ul ul li:hover ul ul,
#primary-nav ul ul li.hover ul ul{
	display: none;
}
#primary-nav ul ul ul a {
	background: #f9f9f9;
	font-size: 10px;
}
/* @end */



/* @group Level 3 */
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.hover ul{
	display: block;
	position: absolute;
	top: -1px;
	z-index: 90;
}
#primary-nav ul ul ul ul a {
	background: #c3f3ff;
	font-size: 10px;
	width: 130px;
	display: block;
}
/* @end */

/* @end */


.johnsonbox{
	width: 80%;
	padding: 10px 20px;
	margin: 15px auto;
	background: #fdfff3;
	border: 1px solid #96b400;
}

.johnsonbox.grey{
	background: #f9f9f9;
	border: 1px solid #818181;
}
.fb-like{
	  margin: 10px 0 30px 35px;
}

.wide .fb-like{
	  margin: 10px 0 30px 48px;
}
.contact-right{
	float: right;
	width: 340px;
}

.contact-form{
	width: 450px;
	padding: 10px 20px;
	
	background: #fdfff3;
	border: 1px solid #96b400;	
}

.contact-form textarea{
    height: 100px;
    width: 418px;
}

.contact-form select{
    width: 292px;
}

.contact-form label.error{
	display: block;
	font-size: 12px;
	color: #cc0000;
}
.btn-contact-us-now{
	display: block;
	margin: 10px auto;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	
	background: url(/images/btn-contact-us-now.png) no-repeat 0 0;
	width: 171px;
	height: 35px;
	border: none;
	cursor: pointer;
}

.btn-contact-us-now:hover{
	background-position: 0 -35px;
}

#leftcol h2,
#rightcol h2{
	font-size: 14px;
	margin: 0;
}

#midcol ul{
	list-style: none;
}

#midcol ul li{
	list-style: none;
	background: url(/images/ul-arrow.png) no-repeat 0 1px;
	margin: 0;
	padding: 0 0 10px 25px;
}



ol.graphical{
	list-style: none;
	margin: 15px 0;
	padding: 0 0 0 0;
}

ol.graphical li{
	list-style: none;
	margin: 0;
	padding: 3px 0 15px 37px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

ol.graphical li p{
	margin-top: 0;	
}

ol.graphical li.ol-1{
	background-image: url(/images/list/ol-1.png);
}

ol.graphical li.ol-2{
	background-image: url(/images/list/ol-2.png);
}

ol.graphical li.ol-3{
	background-image: url(/images/list/ol-3.png);
}

ol.graphical li.ol-4{
	background-image: url(/images/list/ol-4.png);
}

ol.graphical li.ol-5{
	background-image: url(/images/list/ol-5.png);
}

ol.graphical li.ol-6{
	background-image: url(/images/list/ol-6.png);
}

ol.graphical li.ol-7{
	background-image: url(/images/list/ol-7.png);
}

ol.graphical li.ol-8{
	background-image: url(/images/list/ol-8.png);
}

ol.graphical li.ol-9{
	background-image: url(/images/list/ol-9.png);
}

ol.graphical li.ol-10{
	background-image: url(/images/list/ol-10.png);
}

ol.graphical li.ol-11{
	background-image: url(/images/list/ol-11.png);
}

ol.graphical li.ol-12{
	background-image: url(/images/list/ol-12.png);
}

ul.media {
	padding-left: 15px !important;
}

.media li {
	border: 1px solid #FFD688;
	padding-right: 10px !important;
	background-position: 5px 5px !important;
	overflow: hidden;
}

.media li.odd {
	background-color: #FFE9B9 !important;
}

.media li.even {
	background-color: #FFE09F !important;
}

.media li h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.media li .about {
	font-size: 10px;
}

.media li .about .where-what {
	display: block;
	float: left;
	width: 200px;
}
.media li > p {
	font-size: 12px !important;
	/*height: 120px;*/
}