/*copyright to The Cats Purr 2009*/
/*original design by The Cats Purr*/

body {
	margin:0 auto;
	padding:0;
	text-align:left;
	color: #898A9C;
	background-color: #4c597f;
	background-image: url(images/top.gif); background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif; font-size:100%;
}
html {
font-size: 100%;
}
#wrap {
	width: 830px;
	margin: 0 auto;
	background: #FFFFFF;
}
			/* HEADER */ 
#header {
	height: 340px;
	color: #333399;
	background-image: url(images/top2.jpg);
}
			/* CONTENT CONTAINER  */ 
#content{
	float: left;
	width: 100%;
	background-color: #FFFFFF;
}
			/* LEFT CONTENT */ 
#l-col {
	float: left;
	width: 22%;
	margin: 0px;
	padding: 0 0 20px 0;
	color: #898A9C;
	background-image: url(images/side.gif);
	background-color: #FFFFFF;
	margin-left: 3px;
	display:inline;
}
#l-col p {color:#000000; font-size:10px;}

.l-colin {
	text-align: left;
	color: #898A9C;
	padding: 5px 5px;
	border: 0;
}
.news1 {
	margin: 0 5px 5px 0px;
	text-align: left;
	color: #898A9C;
	height:400px;
	width: 95%;
	padding-left: 5px;
	overflow: hidden;
	display:inline;
	position: relative;
}
dl li{ list-style-position:inside; list-style-type: square;}
#R-col3 {
 	margin-top: -20px;
	width: 52%;
	text-align: justify; 
	background: transparent;
	color: #898A9C;
	float: left;
}
html>body #R-col3 {
  	margin-top: -40px;
	width: 52%;
	text-align: justify; 
	background: transparent;
	color: #898A9C;
	float: left;
}

#R-col4 {
	float: right;
	width: 20%;
	text-align: justify;
	color: #898A9C;
	margin-left: 20px;
	border: dotted #ccc 1px;
	margin-top/**/:/**/0;
	margin-top: -75px;
	display: inline;
	margin-right: 5px;
	padding: 0 5px 0 5px;
	position: relative;
	z-index:100;
	overflow: hidden;
	}
html>body #R-col4 {
	float: right;
	width: 20%;
	text-align: justify;
	color: #898A9C;
	margin-left: 20px;
	border: dotted #ccc 1px;
	margin-top/**/:/**/0;
	margin-top: -75px;
	display: inline;
	margin-right: 5px;
	padding: 0 5px 0 5px;
	position: relative;
	z-index:100;
	overflow: hidden;
	}	

			/* MAIN CONTENT */ 
.cont { 
    clear: both;
	padding: 10px 0px 0px 40px;
}

.cont p{
	padding: 0px 0px 10px 0px;
	text-align: justify;
	font-size: 11px;
}
.cont ol li{
	padding: 0px 0px 10px 0px;
	text-align: justify;
	font-size: 11px;
}

#cont1 { 
width: 85%;
margin-top: 0;
border: 1px solid #eee;
border-width: 0px 1px 0 1px;	
text-align: left;
color: #898A9C;
}
#note { 
width: 90%;
margin-top: 0;
text-align: left;
padding-left:40px;
}

.news {
	width:95%;
	float:right;
	background-color: #9999FF;
	color: #000066;
	margin-top: 10px;
	margin: 5px;
	font-size: 12px;
	display: block; line-height:2em;
}
.newstop {background-repeat:no-repeat; height:14px;}
.news p{padding-left:15px; font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;}
.news a:link {
	color:#FF6600; font-size:14px;
	text-decoration:none;
	border-bottom:dotted 1px #FF6600; font-weight:bold;
}
.news a:hover { color:#336699;
	text-decoration: none;
}
.news2 {
	width:95%;
	float:right;
	color: #000066;
	margin-top: 10px;
	margin: 5px;
	font-size: 12px;
	display: block; border:1px dotted #FF9933;
}
.news2top {background-repeat:no-repeat; height:14px;}
.news2 p{padding-left:15px; font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;}
.news2 a:link {color:#000066; text-decoration:none; border-bottom:1px dotted #0000FF; }
.news2 a:hover {color:#FF6600;}
.image1 {
	float:left;
	font-size: 11px;
	position: relative;
	top: 20px;
	margin: 10px 10px 30px 0px;
	border-left:solid #ECE4FC 15px;
}
.staff {
	float:left;
	width: 95%;
	font-size: 11px;
	padding:5px;
	border: solid #ccc 1px;
	margin-bottom:20px;
	background-color: #ECE4FC;
	padding-bottom:10px;
}
.staff2 {
	float:left;
	width: 45%;
	font-size: 11px;
	padding:5px;
	border: solid #ccc 1px;
	margin-bottom:20px;
	background-color: #ECE4FC;
	padding-bottom:10px; margin-right:10px;
}
.staff .image1 {width:35%;}
.staff2 img {width:85%; height:auto; margin-left:20px;}
.staff .about {width:60%; float:right;}
.about2 {width:95%; float: left;}
.staff h2 {
	letter-spacing: 1px;
	font-size: 1.2em;
	color: #FF6600;
	font-style: normal;
	padding: 10px;
}
.staff h4 {
	letter-spacing: 1px;
	font-size: 1.0em;
	color: #FFFFFF;
	font-style: normal;
	padding: 5px;
	background-image:url(images/bar.gif); background-position:left; background-repeat:no-repeat;
}
.staff ol li { list-style-position:outside;}
#image3 {
	float:right;
	width: 500px;
	font-size: 10px;
	position: relative;
	padding: 0 10px 0 10px;
	
}
#image4 {
	float:left;
	width: 350px;
	font-size: 10px;
	position: relative;
	padding: 0 10px 0 10px;
	
}
			/* FOOTER */ 
