/******************************************/

/*  StevieMultiplyTheme CSS Stylesheet    */

/*  by Stefan Vapenik                     */

/*  copyright 2009                        */

/******************************************/



/***************************/

/* RESET MARGINS & PADDING */

/***************************/



html, body, div, span,

p, blockquote, pre, code,

h1, h2, h3, h4, h5, h6,

form, fieldset, legend, label, input, textarea,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;

  padding: 0;

}



img {

  border: 0;

}





/**************/

/* TYPOGRAPHY */

/**************/



body {

  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;     /* web safe fonts */

  font-size: 75%;    /* 12px */

  font-weight: normal;

  line-height: 160%;    /* 19.2px */

}



h1 {

  font-size: 2.5em;

  font-weight: normal;

  line-height: 120%;

}



h2 {

  font-family:serif;

  font-style:italic;

  font-size: 1.75em;

  font-weight: bold;

  line-height: 120%;

}



h3 {

  font-size: 1.25em;

  font-weight: bold;

  line-height: 120%;

}



h4 {

  font-size: 1.1em;

  font-weight: bold;

  line-height: 120%;

}



h5 {

  font-size: 1em;

  font-weight: bold;

  line-height: 120%;

}



h6 {

  font-size: 0.8em;

  font-weight: bold;

  line-height: 120%;

}





/*****************/

/* DEFAULT LINKS */

/*****************/



a {

  color: #27638C;

  margin: 0;

  padding: 0;

  text-decoration: none;

}



a:link,

a:visited {

  color: #27638C;

}  



a:hover,

a:active {

  text-decoration: underline;

}





/**********/

/* LAYOUT */

/**********/



html {

  background: #7fd6f6 url(../images/bg-pattern.png) repeat;

}



#main {

  margin: 0px auto 0 auto;

  width: 990px;

}

#header {

  background: transparent;

  margin: 15px auto 15px auto;

  width: 990px;

  height: 70px;

}



#header .logo {

  margin: 0px 0px 0px 40px;

}





#top {

  background: url(../images/top.png) no-repeat;

  margin: 0px auto 0 auto;

  width: 990px;

  height: 15px;

}



#menu {

	width: 960px;

	height: 29px;

	float: none;

	padding: 0px 0px 0px 30px;

	margin: 0px 0px -3px 0px;

}

* html #menu {

  margin: 0px 0px -8px 0px;;  

  

}

.menu-item {

	width: 171px;

	height: 29px;

	display: block;

    background: url(../images/menu-inactive.png) no-repeat;

	float: left;

}



#menu  a {

	margin: 0px 0px 0px 0px;

	width: 171px;

	height: 29px;

	display: block;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	text-align: center;

	padding-top: 5px;

	text-decoration:none;

	color: #ffeec5;

	font-weight:bolder;

	position: relative;

	z-index: 1;

}

#menu a:hover {

  color: black;

  background: url(../images/menu-active.png) no-repeat;

}

#menu a.active {

  color: black;

  background: url(../images/menu-active.png) no-repeat;

}



#middle {
  margin: 0 auto 0 auto;
  width: 990px;
  float: none;
}

#content {

  background: url(../images/content.png) repeat-y;

  float: left;

  width: 990px;

}

#content-left-all {

  float: left;

  width: 265px;

  margin: 0px 0px 0px 10px;

}



* html #content-left-all {

  margin: 0px 0px 0px 5px;

  

  

}

#content-left-bg {

  background: url(../images/content-left.jpg) repeat-y;

  float: left;

  width: 265px;

  /*height: auto;*/

}

#content-left {

  background: transparent;

  width: 225px;

  height: auto;

  padding: 5px 20px 0px 20px;

}

#content-left-bottom {

  background: url(../images/bottom-left.jpg) no-repeat;

  float: left;

  width: 265px;

  height: 25px;

}

#content-left-text {
  padding: 5px 20px 0px 20px;
  float: left;
}

* html #content-left-bottom{

  margin-top:-13px;  

}



#content-right-all {

  float: left;

  width: 689px;

  margin: 0px 0px 0px 15px;

}

#content-right-top {

  background: url(../images/top-right.png) no-repeat;

  float: left;

  width: 689px;

  height: 26px;

}

#content-right-bottom {

  background: url(../images/bottom-right.png) no-repeat;

  float: left;

  width: 689px;

  height: 30px;

}

* html #content-right-bottom{

 margin-top:-17px; 

}

#content-right-bg {

  background: url(../images/content-right.png) repeat-y;

  float: left;

  width: 689px;

  height: auto;

}



#content-right {

  background: transparent;

  width: 639px;

  height: auto;

  padding: 0px 25px;

}

#bottom {

  background: url(../images/bottom.png) no-repeat;

  margin: 0 auto 0 auto;

  width: 990px;

  height: 15px;

  float: left;

}



#footer {

  margin: 0px auto 0 auto;

  padding: 0px 0px 10px 0px;

  width: 990px;

  height: 20px;

  float: left;

}

div.copyright {

  color: white;

  font-weight: bold;

  text-align: center;
  
  margin-top:5px;

}