body {
background-color: #fff;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}


/* ----------container to center the layout-------- */
#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------header for logo-------------- */
#header {
text-align: left;
padding: 0px;
margin: 0px;
height:323px;
background: #fff url(http://www.madiw.webfactional.com/media/images/barbro_logo.jpg) top center no-repeat;
 }

#header img {padding:10px 0px;} 

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 200px #fff; /* color of the left column  */ 
border-right: solid 200px #fff; /* color of the right column  */ 
background-color: #ffffff;  /* color of the content column */
} 

#inner{margin:0; width:100%; } /* The ie/pc pecularity */ 

/* --------------left and right navi------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 }

/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin-left: 10px; 
}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

/* ----------------next------------------------ */
h1 {color:#ff00ff;margin-bottom:20px;margin-top:20px;text-align:center;}
h2 {color:#65a8ed;margin-bottom:20px;margin-top:20px;text-align:center;}
h3 {color:#91bd5c;margin-bottom:20px;margin-top:20px;text-align:center;}
h4 {color: maroon;margin-bottom:20px;margin-top:20px;text-align:center;}
h5 {color: #9fdd45; font-size:12px;text-align:center;}
h6 {color: #000; font-size:10px; margin-left:10px;margin-top:0px;font-weight:normal;}
div#imleft{float:left; padding:5px;}
div#imcenter{text-align:center; margin:10px;}
div#imright{float:right; padding:10px;}



/* ------------------boxes--------------------- */

.box h4, .externallinks h4
{
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size: 94%;
  font-weight: bold;
  padding: 3px 0 4px 12px;
  margin:0 0 0 0;
  text-align: left;
  z-index: 0;
  color:#000;
  -moz-border-radius-topleft: 11px;
border-bottom: 5px solid #ff00ff;
  background-color:#ffffcc;

}

#boxes {
  width: 188px;
  float:right;
  margin: 0 0 6px 20px;
}

#boxes .box, .externallinks
{
  font-family: Arial, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  font-size:  98%;
  text-align: left;
  color: #000000;
  width: 188px;
  border: 1px solid #B7BECC;
  z-index: 999;
  float:right;
  padding-bottom: 10px;
  list-style:none;
  margin-bottom: 20px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 12px;
  background-color: #ffffcc;
}


.more {
  text-align:right;
}

#content-body #boxes a.more {
  display:block;
  padding:3px 10px 0 0;
  border-bottom:0;
}

.box div {
  padding: 0 15px 0 15px;
}

/* boxes ends */

/* ---------------------------MENU STARTS HERE-------------- */

#menu
{

  padding:0;
  margin-bottom: 10px;
  width: 170px;
  font-size:100%;
}

#menu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0; 
}

#menu li
{
  display:inline;
}

#menu ul.level-one a
{
  display: block;
  border: 1px solid #fff;
  padding: 4px;
  margin: 10px 0px 0px 10px;
  width: 150px !important;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
 font-weight: normal; color: #000;
  background-color:#ffffcc;
 text-decoration:none
}
#menu ul.level-one a:hover
{
  color: #fff;
  text-decoration:none;
  background-color:#ff00ff;
}
#menu ul.level-two a
{

  background-image: none;
  background-color: transparent;
  display: block;
  border: 0;
  border-bottom: 1px solid #DDD;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 10px;
  color: #3C4B7B;
  background: none;
  width: 150px !important;
  font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  text-transform: none;
  text-decoration:none;
}

#menu ul.level-two a:hover
{
  text-decoration: none;
  color: black;
  background-color:#DDD;
}

/* --------------------- buttons --------------------- */

#buts {
text-align:center;
margin-top:20px;
margin-bottom:20px;
}

#buts a
{
display: block;
display: inline;
text-align:center;
  border: 1px solid #bdbdbd;
  padding: 4px;
  margin: 10px;
  width: 60px !important;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
 font-weight: bold; color: #3C4B7B;
  background-color:#ffffcc;
 text-decoration:none}

#buts a:hover
{
  color: #fff;
  text-decoration:none;
  background-color:#ff00ff;
}