#footer {
	text-align: center;
	color: #000066;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 190px;
	font-size: 14px;
}
#footer a {
color: #898A9C;
}
#footer a:hover {
	color: #663399;
	text-decoration: underline;
}
#footer2 {
	text-align: center;
	background: transparent;
	background-image: url(images/footer3a.jpg);
	background-repeat:no-repeat;
	color: #666;
	height: 270px;
	position: relative;
	width: 829px;
	overflow: visible;
}
#footer2 image .right {clear:both;}

			/* LINKS*/ 
			
a:link, a:visited {
color: #898A9C;
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #FF6600;
}
ul { 
list-style : none;
margin : 0;
padding : 0;
} 
			/* TYPOGRAPHY */ 
.clear {
	clear: left;
	background:transparent;
	width: 0;
	height: 10px;
	display:block;
	position: relative;
}
blockquote p {
	padding: 2px;
	font-size: 1.1em;
	background: inherit;
}
blockquote {
padding: 5px;
font-size: 1.2em;    
background: inherit;
} 
p {
	color: #898A9C;
	margin:0;
	padding: 0 10px;
	font-size: 12px;
	text-align: justify;
}
.style1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:100;
	text-align: justify;
	color: #898A9C;
}
.style2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	text-align: left;
	color: #898A9C;
}
.style3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	text-align: left;
	color: #FF6600;
}
.style4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	text-align: center;
	color: #333333;
}
.style5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	text-align: center;
	color: #000066;
}

.style6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:200;
	text-align: left;
	color: #FF6600;
}
.style7 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:200;
	text-align: justify;
	color: #FF6600;
}
.shop {
	clear: both;
	padding: 10px 0px 0px 40px;
	text-align:justify;
	background-image: url(images/shop6.jpg);
	background-repeat: no-repeat; background-position:center right;
}
.shop ul li {background-image:url(images/shop.jpg); background-repeat:no-repeat; text-indent:30px; font-size:11px; font-weight:bold; line-height:25px; height:40px;}
.shop ul li p{
	padding: 0px 0px 10px 0px;
	text-align: justify;
	font-size: 11px; font-weight:normal; line-height:normal; text-indent:0;
}
.shop2 {
	clear: both;
	padding: 10px 0px 0px 20px;
	text-align:justify;
	margin-top:20px;
}
.cont .style5 {
	font-size:15px; background-image:url(images/ball.gif); width:39px; height:35px; background-repeat:no-repeat;
	font-weight:bold;
	text-indent:10px; padding-top:5px; 
	color: #333366; 
}
h2 {
	letter-spacing: 1px;
	font-size: 1em;
	color: #FF6600;
	font-style: normal;
	padding: 5px;
}
h3 {
	letter-spacing: 1px;
	font-size: 1em;
	color: #F56330;
	font-style: normal;
	padding: 10px 10px 5px 20px;
	position: relative;
	margin-top: 0px;
}
h4 {
	font-size: 12pt;
	color: #F56330;
	font-style: normal;
}

.heading {
	background-image: url(images/button.jpg);
	height: 40px;
	top: 0px;
	margin-top: 0px;
	position: absolute;
	z-index: 1;
	left: -2px;
	width: 170px; overflow:hidden;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif ;
}
#wrap #R-col3 .cont .image1 p {
	font-size:10px;
	color:#898A9C;
	width:85%;
}

h1 {
	letter-spacing: 1px;
	font-size: 0.8em;
	color: #FF6600;
	font-style: normal;
	padding: 5px;
	
}
.row { position: relative; width: 540px;} 
.left { width: 200px; height: 150px; float: left; font-family:Arial, Helvetica, sans-serif; font-size:10px;  } 
.left2 { width: 220px; height: 150px; float: left; font-family:Arial, Helvetica, sans-serif; font-size:10px;  } 
.right {
	float: right;
	position: relative;
	margin:4px;
	padding-left: 5px;
} 
.right2 { width: 320px; height: 150px; float: right; }
 
#table1 {border:#666699; border-style:solid; border:thin; }
.shop2 td {font-size:12px; height:20px; border:solid #ff6600 1px; border-bottom:0; border-right:0;}
.shop2 .style3 {background-color:#DADEFE;}
#weather {
	height:100px;
	float: none;
	margin-top:20px; margin-left:15px; margin-bottom:-20px;
}
.contact_form{
	width:90%;
	height:auto;
	padding:20px 0 0 5px;
	background-color: #F8F5FE;
	border: solid #FF6600 1px;
	position: relative;
	margin-left: 5px;
}
.form_row{
float:left;
padding:4px 0 4px 0;
}
.form_row2{
float: none;
padding:8px 0 8px 10px;
margin-left:0px;
width:150px;
}
label{
	width:55px;
	float:left;
	padding:3px 5px 0 0;
	color:#000066;
	text-align: left;
	font-size: 11px;
}
input.contact_input{
width:150px;
height:18px;
float:left;
border:1px #d1e0ee solid;
background-color:#ECE8FD;
color: #000;
}
textarea.contact_textarea{
width:150px;
height:80px;
float:left;
border:1px #d1e0ee solid;
background-color:#ECE8FD;
color: #000;
}
.submit {

width:60px;
height:25px;
color:#FF00CC;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}


.formbutton{
	cursor:pointer;
	width:60px;
	border:outset 1px #ccc;
	color:#FFFFFF;
	font-weight: normal;
	padding: 1px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #4C597F;
	margin-right: 5px;
}