/* CSS Document for Judy Shahn, Vibrant Speaking*/

/* judyScreenV3.css: This controls the output on the screen. There is another style sheet to control the appearance for printing from the computer.*/


/* The first copyright below is for the CSS flyout menus, adapted from Stu Nicholl's demo model */
/* ================================================================ 
 This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* The following copyright covers the rest of the site */
/* Copyright 2007 Bunny Hirschmann Web Services, all rights reserved. Please contact Bunny at 206-523-8016 or bhirschm@hotmail.com */
/* for permission to use any part of this script. */

/* This documents contains both layout elements and style elements. Colors and font characteristics can be changed*/
/* without causing major problems. Since this site does not rely on tables for positioning or layout, change other code */
/* with extreme caution, since it may be controlling those elements!*/

/* This one is 200px narrower than judyScreen.css*/

/******************************layout divs */

#container{
	width: 760px;
	margin: 0px 0px 0px 0px;
	margin: 0 auto;
	padding: 0px;
	border-right: 5px solid #660000;
	border-left: 5px solid #660000;
	background-image:url(images/stripe.gif);
	background-repeat:repeat;
	background-color: #ffffff;
	}
	
#masthead{
	width: 760px;
	height: 103px;
	padding: 0px;
	margin: 0 auto;
	text-align: right;
	clear: both;
	background-repeat:no-repeat;
	background-color:#ffffff;
	border-top: 5px solid #660000;
	float: left;
	border-bottom: 3px #660000 solid;
	}
	
#masthead h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	padding: 1.0em .6em 0 0;
	font-style: normal;
	color:#990000;
	letter-spacing:.3em;
	line-height: .5em;
	}
	
#masthead h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0 0 .6em 0;
	font-style: normal;
	color:#990000;
	}
	
#masthead a:link{
	color: #003366;
	text-decoration: none;
	}
	
#masthead a:visited{
	color: #003366;
	text-decoration: none;
	}

#masthead a:hover, #masthead a:visited:hover{
	color: #003366;
	text-decoration: none;
	}
	
#masthead a:active, #masthead a:active:hover {
	color: #003366;
	text-decoration: none;
	}
	
#masthead img {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	}
/*#picture{
	float: left;
	margin: 0;
	width: 200px;
	padding: 0px 4px 0px 4px;
	
}*/
	
#topTitle {
	float: right;
}

#topTitle p {
	padding: 0 1.0em .4em .25em;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

#topTitle ul {
	padding: 0em 1.0em 1.0em 1.0em;
	margin-bottom: .2em;
	font-size: 14px;
	font-weight: bold;
	list-style: square;
	list-style-position: inside;
	text-align: left;
}

#topTitle ul li {

}

#globalNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width: 400px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 10px;	
	}

#globalNav a:link {
	color: #000000;
	text-decoration: underline;
}



#content{
	width: 500px;
	padding: 0px 30px 5px 22px;
	float: right;
	background-color: #ffffff;
	color: #000000;
	margin: 0;
	}
	

	
#content h1 {
	margin-right: 30px;
}
#content h2 {
	margin-right: 30px;
}	
#content img{
	margin: 25px 0px 10px 15px;
	border: 1px solid #000033;
	}

#content p {
	margin-right: 30px;
	width: auto;
	
	}*/
	
#content img.borderless{
	clear: both;
	border-width: 0px;
	margin: 7px;
	}
	
#content ul {
	padding-bottom: 6px;
}

#content li {
	padding-top: 8px;
	padding-bottom: 3px;
	margin-right: 30px;
	}
	
#content table {
	margin-bottom: 10px;
	border: none;
	background-color: #ccccff;
	}
	
#content td {
	padding: 2px 4px 2px 5px;
}

#content form {
	padding-bottom: 10px;
}

#video {
	display:inherit;
}
	
#navBar{	
	width: 200px;
	padding: 0px 0px 0px 0px; /*padding was 5 on bottom before Stu's menu's*/
	float: left;
	background-color:#0066cc;
	}

#navPix {

	background-color:#0066cc;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;	
	font-size: 13px;
	width: 200px;
	margin-top: 100px;/*was 15 before doing Stu's menu */
	margin-bottom: 5px;
	padding: 5px 0px 15px 0px;
	text-align: center;	
	background-image:url(images/navPixRect.gif);
	background-repeat: no-repeat;
	position: relative;
	
	}

#navPix p {
	width: 200px;
	margin-top: 10px;
	margin-bottom: 8px;
	padding: 5px 0px 10px 0px;
	text-align: center;
	position: relative;
	
}

#navPix h2 {
	margin-right: -4px;
	margin-left: -4px;
	padding-left: 4px;
	}

#navPix a:link{
	color: #000000;
	text-decoration: underline;
	font-size: 13px;
	font-weight: bold;
	}

