/*
=== sheep ===
bg: #ebf2f8
links: #38627e
intro: #33607f
footer: #d7dfe7
titles: #c7d2dc
widgets: #e3eaf0
border: #c0ccd8
*/

/*=== Setup ===*/
body{
	background: #0d1f35 url(sheep/bgr_new.gif) repeat-x center top;
	color: #555555;
	font-size: .80em;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}







strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

body#home {background: url(sheep/bgr_home.gif) repeat-x #0d1f35;	color: #555555;}
body#home #page {background: url(sheep/mid_people.gif) no-repeat 0 221px;} 

/*div {border:1px solid #ff9900}*/



a{	color: #38627e;}
h2{	color: #262625;}
h2 a{	color: #262625}
h3{	color: #000000;}
h4{	color: #444444;	 }

img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright{
padding: 0px;
margin: 3px 0 2px 10px;
display: inline;
}

img.alignleft{
padding: 0px;
margin: 3px 10px 2px 0;
display: inline;
}


/*=== Header ===*/
#header{	height: 130px;	position:relative;}
#header .spacer{	float: right}
/*- Logo -*/
#header h1{	float: left;	width: 344px}
#header h1 a{	display: block;	height: 130px;}
#header h1 a:hover{	text-decoration: none}

/*=== Intro ===*/
p.intro a {	color:#FFFFFF;}
p.intro a:hover {	color:#222222;}

/*=== Buttons ===*/

.btn-rounded a{	background: url(sheep/btn-rounded.gif) no-repeat left;	color: #ffffff;}
.btn-rounded a span{	background: url(sheep/btn-rounded.gif) no-repeat right;color:#FFF;}
.btn {background:url(sheep/btn.gif) repeat-x;	border:1px solid #38627e; 	color:#FFF;}

/*=== Navigation ===*/

#nav1 {	font-weight:bold;	float:right;		margin:0px 0 0 0;	text-transform:uppercase;text-align:center;}
#nav1, #nav1 ul {padding: 0;	list-style: none; 	line-height: 1;	z-index: 100;}
#nav1 li {	float: left;	line-height: 30px;	margin: 0 7px 0 0;height:85px;width:86px;}
#nav1 li a{	color: #fff;	padding: 0 0 0 0px;	text-decoration: none;	background: transparent url(sheep/nav_off.gif) no-repeat left top;outline:none;}
#nav1 li a span{	display: inline-block;	height: 85px;	padding: 0 0px 0 0;line-height:3.5em}

#nav1 li a:hover,
#nav1 li.active a, 
#nav1 li.current_page_item a, #nav1 li a:hover span{
	background: transparent url(sheep/nav_over.gif) no-repeat left top; width:86px;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;outline:none;
}

#nav1 li.active a span,
#nav1 li.current_page_item a span
{background: transparent url(sheep/nav_on.gif) no-repeat left top; width:86px; outline:none;}
#nav1 li.current_page_item a span {line-height:9.5em}


/* IE7 Fix */

#nav1 li:hover, #nav1 li.hover {  
	position: static;
	visibility:visible
}

html>body #nav1 li ul li { *margin-top:-2px; }


/*- Nav2 -*/
.nav2 li, .widget li{
	background: url(sheep/hl-dot.gif) repeat-x bottom;
	padding: 0;margin:0
}
.nav2 li a, .widget li a{
	color: #555555;
	background: url(sheep/ico-next.gif) no-repeat left;
	padding: 0 0 0 0px;margin:0
}
.nav2 li a:hover, .widget li a:hover{
	color: #38627e;
	text-decoration: none
}


/*=== All Columns ===*/
#columns{
	margin:0;padding:0;
	background: #fff url(sheep/box-top-940.gif) no-repeat top;
	}

.botcorner{
	background: transparent url(sheep/box-bot-940.gif) no-repeat top;height:22px;
	
}

body#home #columns{height: 1%;
	padding: 0;background:transparent}	

/*=== Center Column ===*/
#centercol{
	float: left;margin:10px 0px 0 0;
	width: 515px;padding:0 15px 0 0;
	padding:30px 30px 30px 30px;border-right:1px dashed #bdbdbd;
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	margin: 20px 0 0 0;
	width: 334px;
	padding:0 0px 0 0px;color:#000;
}

#rightcol p {margin:0;padding:0 0 5px 0;line-height:1.3em}

#rightcol h3{
	color: #000;
	font-size: 1.3em;
	margin-top:10px;
	margin-bottom:0px;padding:0;font-weight:bold;
}
#rightcol h3 span{
	background: transparent;
	display: block;
	padding: 0;color:#000000;margin:0
}

#rightcol h4{
	color: #000;	
	font-size: 1.2em;
	height: 1.0em;
	margin-top:10px;
}

#rightcol .widget ul, #rightcol .textwidget {
	background: transparent;
	margin: 0;
	padding: 0px
}
#rightcol ul {margin:0 20px 0 0;padding:0}
#rightcol li {line-height:1.3em;padding:4px 0 4px 0;border-bottom:1px dashed #ccc}
#rightcol li a {font-weight:bold}

/*=== Contact Form ===*/
.wpcf7 {line-height:1.2em;}
.wpcf7 p {margin:0;padding:0}
.wpcf7 label{width: 80px;font-weight:bold;float: left;text-align: left;display: block}
.wpcf7 input, .wpcf7 textarea {background:#fff;border:1px solid #b5cfe6;width:200px;padding:5px}

.btn-rounded input{margin:10px 0 0 0;background: url(sheep/btn-rounded.gif) no-repeat left;	color: #ffffff;} 




/*- Wrapper -*/
.wrapper{
	float: left;margin:0px 0 0 0;
	padding: 0px 0 0 20px;
}

/*=== Slider ===*/


.stepcarousel{

position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 795px;
height: 276px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 15px 0 15px; /*margin around each panel*/
width: 770px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel .post h2 {}
.panel .post p {line-height:1.2em;font-size:1.0em}
.panel .post h4 a {text-decoration:underline}






/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 115px;
	margin:0 0 1em;	
}
.col1 a{
	color: #555555;
	text-decoration: underline
}
.col2{
	float: right;
	width: 425px
}
.col3{
	float: left;
	padding: 0 35px 0 0;
	width: 273px
}
.col3.last, .col6.last{
	padding: 0
}
.col3.nav2, .col6.nav2{
	background: none;
	padding: 0
}
.col3 h2{
	color: #464646;
	margin: 0 0 .5em
}
.col3 p{
	padding: 0
}
.col4{
	float: left;
	width: 335px
}
.col5{
	float: right;
	width: 415px
}
.col5 img{
	border: 0;
}



.col6 h3 {margin:0;padding:0 0 10px 0}
.col6 .widget {padding:15px;}
.col6 {	color: #ffffff;float: left;	background: transparent url(sheep/bg_column.jpg) no-repeat top;height:258px;width:309px;margin:0 4px 0 0;padding:0}
.col6 p {color:#0d2d4e;font-size: 1em;line-height:1.3em;font-weight:bold}
.col6 a {color:#0d2d4e;}


* html .col6{
	width: 309px;
}


/*=== Styling Boxes ===*/
/*- Box1 -*/

.box .top,.box .bot{
	/*background: url(sheep/box-top.gif) no-repeat top;*/
	background:transparent ;
}
.box .bot{
	/*background: url(sheep/box-bot.gif) no-repeat top*/
	background:transparent ;
}


.box .spacer{
	background:transparent;padding:0;margin:0
}
/*- Box2 -*/
.box2 .top,.box2 .bot{
	background: url(sheep/box2-top.gif) no-repeat top;
}
.box2 .bot{
	background: url(sheep/box2-bot.gif) no-repeat top
}
.box2 .spacer{
	background: transparent;
}
/*- Box3 -*/
.box3 .top,.box3 .bot{
	background: url(sheep/box3-top.gif) no-repeat top;
}
.box3 .bot{
	background: url(sheep/box3-bot.gif) no-repeat top
}
.box3 .spcr{
	background: #e3eaf0;
}


/*- Box4 -*/
.box4{
	color: #ffffff;
	font-size: 1.8em;line-height:1.2em;
	margin: 0 0 25px 0px;
	width: 940px
}

.box4{
	color: #ffffff;
}
.box4 .top,.box4 .bot{
	background: url(sheep/box4-top.gif) no-repeat top;height:10px;
}
.box4 .bot{
	background: url(sheep/box4-bot.gif) no-repeat top;
}
.box4 .spacer{
	background: #0083b9;padding:0px 20px 0px 20px;margin:0;height:60px;
}
/*- Box5 -*/

.box5{
	margin: 112px 0 0px 0px;padding:0;
	width: 940px;
}


* html .box5{
	margin: 110px 0 0px 0px;padding:0;
	width: 940px;
}


.box5 .top,.box5 .bot{
	background: transparent;height:0;padding:0;margin:0
}
.box5 .bot{
	background: transparent;margin:0;padding:0;height:0;
}
.box5 .spacer{
	margin:0;padding:0;background:#fff;
}

.box5 .post img {margin:-40px 0 0 0}

.box5 p {font-size:1.2em;color:#5e5e5e}

/*- Box6 -*/
.box6 .top,.box6 .bot{
	background: transparent;
}
.box6 .bot{
	background: transparent;
}
.box6 .spacer{
	background: transparent;
}


/*=== Styling Forms ===*/
/*- Search -*/
#search input.keyword{
	background: #c7d2dc;
	border-bottom: 1px solid #fcfcfa;
	border-top: 1px solid #c0ccd8;
	border-left: 1px solid #c0ccd8;
}

/*- Form1 Setup -*/
.btn-general{
	background: #38627e;
	color: #ffffff;	
}
.btn-general a { 
	color: #ffffff;
}
.btn-arr a{
	background: #c7d2dc;
	color: #ffffff;
}

/*=== Footer ===*/

#footer {font-size: 1em;color:#8c8c8c;margin:25px 0 0 0;}
#footer a{	color: #92cfe6;text-decoration:none;border-bottom:1px solid #2e4b61}

/*=== Posts ===*/


.post img {	
	border:0;
}
.post ul, .post ol{
	padding: 0 0 1.2em 2em;
}
.post ul li{
	color: #555555;
	background: url(images/ico-bullet.gif) no-repeat left top;
	padding: 0 0 0 20px;
}
.post ol li{
	list-style-type:decimal;
	margin: 0 0 0 20px;
}	

.post li a{
	color: #38627e;
	text-decoration: none
}

.post li a:hover{
	color: #38627e;
	text-decoration: none
}

.post blockquote {
	font-family:Georgia, "Times New Roman", Times, serif; color:#777777;
	background:#F0EEE1 url(images/ico-quote.gif) no-repeat 10px 10px;
	border-top:1px solid #E5E3D1;
	border-bottom:1px solid #E5E3D1;	
	width:80%; height:auto;
	margin:0 0 15px 10px; padding:15px 25px 0px 55px;
	display:block;
}




/*=== Widget styling ===*/




.widget li{
	background: url(sheep/hl-dot.gif) repeat-x bottom;
	padding: 0 0 7px 0;line-height:1.2em;
}
.widget li a{
	color: #0d2d4e;font-weight:bold;
	background: url(sheep/ico-next.gif) no-repeat left;
	padding: 0 0 0 20px;text-decoration:underline;display:block
}
.widget li a:hover{
	color: #0d2d4e;text-decoration:underline;
}


.widget #recentcomments li a{
	color: #38627e;
}
.widget #recentcomments li a:hover{
	color: #38627e;
}
.widget #searchform, .widget #calendar_wrap{
	background: #e3eaf0;
}
.widget #wp-calendar caption {
	color:#333333;
}
.widget #wp-calendar thead th {
	color:#333333;
}
.widget #wp-calendar tfoot td a {
	color:#333333;	
}
.quote {
	background:url(sheep/ico-quote.gif) no-repeat top left;
}


/*=== Link Buttons ===*/
.btn-cat {
	margin: 1em 0 1.5em;
}
.btn-continue{
	margin: 0 0 2em;padding:0;
}
.btn-general{
	background: #1b3d6a;
	padding: 5px 10px;
	color: #ffffff;	
}
.btn-general a { 
	color: #ffffff;
}
.btn-continue a{
	background: url(sheep/ico-more2.gif) no-repeat left;
	padding: 0 0 0 20px
}
.btn-arr a{
	background: #bdbbac;
	color: #ffffff;
	line-height: 25px;
	padding: 5px 10px
}
.btn-arr2{
	float: left;
	padding: 130px 0 0;
	width: 27px
}

/*blog navigation*/
.pagination { display: block; text-align: left;margin-top: 20px;  padding-left:0px;  }     
.pagination a{      text-align:center;    padding:5px 10px;   margin:0 2px 0 2px;   border:1px solid #afcdd5;     background:#fafdff;text-decoration:none; }     
.pagination a:hover{     background:#deeef3; border:1px solid #afcdd5 ;text-decoration:none;  }