/* CSS Document */
* {margin:0;padding:0}
p{margin-bottom:1em}
ul{margin-left:16px;margin-bottom:1em}
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

body {
	background: #ffffff none repeat-y left top;
	background-image: url(images/back.png);
	color: #000000;
}
#outer{
	margin-left:130px;
	margin-right:130px;
	background: #ffffff;
	margin-bottom:-52px;
	color: #000000;
min-height:100%
}
 
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:181px;
	background: #ffe53c url(images/fgtop3.jpg) center no-repeat;
	overflow:hidden;
	color: #000000;
}
#header h2 {
	color: #ffe53c;
	text-align: left;
	text-transform: capitalize;
	padding-left: 200px;
	font: bold 32px "Impact";
	border-bottom: 1px  #e8e8e8;
	text-shadow: 0.1em 0.1em 0.2em black
}

#header h3 {
	color: ##000000;
	text-align: left;
	text-transform: capitalize;
	padding-left: 200px;
	padding-top: 100px;
	font: 900 36px "Impact";
	text-shadow: 0.1em 0.1em 0.2em black;
	letter-spacing: 6px;
}
#left {
	position:relative;/*ie needs this to show float */
	width:130px;
	float:left;
	margin-top:-2px;
	margin-left:-129px;/*must be 1px less than width otherwise won't push footer down */
	z-index:100;
	left:-1px;
	background: #ffe53c;
}
#left p {
	padding:0px;
	margin:0px;
	padding-bottom:6px;
	text-align:center;
}

#right p {
	padding:3px;
}

#right {
	position:relative;/*ie needs this to show float */
	width:130px;
	float:right;
	margin-right:-129px;/*must be 1px less than width otherwise won't push footer down */
	left:1px
}

#footer {
	width:100%;
	clear:both;
	height:55px;
	background-color: #ffffff;
	color: #000000;
	text-align:center;
	position:relative;
}
#clearheader{height:183px;}/*needed to make room for header*/
#clearfooter{clear:both;height:52px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */
#centrecontent {
	width:100%;
	float:left;
	position:relative;
	z-index:1;
	margin:0 -1px;/* moz fix*/
}

#wrap {
	padding:12px;
}

/* css stuff below is just for presentation and not needed for the demo */

#left span {
	display:none;	
}	
#left a:hover {
	color: #666666;
	background: #FFFFCC;
	text-decoration: none;
}
#left a:hover span {
	display:block;
	position:absolute;
	left:130px;
	width:150px;
	z-index:20;
	background:#fff;
}
@media all and (min-width: 0px){
  #left a:hover span {
	top:150px;
  }
}
#footer span {
	display:none;	
}	
#footer a:hover {
	color: #666666;
	background: #FFFFCC;
	text-decoration: none;
}
#footer a:hover span {
	display:block;
	position:absolute;
	top:-95px;
	width:150px;
	z-index:20;
	background:#fff;
	left:50%;
}
html>body #minHeight{float:right;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */

#nvicback {

	background-image:url("http://fredgarbo.com/images/nvic.jpg");
	background-repeat:no-repeat;
	background-position:right; 
	height: 300px;

}


a:link  {
	color : #0066FF;
	font-family : arial,helvetica,sans-serif;
	text-decoration : underline;
}

a:visited  {
	color : #0066FF;
	font-family : arial,helvetica,sans-serif;
	text-decoration : underline;
}

a:hover  {
	color : #800000;
	font-family : arial,helvetica,sans-serif;
	text-decoration : underline;
}

dt  {
	font-family : arial,helvetica,sans-serif;
	
}

dd  {
	font-family : arial,helvetica,sans-serif;
	
}

p	{
	font-family:"Times New Roman",serif;
	font-size : 12pt;
	color : black;
}

.guestbook {

   border-bottom-style: solid;
   border-bottom-color: gray;
   border-bottom-width: 1px;

}

h1 a:link, h1 a:visited, h1 a:hover {

	font-size: 14pt;

}

.small a:link, .small a:visited, .small a:hover {

	font-size: 10pt;
	
}

.guestbook a:link, .guestbook a:visited, .guestbook a:hover  {

	color: red;
	font-size: 8pt;

}

.guestbook p {

	font-size: 12pt;

}

.guestbook h1 {

	font-size: 10pt;

}

img.inside-sm,  img.outside-sm, img.letter-sm {

	display: block; 
	margin-left: auto; 
	margin-right: auto;
	border: 4px solid #ddd;
	margin-top: 4px;
	margin-bottom: 4px;

}

/*calendar*/
.calborder 			{ background-color: #fff; border: 1px #A1A5A9 solid; }
.monthtitle  		{ background-image: url(images/time_bg.gif); padding: 5px; }
.monthtitle h1 		{ font-family: Helvetica, sans-serif; font-size: 18px; color: #000; margin: 0px;}
.monthside 			{ background-image: url(images/time_bg.gif); }

/* Month View */
.calback		{ background-color: #A1A5A9; }
.reg			{ background-color: #fff; height: 105px; width: 110px; text-align: left; vertical-align: top; }
.off			{ background-color: #F2F2F2; height: 105px; width: 110px; text-align: left;  vertical-align: top; }
.dayofweek		{ background-color: #eee; }

.listdate		{ background-color: #fff; text-align: left; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: 11px; font-weight: bold;
						}

.reglist		{ background-color: #fff; text-align: left; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: 10px;
						}

/*calendar links*/
a.cal				{ 	text-decoration:none; 
						font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						font-size: 9px;
						font-weight:900;
						z-index:24;
					  	position:relative; }
a.cal:link			{ color: #0066FF; }
a.cal:visited		{ color: #0066FF; }
a.cal:active		{ color: #3366CC; }
a.cal:hover			{ color: #000099; 
						z-index:25; }
a.cal span			{ display: none; }
a.cal:hover span	{ 	position:absolute;
  						top:2em;
  						left:0em;
						border:1px solid #F0D070;
						padding:3px;
  						display:block;
  						width:245px;
  						color:#0066FF;
  						background-color:#FFFFE4; 
  					}
  					
#main {
		width: 450px;
		position: absolute;
		top: 113px;
		left: 25px;
}

#main h3 {
	padding: 5px;
	background-image: url(images/time_bg.gif);
	border-bottom: 1px solid #aaa;   
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000;  font-weight: bold;
}

#main p {
	padding: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;  font-weight: normal;
}
  					
#sidebar  { margin: 0 0 0 482px; 
			padding: 0; 
			position: absolute;
			top: 113px;
			left: 0;
			width: 220px; 
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			}
#sidebar h1 {
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;  font-weight: normal;
}
			
#sidebar h3 {
			background-color: #ddd;
			padding: 5px 5px;
			border-bottom: 1px solid #aaa;   
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;  font-weight: bold;
			}

/*calendar fonts*/
.extrasmall		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; color: #000000; }
.small 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }
.smallgray		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; color: gray; }
.smallbold 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 900; }
.medium 		{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;  font-weight: 900;}
.mediumbold 	{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;  font-weight: 900;}
.mediumlarge 	{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;  font-weight: 900;}
.large {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 20px; color: #000000;  font-weight: 900; }