﻿@import "_lmenu.css";
@import "_siteLayout.css"; 
#pagecontainer {							 
	border-right: solid 0px #536795;
	border-left: solid 0px #536795;
	border-bottom: solid 2px #536795;
	background-color:White;
  } 
#topmenu {

	color: White;
} 

#topmenu a {

	color: White;
} 

#topmenu a:hover {
	color: #536795;
} 

#masthead {
	border-top: solid .01em #536795;
	border-left: solid .001em #536795;
	border-right: solid .001em #536795;
	border-bottom: solid .01em #536795;
	font-size: x-large;
	background: #536795;
	color:White;
} 
#leftcol {
	text-align: left;
}

body.threecolumns 
#rightcol {
	border-left: solid 0px #536795;
}

.footer {

	font-size: .75em;
	color: Gray;
	text-align: center;
	border-top: 1px solid #333366;
}

.Article 
{ 
	padding-left: 2em;	
	padding-right: 2em;	
}

.DropCapLetter 
{
	FLOAT: left; 
	FONT: 60pt/0.8em Georgia,Helvetica, Verdana, Arial, sans-serif; 
	COLOR: #9f9e00;
	MARGIN-RIGHT: 3px
}

.BigHeading 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 54px; 
	PADDING-BOTTOM: 5px; 
	WIDTH: 100%; 
	LINE-HEIGHT: 1em; 
	PADDING-TOP: 3px; 
	FONT-FAMILY: Georgia,Times; 
}

.Bold12 
{
	PADDING-LEFT: 5px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: White; 
	FONT-FAMILY: geneva,arial;
	}
	
.BoxCaps
{
	BORDER-RIGHT: black 1px solid; 
	BORDER-LEFT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	BORDER-BOTTOM: black 1px solid; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 10px;  
	FONT-WEIGHT: bold; 
	TEXT-TRANSFORM: capitalize; 
	WIDTH: 147px; 
	FONT-FAMILY: sans-serif; 
	BACKGROUND-COLOR: #cccd94; 
	TEXT-ALIGN: center;
}

.WhiteBold 
{
	FONT-WEIGHT: bolder; 
	COLOR: white;
}

h1, h2, h3, h4
{
	color:#9f9e00;
}
#base {
	border: 1px solid #000;
	margin: 2em;
	width: 30em;
	padding: 5px;
	}
.notices {
	margin: 0;
	padding: 0;
	list-style: none;				
	border: 0px solid ;				/*	 border	 */  
	width: 150px;	}
	
	
/*	Fix IE. Hide from IE Mac "comment-backslash hack." 
	First item is a universal selector or star, *, which selects any element.	\*/
	 #base ul li {float:none; height:auto ; list-style-type:none;}
	#base ul li a { height: .1%; }
/* End */

.riddles ul 
{ 
	list-style-type:none;
	list-style-position:outside;

}

.riddles li.q  
{
	text-align:left;
	font-weight:bold;
}
 
.riddles li.a   
{
	 padding-bottom:6px;
	text-align:right;
	font-style:italic;
}

.BoxLogo
{
	margin-top: 4px;
	border: white 1px solid;
	padding: 0px;
	background: white ;
	display: inline-block;
}

#imgContent img {
  padding:5px;
  border:1px solid #ddd;
  } 

.imgContent img {
  padding:5px;
  border:1px solid #ddd;
  } 
 .imgContent p 
 {
	
  text-align:center;
 }
  
.imgLightBG 
{
	background-color:White;
	padding-top:2em;
	padding-bottom: 3em;
	color:inherit;
}
.imgDarkBG 
{
	background-color:#162137;
	padding-top:2em;
	padding-bottom: 3em;
	color: White;
}
 
.polaroid {
     padding:15px 15px 55px 15px;
     border:1px solid black;
     background:white;
     text-align:center;
}
.polaroidtext {
    color:black;
    position:relative;
    top: -50px;
    padding:1em;
}


.breadcrumb{
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align: left;
}

.breadcrumb a{
background: transparent url(media/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: blue;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: blue;
}

.breadcrumb a:hover{
text-decoration: underline;
}

