/* Let's import the lovely google font, please keep this line at the top of your stylesheet */

@import url(http://fonts.googleapis.com/css?family=Capriola);

body
{
  line-height: 1;
  font-family: 'Capriola', sans-serif;
  font-family: sans-serif;
}

/* Rounded Corners */
.rcorners1
{
    border-radius: 25px;
    background: #b4b4b4;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.rcorners2
{
    border-radius: 25px;
    background: #ffa;
    padding: 20px; 
    margin-top: 10px;
    margin-bottom: 10px;
}


/* Menu CSS */ 

#topmenu, #topmenu ul, #topmenu ul li, #topmenu ul li a
{
  padding: 0;
  margin: 0;
  line-height: 1;
  font-family: 'Capriola', sans-serif;
}

#topmenu:before, #topmenu:after, #topmenu > ul:before, #topmenu > ul:after
{
  content: '';
  display: table;
}


#topmenu:after, #topmenu > ul:after
{
  clear: both;
}

#topmenu
{
  zoom:1;
  height: 44px;
  background: url(../images/bottom-bg-44x44.png) repeat-x center bottom;
  border-radius: 2px;
}

#topmenu ul
{
  background: url(../images/nav-bg-blue.png) repeat-x 0px 4px;
  height: 40px;
}

#topmenu ul li
{
  float: left;
  list-style: none;
}

#topmenu ul li a
{
  display: block;
  height: 22px;
  padding: 13px 30px 0;
  margin: 5px 2px 0;
  border-radius: 2px 2px 0 0;
  text-decoration: none;
  font-size: 12px;
  color: white;
  text-shadow: none;
  font-weight: 400;
  opacity: .9;
}

#topmenu ul li:first-child a
{
  margin: 4px 2px 0 0;
}

#topmenu ul li a:hover, #topmenu ul li.active a
{
  background: url(../images/color.png) center bottom;
  display: block;
  height: 22px;
  margin-top: 0px;
  padding-top: 18px;
  color: darkblue;
  text-shadow: none;
  opacity: 1;
}

#wrap
{
  width:1020px;
  margin:0 auto;
  background:#fff;
}

#header
{
  background:#fff;
}

#topnav
{
  background:#fff;
}

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

#topnav li
{
  display:inline;
  margin:0;
  padding:0;
}

#leftnav
{
  padding-top: 20px;
  background:#fff;
  float:left;
  width:298px;
}

#mainhome
{
  padding-top: 20px;
  background:#fff;
  float:left;
  width:1020px;
  text-align: justify;
}

#main
{
  border-left: 1px solid #b4b4b4;
  padding-left: 20px;
  padding-top: 20px;
  background:#fff;
  float:right;
  width:700px;
}

#footer
{
  clear:both;
  width:1020px;
  margin:0 auto;
  background:#fff;
}

#footerright
{
  background:#fff;
  float:right;
  text-align:right;
  width: 509px;
  padding-bottom: 30px;
}

#footerleft
{
  background:#fff;
  float:left;
  text-align:left;
  width: 509px;
  padding-bottom: 30px;
}

img.floatLeft
{
  float: left; 
  margin-top: 12px; 
  margin-bottom: 12px; 
  margin-right: 12px; 
}

img.floatRight
{
  float: right; 
  margin-top: 12px; 
  margin-bottom: 12px; 
  margin-left: 12px; 
}

img.leftnav
{
  width: 108px;
  height: 72px;
  text-align: left;
  margin-bottom: 20px;
  margin-left: 0px;
}

table.leftnav
{
  width: 278px;
  text-align: left;
  border: 1px solid #b4b4b4;
}

td.leftnav, td.leftnav a
{
  margin-left: 10px;
  background: url(../images/nav-bg-blue.png) repeat-x 0px 0px;
  height: 44px;
  border-radius: 2px 2px 0 0;
  line-height: 1;
  text-decoration: none;
  font-family: 'Capriola', sans-serif;
  font-size: 12px;
  color: white;
  text-shadow: none;
  font-weight: 400;
  opacity: .9;
}

td.leftnav:hover, td.leftnav:hover a
{
  background: url(../images/bg-44x44.png) repeat-x 0px 0px;
  color: darkblue;
  text-shadow: none;
  opacity: 1;
}