/*
Theme Name: FAM
Description: Great WordPress theme suitable for any type of site. Looks really great!
Version: 1.0
Author: Diamonds Designers
Author URI: http://www.diamondsdesigners.com/
Tags: white, brown, black, orange, dark, light, fixed-width, two-columns
License: General Public License
*/


  

body {

	background:#ffffff;

	margin: 0; padding: 20px 0 0 0;

        line-height: 17px;

	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;



	color: #161514;



}



#container:after, #content .post .entry:after, #content .post .meta:after, #content .navigation:after {



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



}


h2 {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	}


#page {

	background:#ffffff;

	margin: 0 auto;



	width: 851px;



}


hr 
{
  border: 0;
  width: 95%;
 color: #ffffff;
background-color: #ffffff;
height: 10px;
}


#header {



	position: relative;



	padding: 9px 0 0 0;



	height: 120px;



	background: no-repeat url(images/bckheader.gif);



}



#header a {



	color: #fff;



	text-decoration: none;



}



#header h1 {

	margin: 0 0 0 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 36px;

	color: #003399;



}



#header p {

	margin: 10px 0 0 50px;

	font-size: 16px;

	font-weight: bold;

	color: #FF9900;

	font-family: Verdana, Arial, Helvetica, sans-serif;



}



#header ul {



	position: absolute;



	top: 100px; right: 0;



	margin: 0; padding: 0;



	list-style-type: none;



}



#header li {



	float: left;



	margin: 0 10px 0 0; padding: 0 0 0 25px;



	line-height: 17px;



	background: no-repeat url(images/bckheaderli.gif);



	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;



}



#container {



	padding: 0 0 20px 0;



	width: 100%;



	background: repeat-y url(images/bckcontainer.gif);



}



#content {



	float: right;



	padding: 25px 0 0 0;



	width: 590px;



}



#content a {



	color: #CC3300;



	text-decoration: none;



}



#content .post {



	position: relative;



	margin: 0 0 25px 0;



	width: 100%;



}



#content .post .title {



	margin: 0 0 0 44px; padding: 0 0 5px 15px;



	border-bottom: #c7b29a 1px solid;



	font-size: 12px;



}



#content .post .title a {



	color: #181818;



	text-decoration: none;



}



#content .page .title {

	margin: 0;

	padding-left: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	color: #336699;



}



#content .post .details {



	margin: 0 0 0 59px;



	font-size: 11px;



}



#content .post .entry {



	margin: 10px 0 0 0;



}



#content .post .meta {



	margin: 10px 0 0 0;



	width: 100%;



	font-size: 11px;



	color: #ba0000;



}


#topofpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#content .post .meta a {



	color: #ba0000;



	text-decoration: none;



}



#content .post .meta div {



	width: 275px;



}



#content .post .meta .categories {



	float: left;



}



#content .post .meta .tags {



	float: right;



	text-align: right;



}



#content .post .date {



	position: absolute;



	top: -4px; left: 0;



	width: 44px;



	text-align: center;



	font-family: "Myriad Pro";



}



#content .post .date span {



	display: block;



}



#content .post .date .d {



	line-height: 24px;



	border-bottom: #b64926 1px solid;



	font-size: 30px;



	color: #eb7e42;



}



#content .post .date .m {



	font-size: 10px;



	color: #5e524e;



}



#sidebar {



	float: left;



	margin: 0; padding: 0;



	list-style-type: none;



	width: 216px;



	font-size: 11px;



	color: #000;



}



#sidebar .search {



	position: relative;



	margin: 0 -33px 0 0; padding: 18px 0 0 16px;



	height: 55px;



	background: no-repeat url(images/bcksidebarsearch.gif);



}



#sidebar .search form {



	margin: 0;



}



#sidebar .search form .text {



	float: left;



	padding: 3px 5px 0 5px;



	width: 176px; height: 18px;



	background: no-repeat url(images/bcksidebarsearchtext.gif);



	border: 0;



	border-top: #6f6562 1px solid; border-left: #6f6562 1px solid;



}



* html #sidebar .search form .text {



	background-attachment: fixed;



}



#sidebar .search form .btn {



	margin: 0 0 0 151px; padding: 0;



	width: 36px; height: 22px;



	background: no-repeat url(images/bcksidebarsearchbtn.gif);



	border: 0;



	font-weight: bold;



	color: #fff;



	text-transform: uppercase;



	cursor: pointer;



}



#sidebar ul {



	margin: 0 -15px; padding: 0;



	list-style-type: none;



}



#sidebar ul ul {



	margin: 0 0 0 10px;



}



#sidebar li {



	margin: 0 0 10px 0; padding: 0 15px;



}



#sidebar li li {



	margin: 0; padding: 2px 15px;



}



#sidebar li li:hover {



	background: #d9d9d9 5px 7px no-repeat url(images/bcksidebarlili.gif);



}



#sidebar li li a {



	text-decoration: none;



}



#sidebar li li li {



	margin: 2px 0 0 0; padding: 0;



}



#sidebar li li li:hover {



	background: none;



}



