/* --- Main CSS for Masterpiece Life --- */

body {
	color: #000;
	background-color: #b8b8b8;
	background-image: url(images/bkg.jpg);
	background-position: top left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: small;
}

/* --- wrapper for additional control --- */
#wrapper {    
	width: 800px;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: auto;
	border: 3px solid #00072b;
	background-color: #fff;
	background-image: url(images/bg_wrapper.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

/* --- header - contains the image --- */
#header {
	margin: 0;
	padding: 0;
	height: 212px;
	background-color: White;
}

#header #img {
	float: left;
}

#header h1 {
	color: White;
	padding-left: 400px;
}

#header h2 {
	color: Yellow;
	padding-left: 400px;
	font-size: 1.3em;
}

/* --- main navigation --- */

#main_nav {
  margin: 0;
  padding: 0;
  width: 600px;
  position: absolute;
  top: 206px;
  left: 15px;
}

#main_nav ul {
	margin: 0;
	padding: 0;
	background-color: transparent;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#main_nav li {
	display: inline;
	list-style-type: none;
}

#main_nav li a {
	padding: 0.2em 0.5em;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#main_nav a:hover, #main_nav a:active {
	background-color: #FFD700; 
	color: #000;
}

/* --- you are here processing main_nav --- */
#home #nav_home a,
#events #nav_events a,
#ordering #nav_ordering a,
#teleseminars #nav_telesems a,
#speakers #nav_speak a,
#about #nav_about a,
#contact #nav_cont a {
	font-weight: bold;
	font-style: italic;
}

/* --- Sub_Nav: right side column --- */

#sub_nav {
	float: right;
	width: 192px;
	margin: 5px 0 0 0;
	padding: 5px;
	background-color: transparent;
	clear: right;
}

#sub_nav ul {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 0.9em;
	width: 100%;
}

#sub_nav li {
	list-style-type: none;
}

#sub_nav li a {
	display: block;
	padding: 3px 5px 3px 5px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #eee;
}

#sub_nav a:hover, #sub_nav a:active {
	background-color: #CED3F1; 
	color: #000;
}

/* --- content div markup --- */

#content {
	float: left;
	background-color: White;
	margin: 0;
	padding: 20px;
	width: 550px;
}

#content h1 {
	color: #00105f;
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 5px;
	padding-top: 0px;
	clear: both;
}

#content h2 {
	color: #00105f;
	font-size: 1.1em;
	font-style: italic;
	border-bottom: 1px dotted #EF7600;
}

#content h3 {
	color: #00105f;
	font-size: 1.0em;
	font-style: italic;
}
#content h5 {
	color: #00105f;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
}
#content p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .90em;
}

#content ul  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .90em;
}

#content blockquote  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .90em;
	font-weight: bold;
	font-style: italic;
}
#content img.bio {
	float: left;
	margin-right: 5px;
}

#content table {
	margin: 0 auto;
	padding: 0.5em;
	background-color: #E4E8F8;
	border: 1px solid #C9CEEC;
}

#content td {
	padding: 0 0.5em;
	font-size: 0.85em;
	border-bottom: 1px dotted #C9CEEC;
}

/* --- Extra Info markup: Initially a right side panel --- */

#extra_info {
	float: left;
	margin: 5px 0 0 10px;
	padding-top: 5px;
	width: 180px;
	background-color: transparent;
}

#footer {
	clear: both;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background-color: #fff;
	color: #ee8721;
	text-align: center;
	padding: 5px 0 5px 0;
	background-image: url(images/bg_wrapper.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

#footer p {
	margin-bottom: 0;
	margin-top: 0.25em;
}

#footer a {
	text-decoration: none;
	color: #ee8721;
	font-weight: bold;
}

#footer a:hover {
	font-style: italic;
	text-decoration: underline;
}

cite {
	display: block;
	margin: 0.5em;
}

/* --- speaker navigation --- */

#speaker_nav {
  margin: 0;
  padding: 0;
  height: 2.25em;
  text-align: center;
/*   border-bottom: 1px dotted gray;*/
}

#speaker_nav ul {
	margin: 0;
	padding: 0;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

#speaker_nav li {
	display: inline;
	list-style-type: none;
}

#speaker_nav li a {
	padding: 0.2em 12px 0.2em 0.3em;
	color: #FF8C00;
	text-decoration: none;
	float: left;
	background-image: url(images/down.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

#speaker_nav a:hover, #speaker_nav a:active {
	text-decoration: underline;
}

/* --- testimonials --- */
p.testimonial {
	font-style: italic;
	padding-left: 2em;
	padding-right: 2em;	
	padding-bottom: 30px;
	background-image: url(images/rule.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.totop {
	padding-left: 18px;
	background-image: url(images/up.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

.totop a {
	text-decoration: none;
	color: #C9CEEC;
	font-weight: bold;
}

/* --- event styles --- */

.event {
	padding-bottom: 15px;
	background-image: url(images/rule.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.event .totop {
	margin: 15px 0 0 0;
	background-image: url(images/up.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

.ev_category {
	margin: 15px 0 5px 0;
	padding: 0.2em 0;
	background-color: #E9EBF7;
	border-bottom: 1px solid #00105F;
}

.ev_category h2 {
	margin: 0;
	padding: 0;
	font-size: 1.25em;
}

.event h3 {
	font-size: 1em;
}

.event h4 {
	float: left;
	margin: 0;
	width: 59px;
	padding: 0;
	font-size: 0.85em;
	color: #233589;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.event p {
	margin: 0 0 0.4em 60px;
}

.event ul {
	margin: 0 0 0.4em 65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}

.urgent {
	color: red;
}
/* for placing sign me up on right hand margin */
#rhs {
	float: right;
	width: 180px;
	margin: 5px 0 0 0;
	padding: 5px;
	background-color: transparent;
	clear: right;
}