/*
Theme Name: Optimal
Theme URI: http://optimalstrategix.com/
Author: SFWDLLC
Author URI: http://santafewebdesign.com/
Tags: blue, custom header, fixed width, two columns, widgets

	
*/

body
{
	background-image : url(/images/main_bg.png);
	background-repeat : repeat-x;
	background-color : white;
	font-family : trebuchet ms, helvetica, arial, sans-serif;
}

/* png fix for ie */
img, div, { behavior: url("/iepngfix.htc") }

/* clear fix */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#layout
{
	width : 900px;
	margin : 15px auto;
margin-top:0px;
}

#login
{
	text-align : right;
	color : #312020;
	font-size : 11px;
	padding-bottom : 5px;
}

#login a
{
	color : #312020;
	text-decoration : none;
}

#main_layout
{
	background-color : white;
	border : 1px solid #cac2b4;
}

#header
{
	padding : 10px;
}

#header_left
{
	float : left;
	width : 450px;
}

#header_right
{
	float : left;
	width : 428px;
	text-align : right;
	color : #504239;
	font-size : 12px;
}

#top_nav
{
	text-align : right;
	border-top : 2px solid #f36f2f;
	border-bottom : 6px solid #614948;
	padding : 10px 0px;
}

#top_nav a
{
	color : black;
	font-size : 14px;
	padding-right : 30px;
	text-decoration : none;
}

#bottom_layout
{
	background-image : url(/images/content_bg.png);
	background-repeat : repeat-x;
	background-position : bottom;
	background-color : #f7f9f7;
	padding : 20px 30px 15px 30px;
}

#content_cell
{
	border : 1px solid #cac2b4;
	margin-bottom : 15px;
	color : #614948;
}

#content_cell a
{
	color : #b5b68d;
}

#content_cell a:hover
{
	color : #7f805d;
}
	

#content_cell.int
{
	padding : 10px;
}

#content_cell h2
{
	font-size : 22px;
	font-weight : normal;
	margin-top : 0px;
	margin-bottom : 5px;
	letter-spacing : 2px;
}


#sidebar
{
	float : left;
	font-size : 14px;
	width : 215px;
	letter-spacing : 1px;
}

#sidebar a
{
	color : #b5b68d;
	text-decoration : none;
	font-weight : bold;
}

#sidebar ul
{
	list-style-type : none;
}


#content
{
	float : left;
	width : 565px;
	font-style : normal;
	font-size : 13px;
        color: #614949!important;
        
        
}



#content a
{
	color: #993366;
        font-weight : bold;
        letter-spacing : .5px;
        text-decoration : none;
        

        
        
}


#content a:hover
{
	color: #d2691e;
        text-decoration : underline;

        
        
}

#content h2
{
    font-size : 18px;
    font-weight : bold;
    font-style: normal;
    color: #d2691e;
    margin-top : 10px;
    margin-bottom : 5px;
    letter-spacing : 2px;
}

#content h3
{
	font-size : 16px;
	font-weight : bold;
	color : #614948;
	margin-top : 10px;
	margin-bottom : 5px;
	padding-bottom : 5px;
	letter-spacing : 1px;
	font-style: italic;
}


#content h4
{
    font-size : 14px;
    font-weight : bold;
    color: #993366;
    margin-top : 5px;
    margin-bottom : 5px;
    letter-spacing : 2px;
}

#content li
{
	color : #a94931;
	font-weight : bold;
	font-style: normal;
	padding-bottom: 4px;
}


#footer_outer_box
{
	float : left;
	width : 193px;
	margin-right : 22px;
	font-size : 12px;
        font-weight : bold;
	color : #312020;
}

#footer_inner_box
{
	border : 1px solid #cac2b4;
	background-image : url(/images/footer_box_bg.png);
	height : 140px;
	color : #707070;
	font-size : 10px;
    font-weight : normal !important;
	padding : 2px 3px 3px 3px;
	margin-top : 5px;
}

#footer_inner_box a
{
	color : #7d991d;
	font-size : 12px;
    font-weight : normal !important;
	text-decoration : none;
	padding : 4px 0px 4px 0px;
	display : block;
     
}



#footer_inner_box a img
{
	margin: 0px 0px 0px -1px;
    padding: 0px !important;
    border : 1px solid #cac2b4;
}


/* start nav */
#page-nav {
  float: left;
  list-style: none;
  padding: 0px 0px 0px 10px;
  margin: 5px 0px 15px 0px;
}

#page-nav ul {
  list-style: none;
  padding-left: 15px;
  font-size: 12px;
}

#page-nav li {
  margin: 4px 0px 4px 0px;
}

/* we start by hiding all nav items */
#page-nav li .page_item {
  display: none;
}

/* hide my parents childrens subnavs */
#page-nav .current_page_parent li ul li {
  display: none;
}

/* show my parents children */
#page-nav .current_page_parent li {
  display: block;
}

/* show me */
#page-nav .current_page_item {
  display: block;
}

/* show my children */
#page-nav .current_page_item ul li {
  display: block !important;
}

/* hide my childrens subnavs */
#page-nav .current_page_item ul li ul li {
  display: none !important;
}

/* show my ancestors children */
#page-nav .current_page_ancestor li {
  display: block;
}


#page-nav .page_item a {
  text-decoration: none;
}

#page-nav .page_item a:hover {
  color: #7f805d !important;
}

#page-nav .current_page_item a {
  color: #5f3603 !important;
}

#page-nav .current_page_item a:hover {
  color: #5f3603 !important;
}

#page-nav .current_page_item li a {
  color: #a18664 !important;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {
	padding: 15px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 15px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

#copyright
{
	width : 900px;
	margin : 10px auto;
	font-size : 11px;
         text-align:center;
}