#navPix a:visited{
	color: #000000;
	text-decoration: underline;
	font-size: 13px;
	}

#navPix a:hover{
	color:#000000;
	text-decoration: underline;
	font-size: 13px;
	}
	
#navPix a:active{
	color: #000000;
	text-decoration: underline;
	font-size: 13px;
	}

/* Adapted from Stu Nicholl's cssflyout menu */

/* common styling */
.menu {font-family: Arial, Helvetica, sans-serif;; width:200px; height:200px; position:relative; margin:0px;font-size:14px; margin:0px 0px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:200px; height:22px; text-align:left;background-image:url(images/navUlBlack.gif); background-repeat: no-repeat;line-height:19px; font-size:14px;padding-left: 8px;padding-top: 3px;}
.menu ul {padding:0px; margin:0px;list-style-type: none; }
.menu ul li {float:left; margin-right:0px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ffffff; background:#000066;}
.menu ul li:hover ul {display:block; position:absolute; top:0px; left:208px; width:200px;}
.menu ul li:hover ul li a.hide {background:#000066; color:#ffffff;}
.menu ul li:hover ul li:hover a.hide {width:200px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#000066; color:#ffffff; width:200px;} 
.menu ul li:hover ul li a:hover {background:#666666; color:#ffffff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:208px; top:0px; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#000066; color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {background:#666666; color:#fff;} 
/*this is where Stu's code ends */


#address{
	width: 760px;
	padding: 10px 0px 5px 0px;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	margin: 0, auto;
	margin-bottom: 0px;
	clear: both;
	text-align: center;
	background-color:#ccccff;
	border-bottom: 5px solid #660000;
	border-top: 3px solid #660000;
	}
	
#address a:link{
	color: #0000ff;
	text-decoration: underline;
	}
	
#address a:visited{
	color: #0000ff;
	text-decoration: underline;
	}

#address a:hover, #address a:visited:hover{
	color: #0000ff;
	text-decoration: underline;
	}
	
#address a:active, #address a:active:hover {
	color: #0000ff;
	text-decoration: underline;
	}
	
#address img{
	border: none;
	}
	
	
/*****************************html styles **************************************************/

body{
	background-color:#990000;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	}
	
a:link{
	color: #0033CC;
	text-decoration:underline;
	}	
	
a:visited {
	color:#660033;
	text-decoration: underline;
	}
	
a:visited:hover {
	color: #660033;
	text-decoration: none;
}
	
a:hover{
	text-decoration: none;	
	}
	
a:active{
	text-decoration: none;
	color: #0033CC;
	}
a:active:hover{
	text-decoration: none;
	color: #0033cc;
	}
	
h1{
	color:#000033;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding-top: 1em;
	padding-bottom: .1em;
	
	}	
	
h2{
	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;	
	padding-top: 7px;
	}
	
h3{
	color:#000033;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 0 0 0;
	border-top: 1px solid #000033;
	}
	
h4{
	color:#000033;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0 10px 0;
}

ul {
	list-style-type:square;
	}

blockquote {
	width: 400px;
	margin-right: 30px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

.datatable {
	border: none;
	border-collapse: collapse;
	}

.datatable {
	padding: 10px;
}
/***************************misc. classes*******************************************/

.left {
float: left;
}

.center {
	text-align: center;
	margin: 0 auto;
	}

.right {
	float:right;
	text-align: center;
	}
.right h4 {
	font-size: 15px;
	font-style:normal;
	color:#000033;
	font-weight:bold;
	}

.pushLeft {
	padding-left: 0px;
	padding-right: 50px;
	}
.clear {
	clear: both;
}

.vibrant {
	color:#0066cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	margin: 0px;
	padding: 0px 3px 0px 0px;/*was 0 3 0 0 */
	line-height: 1em;	
	}

.vibrantWithin {
	color:#0066cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	margin: 0px;
	padding: 0px 2px 0px 2px;
	line-height: 1em;	
	}

.vibrantWithinEnd {
	color:#0066cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	line-height: 1em;	
	}

.vibrantNavPix {
	color:#0066cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	margin: 0px;
	padding: 0px 2px 0px 40px;
	float: left;
	line-height: 1em;
	}

.dots {
	color: #0066cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	float: none;
	width: 7px;
	height: 7px;
	display: inline;
	padding: 0px 5px 0px 6px;
	
}

#highlightList {
	width: 470px; 
	padding: 15px 30px 15px 0px;
	float: left;
	background-color: #ffffff;
	color: #000000;
	margin: 0;
}



/*********** #navBar link styles ***********/

/*#navBar ul a:link, #navBar ul a:visited {display: block;}*/
/*#navBar ul {list-style: none; margin: 0; padding: 0;}*/

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
/*#navBar li {border-bottom: 1px solid #990000;}*/

/* fix for browsers that don't need the hack */
/*html>body #navBar li {border-bottom: none;}*/