/* CSS Document */
/* begin html styles */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#333333;
	margin-left: auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	top:0;
	left:0;
	z-index:0;
}

h1 {
	color:#02126C;
	margin:0px 0px 10px 0px;
	padding:0;
	font-size:14px;
	line-height:14px;
}
h2 {
	color:#02126C;
	margin:0px 0px 10px 0px;
	padding:0;
	font-size:13px;
	line-height:13px;
}
p{
	margin:0px 0px 10px 0px;
	padding:0px;
}
table.data {
	border:#ccc 1px dotted;
}
table.data th {
	background-color:#eee;
	font-weight:bold;
	text-align:left;
	padding:4px 4px 2px 4px;
}
table.data td {
	padding:4px 4px 2px 4px;
}
/* end html styles */
/* begin id styles */
#contentImage {
	margin:0px 20px 20px 20px;
	padding:0;
	display:inline;
	float:right;
}
#contentImageLeft {
	margin:0px 20px 10px 0px;
	padding:0;
	display:inline;
	float:left;
	vertical-align:top;
}
#footer {
	clear:both;
	width:750px;
	color:#02126C;
	padding:10px 0px 10px 0px;
	margin-left: auto;
	margin-right:auto;
}
#footer li {
	display:inline;
	list-style-type:none;
	padding:0px 4px 0px 0px;
	margin:0px;
}
#footer #copyright {
	width:367px;
	/* width with padding is 400px */
	height:10px;
	padding:10px 15px 10px 15px;
	margin:0;
	font-size:11px;
	color:#666666;
}
#footer #copyright a{
	color:#666666;
}
#footer #copyright a:link{
	text-decoration:none;
}
#footer #copyright a:visited{
	text-decoration:none;
}
#footer #copyright a:hover{
	text-decoration:underline;
}
#footer #credit {
	display:inline;
	text-align:right;
	float:right;
	width:320px;
	/* width with padding is 350px */
	height:10px;
	margin: 0;
	padding:10px 15px 10px 15px;
}

#footer #full {
	padding:10px 15px 10px 15px;
	margin:0;
}
#footer #full a:link{
	font-weight:bold;
	text-decoration:none;
	color:#02126C;
}
#footer #full a:visited{ 
	font-weight:bold;
	text-decoration:none;
	color:#02126C;
}
#footer #full a:hover{ 
	font-weight:bold;
	text-decoration:underline;
	color:#7F92A5;
}
#footer #full a.active{
	color:#7F92A5;
}
#footer #left{
	float:left;
	width:370px;
	/* width with padding is 400px */
	padding: 12px 15px 7px 15px;
	margin:0px 0px 0px 0px;
	color:#67A106;
}
#footer #left a:link{
	font-weight:bold;
	text-decoration:none;
	color:#67A106;
}
#footer #left a:visited{ 
	font-weight:bold;
	text-decoration:none;
	color:#67A106;
}
#footer #left a:hover{ 
	font-weight:bold;
	text-decoration:underline;
	color:#67A106;
}
#footer #right{
	float:right;
	display:inline;
	text-align:right;
	width:320px;
	/* width with padding is 350px */
	padding: 12px 15px 7px 15px;
	margin:0px 0px 0px 0px;
	color:#333333;
}
#footer #right a:link{
	text-decoration:none;
	color:#333333;
}
#footer #right a:visited{ 
	text-decoration:none;
	color:#333333;
}
#footer #right a:hover{ 
	text-decoration:underline;
	color:#666666;
}
#footer #right a.active{ 
	text-decoration:underline;
	color:#666666;
}
#footer #separatorblue {
	clear:both;
	width:750px;
	height:5px;
	background-image:url(/view/images/separatorblue.gif);
	background-repeat:repeat-x;
	/* IE/Win-specific stuff 
	background-color:#02126C;
	margin:0px 0px -8px 0px;
	padding:0px 0px -8px 0px;
	*/
}
body>div#footer>div#separatorblue{
	margin:0;
	padding:0;
}
#footer #separatorgreen{
	background-color:#67A106;
	clear:both;
	height:20px;
	width:750px;
	padding:0;
	margin:0;
	/*
	background-image:url(/view/images/greenstrip-bg.gif);
	background-repeat:repeat-x;
	*/
}
#footer #separator.green{
	background-color:#67A106;
	clear:both;
	height:20px;
	width:750px;
	padding:0;
	margin:0;
	background-image:url(/view/images/greenstrip-bg.gif);
	background-repeat:repeat-x;
	/*
	WHY WONT THIS SHOW UP IN IE/WINDOWS??????
	*/
}

