/*	This theme was designed and built by Charly Leetham,
	whose blog you will find at http://askcharlyleetham.com/        
	This theme is designed to allow bloggers to have a page for sales pages        
	etc, as well as a simple single right sidebar on the blog posts and is         
	optimized for Wordpres 2.6 and above.	The CSS, XHTML and design is released under GPL 3.0:	
	http://www.opensource.org/licenses/gpl-3.0.html*//* Begin Typography & Colors */
	


body {   
	font-family: Arial,Helvetica,sans-serif;   
	color: #666666;   text-align: center;   
	margin: 0 auto;   padding: 0;
}
	
#page {   
	background-color: white;   
	text-align: left;   margin: 10px auto 0;   
	padding: 0;   width: 855px;
}

#navbar {
        width:73%; 
        height:40px;
        float:left; 
        margin-right:8px; 
}

#navbarleft {
	width: 760px;
	height: 30px;
	float: left;
	margin: 0px;
	padding: 0px;
	}	

#searchform {
	width: 220px;
	height: 30px;
	margin: 0 0px 0 0;
	padding: 0px;
	text-align: center;	
	}	

#navbar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav a {
	color: #4A7EB8;
	display: block;
        font-weight: bold;
	text-decoration: none; 
        margin: 0px 10px 0px 0px;
	padding: 8px 10px 7px 10px;
}	

#nav a:hover {
	background: #4A7EB8;
	color: #EFF7F7;
	display: block;
	text-decoration: none; 
	margin: 0px 10px 0px 0px;
	padding: 8px 10px 7px 10px;	
}

#nav li {
	float: left;
        font-size: 8pt;
        color: #4A7EB8;
        list-style-type: none;
}	

#nav li a:hover {
	background: #4A7EB8;
	color: #EFF7F7;
	display: block;
	text-decoration: none; 
	margin: 0px 10px 0px 0px;
	padding: 8px 10px 7px 10px;	
        font-size: 8pt;
}

#leftside {
	background: url('images/border_bubbles_left.png');
	height: 483px;   width: 123px;
	float: left;
}
	  
#imagelogo {
	background: url('images/summersalt_holding_logo.png');
	height:110px;
	width:366px;   
	margin-left:271px;   
	float:left;
}
	  
#rightside {
	background: url('images/bdr_bubbles_right.png') no-repeat;
	width: 95px;    
	float:right;    
	padding-top: 364px;
	}

#sidelogo {
        float:right;
        margin-right:41px;
}

#rhpanel {   
	background-color:#EFF7F7;   
	padding:5px;   
	width:216px;   
	float:right;   
	text-align:center;   
	margin-top:15px;
}

#rhpanel p, #rhpanel td {
   color:#666666;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:0.9em;   
   margin:3px 5px 15px;   
}

#rhpanel h1 {   
	color:#0066CC;   
	font-family:Arial,Helvetica,sans-serif;   
	font-size:1.2em;   
	font-weight:lighter;   
	text-align:left;   
	padding-top:0px;
}

#rhpanel h2 {   
	color:#0066CC;   
	font-family:Arial,Helvetica,sans-serif;   
	font-size:1.1em;   
	margin-bottom:6px;   
	margin-top:3px;   
	text-align:left;
}

#rhpanel h4 {
   color:#8FC974;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:1.2em;   
   margin-bottom:3px;   
   margin-top:6px;
}

#rhpanel a {
   color:#009999;   
   font-family:Arial,Helvetica,sans-serif;  
   font-size:1em;   
   text-decoration:none;
}

#rhpanel a:visited {
   color:#009999;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:1em;   
   text-decoration:none;
}

#rhpanel a:hover, #rhpanel a:active {
   background-color:#EFEFEF;   
   color:#009999;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:1em;
}

#rhpanel ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;	
	}	
#rhpanel ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
        border-bottom: 1px dashed #333;
	}
