/*CSS for Puppet Barge
* Author: Moustique Design http://www.moustique.net/
* Date: February 2009
*/
/* Generic elements =========================*/

body {
	font: normal 0.9em Verdana, Arial, Tahoma, sans-serif;
	background-color: #66ccff;
	margin: 0px;
	padding: 0px;
}

img { border: none; margin-right: 5px;}

h1 {
	color: #cc3333;
	font: bold 3.5em Courier New, Verdana, Arial, Tahoma, sans-serif;
	margin: 0;
	padding: 0;
}

h1 a {
	text-decoration: none;
}

h2 {
	color: #cc3333;
	text-transform: uppercase;
	font-size: 2.1em;
	margin: 0 0 5px 0;
	padding: 0;
}

h2 a {
	color: #cc3333;
	text-decoration: none;
}

h2 a:hover {
	text-decoration: none;
}


h3 {
	font-size: 1em;
	text-transform: uppercase;
	margin-top: 0;
	color: #cc3333;
}

#logo h4 {
	margin-bottom: 5px;
	font-size: 1.1em;
}

h4 {
color: #cc3333;
font-weight: bold;
}

h4 a:hover {
	text-decoration: none;
}

span {
color: #cc3333;
font-weight: bold;
}

span a{
color: #cc3333;
font-weight: bold;
}

span a:hover {
text-decoration: none;
}

p {
	margin: 0 0 15px 0;
	/*padding: 0; */
}

a {
	color: #000;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

/* -------------------- main part ----------------------*/

#frame {
	padding-bottom: 10px;
}


/* -------   header   -------*/

#header {
	width: 900px;
	padding: 0 40px;
}

#header h4 {
	font: normal 1.3em Arial, Verdana, Tahoma, sans-serif;
	margin: -2px 0 0 0;
	padding: 0;
}

#logo {	
	padding: 0px 0 0 0;
	float: left;
	width: 360px;
}

#logo a {color: #cc3333;}
#logo a:hover {text-decoration: none;}

#logo h1{
  display: none;
}


#book {
	float: right;
	width: 240px;
	padding: 75px 0 0 0;
	font-weight: bold;
}

#book ul {
	padding: 0;
	margin: 0 0 0 20px;
	font-size: 0.9em;
}

#book ul li {
	list-style: none;
	list-style-image: url(../images/bullet-blue.gif);
}

#book ul a {
color: #000; 
text-decoration: underline;}
#book ul a:hover {text-decoration: none;}

/* -------   nav top  -------*/

#nav-top {
	font-weight: bold;
	font-size: 0.9em;
	margin: 15px 0 28px 0;
	padding: 0 0 0 40px;
	background-color: #ffff33;
	text-transform: uppercase;
}

#nav-top a {color: #000;}
#nav-top a:hover {text-decoration: underline;}

#nav-top ul {
	background-color: #ffff33;
	margin: 0 0 0 0px;
	padding: 10px 0;
}

#nav-top ul li {
	padding: 0 35px 0 0;
	list-style: none;
	display: inline;
}

#nav-top ul li a {
	padding: 0 0 0 15px;
	background: #ffff33 url(../images/bullet-yellow.gif) top left no-repeat;
}


/* -------   nav left  -------*/

#nav-left {
	width: 265px;
	padding: 0 0 0 40px;
	float: left;
	background-color: #66ccff;
}

#nav-left a { }
#nav-left a:hover {text-decoration: none; background-color: #cc3333; color: #66ccff;}

#nav-left ul {
	background-color: #9fdfff;
	margin: 0 0 10px 0;
	padding: 0 0 7px 12px;
	font-size: 0.8em;
	font-weight: bold;
}

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

#nav-left h3 {
	font-size: 1em;
	background-color: #9fdfff;
	text-transform: uppercase;
	padding: 10px 0 5px 12px;
	margin: 0;
}

/* -------  content -------*/

#contentFrame {
	width: 640px;
	float: left;
	margin: 0;
	padding: 0 0 10px 25px;
}