/* CSS for three column layout with absolutely positioned side columns and header *//* from the book Stylin' by Charles Wyke-Smith publsihed by New Riders */

body {margin:0; padding:0; font: 1.0em verdana, arial, sans-serif; }


div#container {position:absolute; width:100%; margin-left:auto; margin-right:auto; background-color:#ECf2C9}
div#header {height:60px; background-color:#FFC; text-align:center;border-bottom: 1px #960 solid;} 
/*styles for header - text-align centers graphic */

div#nav {position:absolute; left:0px; top:60px; width:230px;

padding:0; margin:22px 0 15px 0;}	
div#nav ul {border:0px none; margin:12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em}
div#nav li {border-bottom:2px dotted #960; margin:0; padding:.3em 0; text-indent:.5em}
div#nav li:first-child {border-top:2px dotted #960;}div#nav a {text-decoration:none; color:#C60;}
div#nav a:hover {color: #960;}
div#nav div#new ul {border:0px none; margin:12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em}
div#nav div#new li {
	margin: 0;
	padding: 0% 0;
	text-align: center;
	border-bottom: none;
	font-size: larger;
	font-family: "Palatino Linotype";
	font-weight: 400;
	font-style: normal;
}
div#nav div#new li.first{
	font-size: larger;
	font-weight: bold;
	padding: 5%;
	font: italic;
}
div#nav div#new li.second{
	
	font-size: larger;
	font-weight: bold;
	padding: 5%;
}

div#nav div#new1 ul {border:0px none; margin:12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em}
div#nav div#new1 li {
	margin: 0;
	padding: 0% 0;
	
	text-align: center;
	border-bottom: none;
	font-size: larger;
	font-family: "Palatino Linotype";
	font-weight: 400;
	font-style: normal;
	
}
div#nav div#new1 li.first{
	border-top: none Red;
	font-size: larger;
	font-weight: bold;
	padding: 5%;
}

div#nav div#newtest ul {border:0px none; margin:12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em}
div#nav div#newtest li {
	margin: 0;
	padding: 0% 0 5%;
		text-align: justify;
	border-bottom: none;
	font-size: smaller;
	font-family: "Palatino Linotype";
	font-weight: 400;
	font-style: normal;
}
div#nav div#newtest li.first{
	font-size: larger;
	font-weight: bold;
	padding: 5% 15%;
}


div#nav div#new li:first-child {
	border-top: 2px double Olive;
}
div#nav a {text-decoration:none; color:#C60;}

/* a hack for IE Win only \*/

	* html div#nav ul {border-top:2px dotted #960;}
	/*end of hack */
	
	div#content {margin:20px 170px 0 220px; padding: 0 1em;}
	div#content div#mainimage {width:180px; float:left; margin:0 8px 4px 0;}
	div#content div#mainimage img {border: 1px solid #960;}
	div#content div#mainimage p {font-size:.65em; margin:0px 5px; color:#C60;}
	div#content top1{text-align: center;font-size:2pt; font-family:verdana; color:#00000;}
	div#content h1{text-align: center;font-size:18pt; font-variant:small-caps; font-family:Palatino Linotype; color:#960;}
	div#content h2{text-align: justify;font-size:10pt; font-variant:small-caps; font-family:verdana; color:#000000;}
	div#content h3{text-align: justify;font-size:10pt; font-variant:small-caps; font-family:verdana; color:#000000;}
	div#content h4{text-align: justify;font-size:10pt; font-variant:small-caps; font-family:verdana; color:#000000;}
	div#content h5{text-align: justify;font-size:10pt; font-variant:small-caps; font-family:verdana; color:#000000;}
	div#content h6{text-align: justify;font-size:10pt; font-variant:small-caps; font-family:verdana; color:#000000;}
	
	div#content p {font-size:.8em; margin-top:0; margin-bottom:.5em;}	
	div#content li {font-size:.75em;}
	div#content blockquote {width: 160px; float:right; font-size:.7em; border-top: 3px dotted #960; border-bottom:2px dotted #960; margin:0 10px; padding: 6px 10px;}
	div#content blockquote p {margin:0; font-style:italic;}
	div#content a {text-decoration:underline; color:#C60;}
	div#content a:hover {color: #960; text-decoration:none;}
	div#rightcolumn {position:absolute; width:180px; top:60px; right:0px;  		margin:32px 0 0 0; padding:1em  0; border-top:2px solid #960; border-bottom:1px solid #960;}
	div#rightcolumn p {font-size:.75em;}div#rightcolumn img {border:none;}
	div#rightcolumn div#newslinks ul {list-style-type:none; font-size:.7em; padding-left: 10px; margin:0 6px 0 0;}
	div#rightcolumn div#newslinks li {margin-top:0; margin-bottom:.5em;font-size:10pt;}
	div#rightcolumn h3 {text-align:center; font-size:.8em; color:#960; margin-bottom:0px; padding-top:3px; border-top: 2px dotted #960;}
	div#rightcolumn a {text-decoration:none; color:#C60; text-decoration:none}
	div#rightcolumn a:hover {color: #960; text-decoration: none;}
	div#rightcolumn li.morelink {font-style:normal;}
	
	
	div#rightcolumn div#new ul {border:0px none; margin:12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em}