#sidebar a {



	color: #000;



}



#sidebar h3 {



	position: relative;



	margin: 0 -15px 5px -15px; padding: 0 0 0 15px;



	width: 221px;



	line-height: 20px;



	background: no-repeat url(images/bcksidebarh3.gif);



	font-size: 11px;



	color: #fff;



}



#footer {

	padding: 5px 5px 10px 5px;

	text-align: right;

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background:#ffffff;

	border-top:2px solid #9999CC;



}



#footer a {



	color: #eb7e42;



	text-decoration: none;



}







#content .navigation {



	margin: 15px 0;



	width: 100%;



	font-weight: bold;



}



#content .navigation a {



	text-decoration: none;



}



#content .postnavigation {



	margin: 15px 0 0 0;



}







.commentlist, .children {



	margin: 0; padding: 0;



	list-style-type: none;



}



.children {



	margin: 10px 0 0 10px;



}



.commentlist .comment {



	margin: 0 0 15px 0; padding: 5px;



	background-color: #fff;



	border: #b64926 1px solid;



}



.commentlist .avatar {



	float: right;



	margin: 0 0 5px 5px;



	border: #b64926 1px solid;



}



#author, #email, #url, #comment {



	margin: 0 5px 0 0; padding: 2px;



	background-color: #fff !important;



	border: #b64926 1px solid;



}



#comment {



	width: 300px;



}



#comments, #respond h3 {



	font-size: 15px;



}



a#cancel-comment-reply-link {



	font-weight: bold;



}







/* A few generic styles used across the site */







a img {



	border: 0;



}







td {



	vertical-align: top;



}







input, textarea, select {



	vertical-align: middle;



	font-family: Arial, Helvetica, sans-serif; font-size: 12px;



	color: #181818;



}



input[type="text"], input[type="password"] {



	padding: 2px;



	background-color: #fff !important;



	border: #cccccc 1px solid;



}



textarea, select {



	padding: 2px;



	background-color: #fff !important;



	border: #cccccc 1px solid;



}







acronym, abbr, span.caps {



	cursor: help;



}







acronym, abbr {



	border-bottom: 1px dashed #b64926;



}







blockquote {



	margin: 15px 30px 0 10px;



	padding-left: 20px;



	border-left: 5px solid #eeeeee;



}







blockquote cite {



	margin: 5px 0 0;



	display: block;



}







.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



}







.clear {



	clear: both;



}







.center {



	text-align: center;



}







.hidden {



	display: none;



}







.screen-reader-text {



     position: absolute;



     left: -1000em;



}







img.centered {



	display: block;



	margin-left: auto;



	margin-right: auto;



	}







img.alignright {



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



	}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	}







.alignleft {



	float: left;



}



.alignright {



	float: right;



}



.aligncenter,



div.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.wp-caption {



	border: 1px solid #ddd;



	text-align: center;



	background-color: #f3f3f3;



	padding-top: 4px;



	margin: 10px;



	color: #000;



}







.wp-caption img {



	margin: 0;



	padding: 0;



	border: 0 none;



}







.wp-caption p.wp-caption-text {



	font-size: 11px;



	line-height: 17px;



	padding: 0 4px 5px;



	margin: 0;



}







/* MENU */



.glidecontentwrapper{



	position:relative; /* Do not change this value */



	width:721px;



	height:240px; /* Set height to be able to contain height of largest content shown */



	overflow:hidden;



	margin:0;



	padding-bottom:7px;



}







.glidecontentwrapper .featured-post { /*style for each glide content DIV within wrapper.*/



	background-color:#f1f6f8;



	position:absolute; /* Do not change this value */



	width:720px;



	padding:2px 5px 4px;



	margin:0;



	/* height:220px; */



	overflow:hidden;



	float:left;



}







.glidecontenttoggler{ /*style for DIV used to contain toggler links. */



	background:url(../images/featured-nav-button.gif) no-repeat 0 100%;



	float:right;



	width:45px;



	height:20px;



	margin-right:5px;



}







.glidecontenttoggler a { /*style for every navigational link within toggler */



	display:block;



	height:20px;



	float:left;



	font-size:10px;



	line-height:22px;



	text-transform:uppercase;



	color:#717171;



	margin-right:3px;



	width:20px;



}







.glidecontenttoggler a.selected, .glidecontenttoggler a:hover { /*style for selected page's toggler link. ".selected" class auto generated! */



	color:#9597C2;



}







.glidecontenttoggler a span {



	display:block;



	height:22px;



	float:left;



	cursor:pointer;



	padding-right:6px;



	text-indent:-9999px;



}







.glidecontenttoggler a.toc { /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */



}







.glidecontenttoggler a.prev { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */



}



.glidecontenttoggler a.next {



	margin:0;



}







.glidecontenttoggler a.prev:hover {



}







.glidecontenttoggler a.next:hover{



}







#togglebox {



	/*margin-bottom:10px;*/



}





