#galleryImage {
	margin: 0px 1px 1px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
	float:left;
}
#header {
	width:750px;
	/* height with padding: 43px */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	padding:23px 0px 9px 0px;
	margin-left: auto;
	margin-right:auto;
}
#header a:link{
	font-weight:bold;
	text-decoration:none;
}
#header a:visited{ 
	font-weight:bold;
	text-decoration:none;
}
#header a:hover{ 
	text-decoration:underline;
}
#header li {
	display:inline;
	list-style-type:none;
	padding:0px 4px 0px 0px;
	margin:0px;
}
#header #left {
	float:left;
	color:#02126C;
	padding: 0px 15px 0px 15px;
	margin:0px 0px 12px 0px;
}
#header #left a{
	color:#02126C;
}
#header #left a.active{
	color:#7F92A5;
}
#header #right {
	color: #67A106;
	float:right;
	display:inline;
	text-align:right;
	padding: 0px 15px 0px 15px;
}
#header #right a{
	color: #67A106;
}
#hp-content {
	clear:both;
	width:750px;
	height:304px;
	margin:0px auto 0 auto;
	padding:0;
}
#hp-content a{
	font-weight:bold;
	/*
	color:#02126C;
	*/
}
#hp-content a:link{
	text-decoration:none;
}
#hp-content a:visited{
	text-decoration:none;
}
#hp-content a:hover{
	text-decoration:underline;
}

/* Used for pre-2007 homepage. no longer in use when cal homepage is implemented */
#hp-content #left{
	font-size:12px;
	line-height:17px;
	width:349px;
	height:160px;
	float:left;
	background-color:#D1E3B4;
	padding:25px 25px 25px 25px;
	margin-right:1px;
}
#hp-content #left a, #hp-content #right a{
	color:#02126C;
}
/*
#hp-content #right{
	font-size:11px;
	line-height:15px;
	width:300px;
	height:150px;
	float:right;
	display:inline;
	background-color:#D1E3B4;
	padding:25px 25px 25px 25px;
	margin:0;
}
*/
/* Used for pre-2007 homepage. no longer in use when cal homepage is implemented */
#hp-content #right{
	font-size:12px;
	line-height:16px;
	width:300px;
	height:180px;
	float:right;
	display:inline;
	overflow:visible;
	background-color:#D1E3B4;
	margin:0;
	/* IE/Win-specific settings */
	padding:25px 25px 5px 25px;
}
body>div#hp-content>div#right{
	height:160px;
	padding:25px 25px 25px 25px;

}
#hp-content .left{
	font-size:12px;
	line-height:17px;
	width:199px;
	height:272px;
	float:left;
	background-color:#D1E3B4;
	/* IE/Win-specific settings */
	padding:25px 25px 5px 25px;
	border-top:#C3CBB6 2px solid;
	border-right:#fff 1px solid;
}
#hp-content .right{
	font-size:12px;
	line-height:16px;
	width:499px;
	height:302px;
	float:right;
	display:inline;
	background-color:#D1E3B4;
	margin:0;
	padding:0;
	border-top:#C3CBB6 2px solid;
	/* IE/Win-specific settings */
	/*
	overflow:visible;
	padding:25px 25px 5px 25px;
	*/
}
#hp-content .right a{
	color:#02126C;
}
#hp-content .right .welcome{
	width:449px;
	height:118px;
	padding:25px 25px 5px 25px;
	border-bottom:#C4CABC 1px solid;
	overflow:hidden;
}
#hp-content .right .headlines{
	width:449px;
	height:122px;
	border-top:#C3CBB6 2px solid;
	padding:25px 25px 5px 25px;
	overflow:hidden;
}
#hp-flash {
	clear:both;
	width:750px;
	height:257px;
	margin:0px auto 1px auto;
	padding:0;
}
#hp-layer-event {
	position:fixed;
	z-index:10;
	left:20px;
	top:70px;
	width:389px;
	height:241px;
}
#hp-layer-event .hpe-header{
	height:28px;
	background-color:#D0D0D0;
}
#hp-layer-event .hpe-header .hpe-close{
	color:#999;
	font-size:0.8em;
	width:30px;
	display:inline;
	text-align:right;
}
#hp-layer-event .hpe-header .hpe-date{
	color:#333;
	float:left;
	display:inline;
}
#hp-layer-event .hpe-body{
	color:#696969;
	background-color:#fff;
	height:214px;
}