div#rightcolumn div#new li {
	margin: 0;
	padding: 0% 0;
	text-align: center;
	border-bottom: none;
	font-size: larger;
	font-family: "Palatino Linotype";
	font-weight: 400;
	font-style: normal;
}
div#rightcolumn div#new li.first{
	font-size: larger;
	font-weight: bold;
	padding: 5%;
	font: italic;
	border-top:2px dotted #960;
	
}
div#rightcolumn div#new li.second{
	
	font-size: larger;
	font-weight: bold;
	
}

	div#rightcolumn div#newfaq ul {border:0px none; margin:12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em}
div#rightcolumn div#newfaq li {
	margin: 0;
	padding: 0% 0 5%;
	text-align: justify;
	border-bottom: none;
	font-size: smaller;
	font-family: "Palatino Linotype";
	font-weight: 400;
	font-style: normal;
}
div#rightcolumn div#newfaq li.first{
	font-size: larger;
	font-weight: bold;
	padding: 5%;
	font: italic;
	border-top: 2px dotted #960;
	text-align: center;
}
div#rightcolumn div#newfaq li.second{
	
	font-size: larger;
	font-weight: bold;
	
}

	/*footer styles*/
	div#footer {width:100%;  /* makes the div fill its container - usually body */ 					padding:4px 0; /* pushes the links away from top and bottom of the div */					font-size:.9em;  /* sets the font size of all links */					text-align:center; /* centers the ul elements in the div */					background-color:#DEE7B6; /* sets the background color of the div */					border-top:1px solid #960; border-bottom:2px solid #960; margin-top:1.5em;} div#footer ul {margin:2px 0;}
	
 /* vertical spacing between the lists */ 
 
 
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */						color:white; /* sets the color of the vertical lines */						border-left:1px solid; /* creates the vertical line to the left of each list items */						color:#C60; /* sets the color of the vertical lines  - links colored below */						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */						}
 

 div#footer li:first-child {border-left:0px none;} 
 
 
 /* removes the left border of the first list item - IDWIMIE */ 
 
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */ 							 color:C60; /* the color of the links */							 } 
 
 div#footer ul li a:hover {text-decoration:underline; color:#960}
 


 /* underlines the links when hovered */
 
 div#footer ul.fineprint li {color:#C60;} 
 /* color for copyright and vert dividers on last row */ 
 
 div#footer ul.fineprint li a {color:#C60;} 
 
 /* had to explicitly color these or they inherit white from div#footer li */  
 
 
 
 div#footer ul.fineprint li a:hover {color:#960;} 
 
 /* turns bottom row white when hovered */
 
 
 #calendar
{
	width: 241px;
	height: 165px;
	text-align: center;
	margin: 5px auto;
	border: 1px solid #f2f2f2;
	background-color: #f3f8ff;
	position: absolute;
	font: 11px Trebuchet MS;
}

ul
{
	list-style-type: none;
	margin:0;
	padding:0;
}
.months, .emptM, .headDay, .dayNormal, .dayBlank, .dayDisabled, .dayWeekend, .dayCurrent, .yearBrowse, .monthDisabled, .currMonth, #closeBtn  
{
	margin: 1px 0 0 1px;
	padding: 0;
	width: 39px;
	height: 14px;
	line-height: 14px;
	float: left;
	text-align: center;
	background-color: #feefe4;
	color: #000;
	display: inline;
}
.emptM, .dayDisabled, .monthDisabled
{
	color: #d7d6d5;
	background-color: #f2f2f2;
}
.headDay
{
	color: #fff;
	background-color: #48688f;
	width: 33px;
}
.dayNormal, .dayBlank, .dayWeekend, .dayCurrent
{
	color: #fff;
	background-color: #70b0ff;
	width: 33px;
}
.dayBlank{background-color: #f3f8ff}
.dayWeekend{background-color: #ff6161}
.dayCurrent, .currMonth{background-color: #71d45b}
.dayDisabled{width: 33px}
#days{margin-left: 1px; width: 238px;}
#elements{height: 150px;}
.months a, #days a, .currMonth a{color: #000; text-decoration: none; display: block;}
.currMonth a{color: #FFF}
#days a{color: #fff;}
.yearBrowse, #closeBtn {width: 240px; background-color: #FFF; line-height: 14px;}
.yearBrowse a, #closeBtn a{text-decoration: none; color: #f30; font-weight: bold;}
.yearBrowse b{margin: 0 5px}