/* Start of CMSMS style sheet 'peony' */
html, body, div, p, img, ul, li, h1, h2{padding: 0px; margin: 0px; border: none;}

html{ 
  background-color: #f4f3ee;
}

body{
  width:790px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;

}

.border img{display: block;}

#wrapper, #wrapper2{
  width: 745px;
  background: transparent url(uploads/images/bg_container.jpg) repeat-y;
  padding: 30px 25px 15px 25px;
}
#wrapper2{
  width: 745px;
  padding: 30px 25px 15px 25px;
}
/******************************************
 * Header Styles
 ******************************************/
#logo{float: right}
#menu ul, #menu li{
  padding: 0px;
  list-style: none;
}
#menu a{
  font-family: Arial; 
  font-size: 12px; 
  color: #727272;
  text-decoration: none;
}

#menu a.active, #sidebar .active{color: #d45f3b}
#menu a:hover, #menu a.active:hover{text-decoration: underline;}

#menu .firstLevel{ margin-right: 35px; float: left; width: padding-left: 3px;}
#menu .secondLevel{border-left: solid 1px #bababa; padding-left: 35px; float: left;}

.banner_image{clear: both; padding-top: 13px;}
/******************************************
 * breadcrumb
 ******************************************/
 #breadcrumb{ border-bottom: solid 1px #ccc; margin-top: 10px; padding-bottom: 10px;}
 #breadcrumb, #breadcrumb a, #breadcrumb span{
   text-decoration: none;
   font-size: 10px;
   font-family: verdana;
   color: #999;
 }
 #breadcrumb a:hover{text-decoration: underline;}

/******************************************
 * Main content styles
 ******************************************/

 #sidebar{ width: 180px; float: left; margin-top: 10px;}
 #sidebar a{
   padding-top: 7px;
   display: block;
   text-decoration: none;
   font-size: 11px;
   font-family: Arial;
   color: #757575;
 }
 #sidebar a.page{text-decoration: underline;}
 #content{ width: 550px;
           float: left;
 
		   }
 #content h1{
   padding-top: 7px;
   padding-bottom: 12px;
   font-size: 20px;
   font-family: Georgia;
   color: #762224;
   margin-top: 5px;
   background: transparent url(uploads/images/dot.gif) repeat-x bottom left;
 }

 #content p{ 
		   font-family:Verdana;
		   font-size:11px;
		   line-height:150%;
		   color:#666666;
 }

 #content h2{
   font-size:12px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color: #666666;
   margin-top: 7px;
   padding-bottom: 12px;

 }
 .name{font-size: 13px; color: #444444;}
/******************************************
 * Footer
#footer{clear: both;}
/******************************************
 * homepage styles
 ******************************************/
 #homepage_boxes{
   padding-top: 25px;
   height: 181px;
   width: 741px;
   background: transparent url(uploads/images/boxes_background.gif) no-repeat;
 }
 .box{float: left; padding-left: 26px; padding-right: 26px;}
 .box1{width: 200px; }
 .box2{width: 191px;}
 .box3 {width: 192px;}
 .box p, .box a{
   font-family: Arial;
   color: #b1a287;
   font-size: 12px;
 }

 #footer1{
   font-size: 12px;
   font-family:Arial;
   color: #C3C3C3;
   text-align:right;
  
   }
   
 #footer{ border-top: solid 1px #ccc; margin-top: 30px; padding-top: 15px;}
 #footer, #footer a, #footer span{
   text-decoration: none;
   font-size: 12px;
   font-family:Arial;
   color: #C3C3C3;
 }
 
 #content p{padding-bottom: 12px;}

#switch
{display: block; clear: both;
  font-family: Arial; 
  font-size: 12px; 
  color: #727272;
  text-decoration: none;
}

#switch a{
  font-family: Arial; 
  font-size: 12px; 
  color: #727272;
  text-decoration: none;
}

#switch a.active, #sidebar .active{color: #d45f3b}
#switch a:hover, #menu a.active:hover{text-decoration: underline;}
/* End of 'peony' */

