/*	Global Styles
------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0px; padding:0px;}
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
/*	Layout
------------------------------------------------------------------------------------*/
.clearfloat, .clearFloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.showBorders
{
    border-color: #0096D8;
    border-width: 0 0 1px 1px;
    border-style: solid;
	margin: 10px 0px 10px 0px;
	border-collapse:collapse;
	width:90%;
	margin-left:20px;
}

.showBorders td
{
    border-color: #0096D8;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
} 

.showBorders th
{
    border-color: #0096D8;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    color:#ffffff;
    background:#0096D8;
} 

.breadcrumb
{
    font-weight:bold;
    padding:10px 0px 20px 0px;
    }

/* Horizontal Rules */     
div .hr { border-top:solid 1px #FFFFFF; margin-top:20px; margin-bottom:20px }
div.hr hr {
  display: none;
} 

.masterContainer{
	width: 760px;
	background: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	 
}
.logo
{
padding: 10px 0px 0px 20px;    
} 

.topNav
{
 padding: 10px 15px 0px 0px;
 float:right;   
}   
a.languageLink:link, a.languageLink:active, a.languageLink:visited
{
    color:#ffffff;
    text-decoration:none;
    }    
    
.headerFooter{
	width: 760px;
	height:14px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.footer
{
   padding: 20px 0px 0px 0px;
	width: 760px;
	height:14px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	color:#ffffff;
}
.loginContainer
{
padding: 20px;
width:720px;   
}
.bookContainer
{
	background-image: url(../images/openBook.jpg);
	background-repeat: no-repeat;
	height:479px;
	width:760px;
    }
.volumeListLeft
{
padding: 40px 0px 0px 70px;
width:270px;

/*border:solid 1px #000000; */
    } 
.volumeListRight
{
padding: 40px 0px 0px 60px;
width:260px;
float:right; 
border:solid 1px #ff0000;  
    }  
.videoContainer
{
width:500px;
margin: 0px 0px 0px 0px;

} 
          
/*	Text Styles
------------------------------------------------------------------------------------*/
p
{
    padding: 0px 0px 10px 0px;
    font-size:11px;
    line-height:16px;
}
h1
{   font-size:11px;
	font-weight: bold;
	color: #2183BA;
    padding:10px 0px 10px 0px;	
}
h2
{   font-size:11px;
	font-weight: bold;
	color: #666666;
    padding: 0px 0px 10px 0px;	
}

ul
{
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 10px;    
}
li
{
 padding: 5px 0px 5px 0px;   
    }


/*	OLD
------------------------------------------------------------------------------------*/
sup {
	font-size: 11px;
}

body {
	background-color: #0096D8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.footerText {
	color: #FFFFFF;
}
.communityEventsTable {
	background-image: url(../images/communityEvents.jpg);
	background-repeat: no-repeat;
	font-size: 10px;
	color: #666666;
}
.purpleHeader {
	color: #A589C1;
	font-weight: bold;
}
.subHeadBlue {
	font-weight: bold;
	color: #2183BA;
}
.subHeadGreen {
	font-weight: bold;
	color: #18943D;
}
.subHeadRed {
	font-weight: bold;
	color: #B3083C;
}
a:link {
	color: #2183BA;
	text-decoration: none;
}
a:visited {
	color: #2183BA;
	text-decoration: none;
}
a:hover {
	color: #2183BA;
	text-decoration: underline;
}
a.sideNavOff:link {
	color: #2183BA;
	text-decoration: none;
}
a.sideNavOff:visited {
	color: #2183BA;
	text-decoration: none;
}
a.sideNavOff:hover {
	color: #E11750;
	text-decoration: none;
}
a.footerLink:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.footerLink:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.footerLink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.sideNavOn:link {
	color: #B3083C;
	text-decoration: none;
}
a.sideNavOn:visited {
	color: #B3083C;
	text-decoration: none;
}
a.sideNavOn:hover {
	color: #B3083C;
	text-decoration: none;
}
#testimonialCallout {
	background-image: url(../images/verticalDottedLine.gif);
	background-repeat: repeat-y;
	margin-left: 10px;
}
.testimonialText {
	font-size: 10px;
	color: #7589BF;
}
ul {
	margin-top: 0px;
}
.boldWhite {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.bodyTextGreen {
	color: #006600;
}
.bodyTextGrey{
	color: #999999;
}
.bodyTextLightGrey{
	color: #CCCCCC;
}
.errorText {
	color: #FF0000;
}

a.green:link, a.green:active, a.green:visited, a.VitalityAtWork:link, a.VitalityAtWork:active, a.VitalityAtWork:visited {
	color: #18943D;
	text-decoration: none;
}
a.green:hover, a.VitalityAtWork:hover {
	color: #18943D;
	text-decoration: underline;
}
a.red:link, a.red:active, a.red:visited,a.GenerationsAtWork:link, a.GenerationsAtWork:active, a.GenerationsAtWork:visited  {
	color: #B3083C;
	text-decoration: none;
}

a.red:hover, a.GenerationsAtWork:hover {
	color: #B3083C;
	text-decoration: underline;
}

a.blue:link, a.blue:active, a.blue:visited,a.ParentsAtWork:link, a.ParentsAtWork:active, a.ParentsAtWork:visited  {
	color: #2183BA;
	text-decoration: none;
}

a.blue:hover, a.ParentsAtWork:hover {
	color: #2183BA;
	text-decoration: underline;
}
.shareLink{display:block;}

.statusMessage  
{
	font-size:11px;
	margin:5px;
	padding:5px;
	display:block;
	border:#ff0000 1px solid;  
	background:#ffffff;
	color:#ff0000;
} 
.statusMessage ul
{
	margin:0px 0px 0px 20px;	
}
.statusMessage li
{	
	list-style-type:square;	
}