/* CSS layout */
body {
	margin: 0 auto;
	padding: 0;
	width: 798px;
	margin-top: 8px;; 	 		
	margin-left: auto; 	
	margin-right: auto;
	background-image: url('images/background.jpg'); 
	line-height:1.1em; 	/* Looks better with a hover solid bottom border*/
}

h1 {
	color: #003399;
	font-size:32px;
	font-family:"Lucida Handwriting", "Script MT Bold", Script ;
	font-weight:bold;
	margin-top:20px;
}

p {
	font-size:14px;
	text-align:justify;
}

a:hover {
	color: #003399; text-decoration:none; border-bottom: solid #003399; 
}

ul{
	list-style-image:url('images/CelticKnotLI.gif');
	margin-left: 20px;
}

li {
	color:#003399;
	font-weight:bold;
	font-size:28px;
}

#masthead { 
  	height: 170px;
  	background-repeat: no-repeat;
  	background-position: center;
  	border: 4px solid #003399;
}

#top_nav {
	border-left: 4px solid #003399;
	border-right: 4px solid #003399;
	color: #003366;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	font-family: "Copperplate Gothic Bold", Georgia, serif;
	font-size: 14px;
	line-height: 1.4em;
	background-color: #FFFFCC; /* (light yellow) */
}

#container {
	min-width: 750px;
	background-color: #FFFFCC; /* (light yellow) */
	border: 4px solid #003399;
}

#left_col {
	margin-left:0px;
	margin-top:0px;
	width: 160px;
	height:300px;
	float: left;
	color: #333366;
}

#left_col a:hover {
	text-decoration:none; 
	border-bottom: 0px;
	border-bottom-style:none;
}

#page_content {
	margin-left: 160px; 
	padding-left: 10px;
	padding-right: 20px;
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

#page_content a:link {
	color:#003399;
}

#footer {
	clear: both;
	padding-top: 10px;
	font-size: x-small;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
}

.Nav a:hover {
    color:#C7EAFB;
    background-color: #003399;
}

.box {
	border: 4px solid #003399;
	padding: 8px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

.selected {
	color: #EE9900;
}

.button
{
    background:#EFCF50;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-weight:bold;
    border:2PX outset #c0c0c0;
    cursor:pointer;
}

.links {
	font-size:xx-small;
	font-family:"Times New Roman", Times, serif;
}

/* CSS3 */
#box-shadow {
  /*drop shadow */
  -webkit-box-shadow: 0px 10px 25px #000; /* Saf3-4 */
     -moz-box-shadow: 0px 10px 25px #000; /* FF3.5 - 3.6 */
          box-shadow: 0px 10px 25px #000; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
/*rounded corners */ 
  -webkit-border-radius:8px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
     -moz-border-radius:8px; /* FF1-3.6 */
          border-radius:8px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
          
  /* useful if you don't want a bg color from leaking outside the border: */        
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}