#hp-spotlightbar {
	clear:both;
	width:750px;
	height:50px;
	margin:0px auto 1px auto;
	padding:0;
}
#hp-spotlightbar #left{
	text-align:right;
	width:143px;
	height:50px;
	float:left;
	/*
	width:399px;
	background-color:#CCCCCC;
	*/
	padding:0;
	margin-right:1px;
}
#hp-spotlightbar #right{
	text-align:center;
	width:606px;
	height:50px;
	float:right;
	display:inline;
	/*
	background-color:#CCCCCC;
	*/
	padding:0;
	margin:0;
}
#sec-content {
	font-size:12px;
	line-height:15px;
	color:#333333;
	width:750px;
	clear:both;
	margin-right:auto;
	margin-left:auto;
	padding:25px 0px 0px 0px;
	border-top:1px solid #999999;
}
#sec-content #left {
	float:left;
	width:160px;
	margin:0;
	padding:0px 25px 0px 15px;
}
#sec-content #left  li {
	list-style-type:none;
	list-style-position:outside;
	line-height:20px;
	padding:0;
	margin:0;
}

#sec-content #left a:link{
	text-decoration:none;
	color:#02126C;
}
#sec-content #left a:visited{
	text-decoration:none;
	color:#02126C;
}
#sec-content #left a:hover{
	text-decoration:underline;
	color:#7F92A5;
}
#sec-content #left a.active{
	color:#7F92A5;
}
#sec-content #right {
	display:inline;
	float:right;
	width:500px;
	margin:0;
	padding:0px 25px 0px 25px;
}
#sec-content #right a:link{
	text-decoration:underline;
	color:#333333;
}
#sec-content #right a:visited{
	text-decoration:underline;
	color:#333333;
}
#sec-content #right #intro{
	font-size:14px;
	color:#02126C;
	line-height:18px;
}
#sec-contentshowcase {
	width:750px;
	clear:both;
	margin:0;
	margin-right:auto;
	margin-left:auto;
	padding:0px 0px 0px 0px;
}
#sec-contentshowcase a{
	font-weight:bold;
	color:#02126C;
}
#sec-contentshowcase a:link{
	text-decoration:none;
}
#sec-contentshowcase a:visited{
	text-decoration:none;
}
#sec-contentshowcase a:hover{
	text-decoration:underline;
}
#sec-contentshowcase #feature{
	width:750px;
	height:200px;
	margin:0px 0px 2px 0px;
	padding:0;
	background-color:#D1E3B4;
}
#sec-contentshowcase #feature #image{
	float:left;
	height:200px;
	width:200px;
	margin:0;
	padding:0;
	background-color:#0099CC;
}
#sec-contentshowcase #feature #info{
	float:right;
	display:inline;
	/* height is 200 with padding */
	height:150px;
	/* width is 550 with padding */
	width:500px;
	margin:0;
	padding:25px 25px 25px 25px;
}

#sec-header {
	width:750px;
	height:126px;
	clear:both;
	margin:0;
	margin-right:auto;
	margin-left:auto;
	padding:0;
}
#sec-title {
	width:525px;
	height:30px;
	clear:both;
	margin:0;
	margin-right:auto;
	margin-left:auto;
	padding:20px 0px 0px 225px;
}