#rhpanel ul ul {
	list-style-type: none;
        border-bottom: 0px dashed #333;
	margin: 0 0 10px;
	padding: 0px;
	}
#rhpanel ul li li {
	background: #EFF7F7 url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	}	
#rhpanel ul li ul li {
	background: #EFF7F7 url(images/arrow.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0 0 10px;	
        border-bottom: 0px;
}


#rhpanel p, #lhpanel p {
   color:#666666;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:0.9em;   

   margin:3px 5px 15px;   
   text-align:left;
}

#rhpanel h1, #lhpanel h1 {   
	color:#0066CC;   
	font-family:Arial,Helvetica,sans-serif;   
	font-size:1.2em;   
	font-weight:lighter;   
	text-align:left;   
	padding-top:0px;
}

#rhpanel h2, #lhpanel h2 {   
	color:#0066CC;   
	font-family:Arial,Helvetica,sans-serif;   
	font-size:0.8em;   
	margin-bottom:6px;   
	margin-top:3px;   
	text-align:left;
}

#rhpanel h4, #lhpanel h4 {
   color:#8FC974;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:1.2em;   
   margin-bottom:3px;   
   margin-top:6px;
}

#rhpanel a, #lhpanel a {
   color:#009999;   
   font-family:Arial,Helvetica,sans-serif;  
   font-size:1em;   
   text-decoration:none;
}

#rhpanel a:visited, #lhpanel a:visited {
   color:#009999;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:1em;   
   text-decoration:none;
}

#rhpanel a:hover, #rhpanel a:active, #lhpanel a:hover, #lhpanel a:active {
   background-color:#EFEFEF;   
   color:#009999;   
   font-family:Arial,Helvetica,sans-serif;   
   font-size:1em;
}

#rhpanel .rhdivider {
	border-top:1px dashed #B4DEEE;
    height:1px;
	margin:5px 7px;
}

#content {
   float:left;
   font-size: 1em;   
   width:410px;   
   margin-top:15px;
}

#content1 {
   float:left;
   font-size: 1em;   
   width:637px;   
   margin-top:15px;
}

#content p {   
	color:#666666;   
	font-family:Arial,Helvetica,sans-serif;   
	font-size:1em;   
	margin-bottom:10px;   
	margin-top:10px;   
	margin-right: 15px;
}

#content ul {
       padding-left: 15px;
}

#content li {
       padding-left:10px;
       margin-bottom:10px;
}

.fp_statement { 
  color:#0073A6;   
  font-size:1.2em;   
  font-weight:bold;   
  padding:5px;
}

#footer {
	margin: 0px auto 0px;        
	width:100%;        
	text-align:center;        
	float:left;        
	background-position:center top;        
	background-repeat:repeat-x;        
	margin-bottom:10px;
}

#footerleft {
    background: url('images/footer_bdr_left.gif');         
	width:8px;         
	height:15px;        
	float:left;}
#footercenter {        
	width:564px;         
	float: left;         
	background: url('images/footer_bdr_bg.gif');        
	repeat-x;         
	height:15px;
}

#footerbubbles {        
	width:245px;         
	float: left;         
	background: url('images/footer_bubbles.png');        
	height:44px;
}

#footermoja {    
    width:28px;         
	float: left;         
	background: url('images/designed_by_moja.gif');        
	height:44px;
}

#footercenter {    
    width:564px;         
	float: left;         
	background: url('images/footer_bdr_bg.gif');        
	repeat-x;         
	height:15px;
}

#footerright {        
	background: url('images/footer_bdr_right.gif');         
	width:10px;         
	height:15px;         
	float:right;
}

#footer p {	
	color:#0066CC;        
	font-family:Arial,Helvetica,sans-serif;        
	font-size:0.6em;        
	font-weight:lighter;        
	text-align:left;        
	padding-top:10px;
}

a img {	
	border: none;        
	vertical-align: top;	
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}