/* general presentation stuff */

body {
    height: 100%;
	background: #FFFFFF;
	font: 10px Arial,sans-serif;
	width: 800px;
	margin: 0 auto;
	padding: 0;
    border: 0;
}

/*links esp for database image layout*/

a{color:#333333;}
a{text-decoration:none}
a:hover{color:#F2007A; text-decoration:none;}
a img
{
text-decoration: none;
outline: none;
margin: 0px;
padding: 0px;
border-width: 0;
border-style: none;
}

/* header */
.header {
	background: #ffffff;
	height: 70px;
	margin: 0 auto;
	width: 800px;
}


/* structure */
.container {
	background: #FFFFFF;
	margin: 0 auto;
	width: 800px;
	border: none;	
	
}



/* title */
.title {
}
.title h1 {
	color: #E2007A;
	font: 10px Arial,sans-serif;
}

/* main */
.main {
	width: 800px;
	margin: 0 auto;
	border: none;	
}


/*body text header*/
h1 {
	color: #E2007A;
	margin-bottom: 4px;
	padding-top: 6px;
	font: bold 12px Arial,sans-serif;
}

/*body text*/
h2 {
	color: #333333;
	margin-bottom: 4px;
	padding-top: 6px;
	font: bold 11px Arial,sans-serif;
}


/* control of block-level elements.  */


/* content */
.content {
	padding-top: 12px;
	float: left;
	margin: 0 0 0 0;
	width: 580px;
}
.content .descr {
	color: #987E57;
	font-size: 1.1em;
	margin-bottom: 0px;
}
.content li {
	list-style: url(images/li.gif);
	margin-left: 0px;
}

/* just images frame layout*/
.frame {
  background-color:#ffffff;
  border: solid 1px #999;
}

.frame img {
  float: left;
  padding: 2%;
  width: 255px;
  max-width: 300px;
}

.frame p {
  float: right;
  width: 68%;
  margin: 0;
  padding: 2% 2% 2% 0;
}

/* navigation */
.navigation {
    text-align:center;
	background: url(images/pinkbar.jpg) no-repeat;
	font: bold 11px Arial,sans-serif;
	height: 20px;
	margin: 0 auto;
	padding: 0 0px;
	width: 800px;
}
.navigation a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 4px;
	margin-right: 12px;
	line-height: 20px;
}
.navigation a:hover {
/*background: #FFFFFF;*/
	color: #FFCCFF;
}


/* sidenav */
.sidenav {
	float: right;
	font: normal 10px Arial,sans-serif;
	width: 180px;
	right: auto;
	padding-top: 30px;
	
}
.sidenav h1 {
	background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;  
	border-top: 1px solid #FFFFFF;
	font: bold 11px Arial,sans-serif;
	color: #E2007A;
	height: 22px;
	margin: 0;
	padding-left: 0px;
}

.sidenav h1 li {
border-bottom: 1px solid #FFFFFF;   
border-top: 1px solid #FFFFFF;
list-style: none;
}

.sidenav h1 a {
	background: #FFFFFF;
	color: #E2007A;
	display: block;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

.sidenav h1 a:hover {
	background: #FFFFFF;
	color: #554;
}

.sidenav h2 {
	background: #FFFFFF;
    border-bottom: 0px solid #FFFFFF;  
	border-top: 0px solid #FFFFFF;
	font: normal 12px Arial,sans-serif;
	color: #E2007A;
	margin: 0;
	padding-left: 0px;
}

.sidenav h2 li {
border-bottom: 0px solid #FFFFFF;   
border-top: 0px solid #FFFFFF;
list-style: none;
}

.sidenav h2 a {
	background: #FFFFFF;
	color: #E2007A;
	display: block;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

.sidenav h2 a:hover {
	background: #FFFFFF;
	color: #554;
}

.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidenav li {
border-bottom: 1px solid #FFFFFF;   
border-top: 1px solid #FFFFFF;
list-style: none;
}
.sidenav li a {
	background: #FFFFFF;
	color: #554;
	display: block;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
.sidenav li a:hover {
	background: #FFFFFF;
	color: #E2007A;
}