/* end id styles */
/* begin class styles */

.bigger {
	font-size:1.1 em;
}
.biggest {
	font-size:1.2 em;
}
.bold{
	font-weight:bold;
}

.cal tr td a{
	color:#fff;
}
.cal a:hover, .cal a:active {
	color:#fff;
	text-decoration:none;
}
.cal td {
	background-color:#94A873;
	color:#fff;
	margin:0;
	margin-right:1px;
	margin-bottom:1px;
	padding:6px 6px 6px 6px;
	font-size:9px;
	font-weight:normal;
}
.cal td.active:hover {
	background-color:#01156B;
}
.cal td.active {
	background-color:#6C804B;	
	padding:0;
}
.cal td.active a {
	color:#fff;
	padding:6px 6px 6px 6px;
}
.cal td.active a:link, .cal td.active a:visited {
	color:#fff;
	text-decoration:none;
}
.cal td.active a:hover, .cal td.active a:active {
	color:#fff;
	background-color:#01156B;
	text-decoration:underline;
}
.cal td.inactive {
	background-color:#B2C691;
}
.cal td.nav {
	font-size:10px;
	background-color:#D1E3B4;
	color:#716042;
}
.cal td.nav .activemonth{
	font-weight:bold;
	color:#262F1C;
}
.cal td.nav a{
	color:#699D0C;
}
.cal td.nav a:link, .cal td.nav a:visited {
	text-decoration:none;
}
.cal td.nav a:hover {
	text-decoration:underline;
}
.cal td.normal {
	background-color:#94A873;
}
.cal td.today {
	background-color:#01156B;
}
.contentImageRight {
	margin:0 0 10px 20px;
	padding:0;
	display:inline;
	float:right;
}
.contentImageLeft {
	margin:0px 20px 10px 0px;
	padding:0;
	display:inline;
	float:left;
	vertical-align:top;
}
.hpe-bodytext {
	color:#696969;
	font-size:10px;
}
.hpeImage{
	margin:14px 0 10px 20px;
	padding:0;
	display:inline;
	float:right;
}
.hpe-bodytext .cont {
	border-top:#A2A2A2 1px solid;
	padding:12px 20px 15px 20px;
}
.hpe-bodytext a{
	color:#333333;
	font-weight:bold;
	font-size:11px;
}
.hpe-bodytext a:link, .hpe-bodytext a:visited{
	text-decoration:none;
}
.hpe-bodytext a:hover{
	text-decoration:underline;
}
.hpe-bodytext h1{
	color:#696969;
	font-size:14px;
	line-height:17px;
	margin:0 0 10px 0;
	font-weight:bold;
}
.hpe-bodytext p{
	margin:0 0 10px 0;
}

.hpe-bodybg {
	background-color:#fff;
}
.hpe-close{
	font-size:0.8em;
	text-align:right;
	padding-right:5px;
	height:28px;
	vertical-align:middle;
}
.hpe-close a {
	color:#999;	
}
.hpe-close a:link, .hpe-close a:visited{
	text-decoration:none;
}
.hpe-close a:hover{
	text-decoration:underline;
}
.hpe-close .popupclose{
	border:0;
	margin-left:4px;
}

.hpe-headerbg{
	background-color:#D0D0D0;
}
.hpe-headertext{
	color:#333;
	font-weight:bold;
	height:28px;
	padding-left:20px;
}	


.hugetext {
	font-size:1.8em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.readingroomcategories{
	margin: 0 10px 0 0;
	padding:0;
	display:block;
	clear:both;
}
.readingroomcategory{
	margin: 0 13px 20px 0;
	padding:0;
	display:inline;
}
.required{
	color:#cc0000;
}
.textnormal{
	font-size:12px;
	line-height:15px;
}
.smaller {
	font-size:0.9 em;
}
.smallest {
	font-size:0.8 em;
}
.textbig{
	font-size:13px;
	line-height:16px;
}
.textsmall{
	font-size:11px;
	line-height:12px;
}
/* end class styles */

