<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#invertedtabs{
   margin:auto;
   width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
	margin: 0 10px 0 10px;
}

#invertedtabs ul{
font: bold 10px Arial, Verdana, sans-serif;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em;
}


#invertedtabs a{
float:left;
color: #921653;
background: #f0dadc url(media/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 2px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 5px 3px 6px;
}

#invertedtabs a span{
float:none;
}


#invertedtabs a:hover{
background-color: #a3cd39;
}

#invertedtabs a:hover span{
background-color: #a3cd39;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #a3cd39;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #f0dadc;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


#invertedtabslinetop{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 28px;
background: #bb6572;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


#invertedtabslinetophead{
clear: both;
padding: 0;
width: 100%;
line-height: 28px;
background: #bb6572;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
text-align:right;
color:#FFFFFF;
}

#invertedtabslinetopfoot{
clear:both;
position:relative;
bottom: 0px;
padding: 0;
width: 100%;
height: 100%;
line-height: 28px;
background: #bb6572;
border-bottom: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
text-align:right;
color:#FFFFFF;
}

#invertedtabslinetophead a {
color:#FFFFFF;
}

    /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(img.php.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:335px !important; /* IE Win = width - padding */
      width: 320px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */

</style>