#image-gallery-wrapper {



	background:transparent url(../images/sliding-bg.gif) no-repeat 50% 100%;



	margin:0 auto;



	width:100%;



	position:relative;



	padding:11px 0;



}







#image-gallery {



	margin:0 auto;



}







.stepcarousel{



position:relative; /*leave this value alone*/



overflow:scroll; /*leave this value alone*/



width:935px; /*Width of Carousel Viewer itself*/



height:254px; /*Height should enough to fit largest content's height*/



margin:0 auto;



}







.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-right:7px ; /*margin around each panel*/



width:307px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */



height:254px;



}



.stepcarousel .panel p{



text-align:left; /*leave this value alone*/



overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/



margin:5px 5px ; /*margin around each panel*/







}







.stepcarousel .panel h2{



text-align:left; /*leave this value alone*/



height:20px;



overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/



margin:2px 5px ; /*margin around each panel*/



font-size:16px;



font-weight:bold;



text-align:center;



font-family:Georgia,century gothic,Arial,verdana, sans-serif;



}







.stepcarousel .panel img{



float:left; /*leave this value alone*/



margin:0; /*margin around each panel*/



padding:0;



}







#image-gallery-wrapper .prev, #image-gallery-wrapper .next {



	display:block;



	position:absolute;



	top:11px;



	height:254px;



	width:50px;



	text-indent:-9999px;



	cursor:pointer;



}







#image-gallery-wrapper .prev {



	background:url(../images/slide-buttom-left.png) no-repeat;



	left:6px;



}







#image-gallery-wrapper .next {



	background:url(../images/slide-buttom-right.png) no-repeat;



	right:6px;



}









#page-menu ul {



	display:block;



	float:center;



	height:20px;



	overflow:hidden;



}







#page-menu ul li {



	background:transparent url(images/page-menu-bg.gif) no-repeat 0 0;



	display:block;



	float:left;



	height:20px;



	line-height:20px;



	margin-right:3px;



}







#page-menu ul li a {



	background:transparent url(images/page-menu-bg.gif) no-repeat 100% 100%;



	display:block;



	float:left;



	font:normal 14px Tahoma,Verdana,Arial;



	height:20px;



	line-height:20px;



	padding:0 16px;



	color:#ffffff;



}







#page-menu ul li a:hover, #page-menu ul li.current_page_item a { color:#540305; }







.left-side, .right-side {



	display:block;



	position:absolute;



	top:0;



	z-index:2;



}

















#foxmenucontainer{



	height:35px;



	background:#3366CC;

	

	text-decoration: none;



	display:block;



	padding:0px 0 0px 0px;



	font: 12px Tahoma,Century gothic,verdana, Arial, sans-serif;



	font-weight:normal;



	text-transform:uppercase;



	overflow:hidden;



	border-bottom:1px solid #678ba9;



	width:851px;



	margin:0px auto;



	}



#menu{



	margin: 0px;



	padding: 0px 10px;



	width:851px;



	background:#3366CC;



	height:35px;

    

    text-decoration: none;





	}



	



#menu ul {



	float: left;



	list-style: none;



	margin: 0px;



	padding: 0px;

	

	text-decoration: none;



	}



	



#menu li {



	float: left;



	list-style: none;



	margin: 0px;



	padding: 0px;

	

	text-decoration: none;



	}



	



#menu li a, #menu li a:link, #menu li a:visited {



	color: #eeeeee;



	display: block;



	margin: 0px;



	padding: 12px 15px 11px 15px;

	

	text-decoration: none;



	}







#menu li a:hover, #menu li a:active {



	background:url(images/menua.jpg) repeat-x;



	color: #fff;



    margin: 0px;



	padding: 12px 15px 11px 15px;



	text-decoration: none;



	}



	



#menu li li a, #menu li li a:link, #menu li li a:visited {



	background:url(images/menus.png) ;



	width: 150px;



	color: #BECFE1;



	font-size: 10px;



	font-family: tahoma, century gothic,Georgia,  sans-serif;



	font-weight: normal;



	float: none;



	margin: 0px;



	padding: 9px 10px 9px 10px;



	border-bottom: 1px solid #2A547A;







	}



	



#menu li li a:hover, #menu li li a:active {



	background:url(images/menusj.png) ;



	color: #fff;



	padding: 9px 10px 9px 10px;



	}







#menu li ul {



	z-index: 9999;



	position: absolute;



	left: -999em;



	height: auto;



	width: 170px;



	margin: 0px;



	padding: 0px;



	}







#menu li li { 



	}







#menu li ul a { 



	width: 140px;



	}







#menu li ul a:hover, #menu li ul a:active { 



	}







#menu li ul ul {



	margin: -31px 0 0 170px;



	}







#menu li:hover ul ul, #menu li:hover ul ul ul, 



#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {



	left: -999em;



	}







#menu li:hover ul, #menu li li:hover ul, 



#menu li li li:hover ul, #menu li.sfhover ul, 



#menu li li.sfhover ul, #menu li li li.sfhover ul {



	left: auto;



	}







#menu li:hover, #menu li.sfhover { 



	position: static;



	}







	

