body {
    margin: 0px auto;
    padding: 0px;
    background-position: center;
    background-color: #ffe884;
	background-position: top; 
}

#body {
    margin: 0px auto;
    padding: 0px;
}

#topheader{
	background: url(background_headerimage.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffe884;
	background-position: top; 
	width:900px;
	height:66px;
    margin: 0px auto;
}

#container {
	text-align: left;
    margin: 0px auto;
    width: 900px;
    background: url(background_repeat.jpg);
    background-repeat: repeat-y;
    background-position: top center;
}
 
/* START of nav items */    
#navmenu {
    width: 470px;
    margin: 0px auto;
    float:left;
    padding:0;
}

#navimg {
	background: url(background_camjansen.gif);
    background-repeat: no-repeat;
    background-position: 56px 0px;
    width:320px;
    height:401px;
    float:left;
}

#nav {
    width: 470px; 
    margin: 0px auto;
    padding:0;
	}
  #nav li {
    margin: 0; padding: 0; list-style: none;
    top: 0;}
  #nav li, #nav a, #nav ul {
	display: block;
	padding:0;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	}

#line{ 
	height:15px; 
	width:419px; 
	float:left;
	}
	

#meetcam{ 
	height:42px; 
	width:420px; 
	float:left;
	}
	#meetcam a { 
		height:42px; 
		width:420px; 
		background:url(link_meetcam.gif) no-repeat 0px 0px;
		 }
	#meetcam a:hover {	
		background-position: 0 -42px;
		}
	#meetcam a:active {
		background-position: 0 -42px;
		}

#meetcamhover{
	float:left;
	height:42px; 
	width:420px; 
	background:url(link_meetcam.gif) no-repeat 0px 0px;
	background-position: 0 -42px;
}

#meetcamhover span, #meetcam span {
  display: none;
}
		
#books{ 
	height:42px; 
	width:420px; 
	float:left;
	}
	#books a { 
		height:42px; 
		width:420px; 
		background:url(link_books.gif) no-repeat 0px 0px;
		}
	#books a:hover {	
		background-position: 0 -42px;
		
		}
	#books a:active {
		background-position: 0 -42px;
		}

#bookshover{
	height:42px; 
	width:420px; 
	float:left;
	background:url(link_books.gif) no-repeat 0px 0px;
    background-position: 0 -42px;
}

#bookshover span, #books span {
  display: none;
}

#author { 
	height:42px; 
	width:420px; 
	float:left;
	}
	#author a{ 
		height:42px;  
		width:420px; 
		background:url(link_aboutauthor.gif) no-repeat 0px 0px;
		}
	#author a:hover {	
		background-position: 0 -42px;
		
		}
	#author a:active {
		background-position: 0 -42px;
		}

#authorhover { 
	height:42px; 
	width:420px; 
	float:left;
	background:url(link_aboutauthor.gif) no-repeat 0px 0px;	
	background-position: 0 -42px;
	}

#authorhover span, #author span {
  display: none;
}
		
#downloads{ 
	height:42px; 
	width:420px; 
	float:left;
	}
	#downloads a{ 
		height:42px;  
		width:420px; 
		background:url(link_downloadables.gif) no-repeat 0px 0px;
		}
	#downloads a:hover {	
		background-position: 0 -42px;
		
		}
	#downloads a:active {
		background-position: 0 -42px;
		}

#downloadshover { 
	height:42px;  
	width:420px; 
	float:left;
	background:url(link_downloadables.gif) no-repeat 0px 0px;
	background-position: 0 -42px;
	}
	
#downloadshover span, #downloads span {
  display: none;
}

#calendar{ 
	height:72px; 
	width:420px; 
	float:left;
	}
	#calendar a { 
		height:72px; 
		width:420px; 
		background:url(link_thematiccalendar.gif) no-repeat 0px 0px;
		 }
	#calendar a:hover {	
		background-position: 0 -72px;
		}
	#calendar a:active {
		background-position: 0 -72px;
		}

#calendarhover{
	float:left;
	height:72px; 
	width:420px; 
	background:url(link_thematiccalendar.gif) no-repeat 0px 0px;
	background-position: 0 -72px;
}

#calendarhover span, #calendar span {
  display: none;
}

#mysteries{ 
	height:42px; 
	width:420px; 
	float:left;
	}
	#mysteries a { 
		height:42px; 
		width:420px; 
		background:url(link_mysteries.gif) no-repeat 0px 0px;
		}
	#mysteries a:hover {	
		background-position: 0 -42px;
		
		}
	#mysteries a:active {
		background-position: 0 -42px;
		}

#mysterieshover{
	height:42px; 
	width:420px; 
	float:left;
	background:url(link_mysteries.gif) no-repeat 0px 0px;
    background-position: 0 -42px;
}

#mysterieshover span, #mysteries span {
  display: none;
}

#join{ 
	height:72px; 
	width:420px; 
	float:left;
	}
	#join a { 
		height:72px; 
		width:420px; 
		background:url(link_join.gif) no-repeat 0px 0px;
		 }
	#join a:hover {	
		background-position: 0 -72px;
		}
	#join a:active {
		background-position: 0 -72px;
		}

#joinhover{
	float:left;
	height:72px; 
	width:420px; 
	background:url(link_join.gif) no-repeat 0px 0px;
	background-position: 0 -72px;
}
#joinhover span, #join span {
  display: none;
}

	
/* END of nav items */    


/* START of home items */    

#homecopy {
	width: 445px;
    padding-left: 15px;
	padding-top: 10px;    
    float:right;
}

#homeimage {
	padding-left: 55px;
    width: 266px;
    float: left;
}

#homecover {
	width: 130px;
	float: left;
	padding-top: 15px;
}

#homecovertext {
	width: 340px;
	float: left;
	padding-top: 15px;
} 

#homeautcover {
	width: 130px;
	height: 233px;
	float: left;
	padding-top: 10px;
}

#homeautcovertext {
	width: 340px;
	height: 233px;
	float: left;
	padding-top: 10px;
} 

/* END of home items */ 

#calendarimage {
	width: 180px;
	padding-top: 30px;    
    float:left;
}

#calendartext {
	width: 335px;
	padding-top: 10px;    
    float:left;
}

/* START of commom page template */ 

#commonnav {
	padding-left:42px;
    width:181px;
    float:left;
}


#commontopheader{
	background: url(background_ins_headerimage.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffe884;
	background-position: top; 
	width:900px;
	height:66px;
    margin: 0px auto;
}

#commonbody {
	width: 535px;
    padding-right: 80px;
	padding-top: 10px;    
    float:right;
}

#commonimage {
	width: 175px;
	padding-top: 30px;    
    float:left;
}

#commontext {
	width: 340px;
	padding-top: 10px;    
    float:left;
}

#commonimageleft {
	width:125px;
	text-align:center;
	padding-top:30px;    
    float:left;
	padding-right:5px;
}

#qc{
	width:523px;
	height:42px;
	text-align:center;
	padding-top:20px;    
    float:left;
	padding-right:5px;
	background: url(bkround_qc.gif);
    background-repeat: no-repeat;
    background-position: center;
}

#qc_index{
	width:470px;
	height:60px;
	padding-top:15px;    
	text-align:center;
    float:left;
	background: url(bkround_qc_index.gif);
    background-repeat: no-repeat;
    background-position: center;
}

/* END of commom page template */ 

/* START of commonnav items */    
#commonnavmenu {
    width: 181px;
    margin: 0px auto;
}

#commonnavimg {
	background: url(background_camjansen_sm.gif);
    background-repeat: no-repeat;
    background-position: 6px 0px;
    width:181px;
    height: 180px;
}

#commonnav {
    width: 181px; 
    margin: 0px auto;
	}
  #commonnav li {
    margin: 0; padding: 0; list-style: none;
    top: 0;}
  #commonnav li, #commonnav a, #commonnav ul {
    display: block;}

#line_sm{ 
	height:15px; 
	width:175px; 
	float:left;
	margin: 0px auto;
	}

#home_sm{ 
	height:25px; 
	width:181px; 
	float:left;
	}
	#home_sm a { 
		height:25px; 
		width:181px; 
		background:url(link_home_sm.gif) no-repeat 0px 0px;
		 }
	#home_sm a:hover {	
		background-position: 0 -25px;
		}
	#home_sm a:active {
		background-position: 0 -25px;
		}

#home_sm span {
  display: none;
}

#meetcam_sm{ 
	height:25px; 
	width:181px; 
	float:left;
	}
	#meetcam_sm a { 
		height:25px; 
		width:181px; 
		background:url(link_meetcam_sm.gif) no-repeat 0px 0px;
		 }
	#meetcam_sm a:hover {	
		background-position: 0 -25px;
		}
	#meetcam_sm a:active {
		background-position: 0 -25px;
		}


#meetcamhover_sm{
	float:left;
	height:25px; 
	width:181px; 
	background:url(link_meetcam_sm.gif) no-repeat 0px 0px;
	background-position: 0px -25px;
}

#meetcamhover_sm span, #meetcam_sm span {
  display: none;
}
		
#books_sm { 
	height:25px; 
	width:181px; 
	float:left;
	}
	#books_sm a{ 
		height:25px; 
		width:181px;  
		background:url(link_books_sm.gif) no-repeat 0px 0px;
		}
	#books_sm a:hover {	
		background-position: 0 -25px;
		
		}
	#books_sm a:active {
		background-position: 0 -25px;
		}

#bookshover_sm { 
	height:25px; 
	width:181px; 
	float:left;
	background:url(link_books_sm.gif) no-repeat 0px 0px;	
	background-position: 0px -25px;
	}

#bookshover_sm span, #books_sm span {
  display: none;
}
		
#author_sm { 
	height:25px; 
	width:181px; 
	float:left;
	}
	#author_sm a{ 
		height:25px; 
		width:181px;  
		background:url(link_author_sm.gif) no-repeat 0px 0px;
		}
	#author_sm a:hover {	
		background-position: 0 -25px;
		
		}
	#author_sm a:active {
		background-position: 0 -25px;
		}

#authorhover_sm { 
	height:25px; 
	width:181px; 
	float:left;
	background:url(link_author_sm.gif) no-repeat 0px 0px;	
	background-position: 0px -25px;
	}

#authorhover_sm span, #author_sm span {
  display: none;
}

#downloads_sm{ 
	height:25px; 
	width:181px; 
	float:left;
	}
	#downloads_sm a{ 
		height:25px; 
		width:181px; 
		background:url(link_downloads_sm.gif) no-repeat 0px 0px;
		}
	#downloads_sm a:hover {	
		background-position: 0 -25px;
		
		}
	#downloads_sm a:active {
		background-position: 0 -25px;
		}

#downloadshover_sm { 
	height:25px; 
	width:181px; 
	float:left;
	background:url(link_downloads_sm.gif) no-repeat 0px 0px;
	background-position: 0px -25px;
	}

#downloadshover_sm span, #downloads_sm span {
  display: none;
}

#calendar_sm{ 
	height:45px; 
	width:181px; 
	float:left;
	}
	#calendar_sm a { 
		height:45px; 
		width:181px; 
		background:url(link_calendar_sm.gif) no-repeat 0px 0px;
		 }
	#calendar_sm a:hover {	
		background-position: 0 -45px;
		}
	#calendar_sm a:active {
		background-position: 0 -45px;
		}

#calendarhover_sm{
	float:left;
	height:45px; 
	width:181px; 
	background:url(link_calendar_sm.gif) no-repeat 0px 0px;
	background-position: 0px -45px;
}

#calendarhover_sm span, #calendar_sm span {
  display: none;
}

#mysteries_sm{ 
	height:25px; 
	width:181px; 
	float:left;
	}
	#mysteries_sm a { 
		height:25px; 
		width:181px; 
		background:url(link_mysteries_sm.gif) no-repeat 0px 0px;
		 }
	#mysteries_sm a:hover {	
		background-position: 0 -25px;
		}
	#mysteries_sm a:active {
		background-position: 0 -25px;
		}

#mysterieshover_sm {
	float:left;
	height:25px; 
	width:181px;  
	background:url(link_mysteries_sm.gif) no-repeat 0px 0px;
	background-position: 0px -25px;
}

#mysterieshover_sm span, #mysteries_sm span {
  display: none;
}

#join_sm{ 
	height:45px; 
	width:181px; 
	float:left;
	}
	#join_sm a { 
		height:45px; 
		width:181px; 
		background:url(link_join_sm.gif) no-repeat 0px 0px;
		 }
	#join_sm a:hover {	
		background-position: 0 -45px;
		}
	#join_sm a:active {
		background-position: 0 -45px;
		}

#joinhover_sm{
	float:left;
	height:45px; 
	width:181px; 
	background:url(link_join_sm.gif) no-repeat 0px 0px;
	background-position: 0px -45px;
}

#joinhover_sm span, #join_sm span {
  display: none;
}
	
/* END of nav items */    


/* START of home items */    
#homecopy {
	width: 470px;
    padding-left: 15px;
	padding-top: 10px;    
    float:left;
}

#homeimage {
	padding-left: 55px;
    width: 266px;
    float: left;
}

#homecover {
	width: 130px;
	height: 200px;
	float: left;
	padding-top: 35px;
	text-align:center;
}

#homecovertext {
	width: 324px;
	height: 200px;
	padding-left: 6px;
	float: left;
	padding-top: 35px;
} 

/* END of home items */ 

/* END of commonnav items */ 


/* START of author items */ 

#authorcopy {
	width: 770px;
	padding-left: 25px;
	padding-right: 25px;    
    float:left;
}

/* END of author items */ 

/* START of books items */ 

#bookscopy1 {
	width: 250px;    
    float:left;
    padding-left: 25px;
    align: center;
}

#bookscopy2 {
	width: 250px;    
    float:left;
}

#bookscopy3 {
	width: 250px;    
    float:left;
}

#booksicon1 {
	padding-left: 25px;
	width: 150px;    
    float:left;
}

#booksicon2 {
	width: 150px;    
    float:left;
}

#booksicon3 {
	width: 150px;    
    float:left;
}

#booksicon4 {
	width: 150px;    
    float:left;
}

#booksicon5 {
	margin-left: 10px;
	width: 150px;    
    float:left;
}

/* END of books items */ 

/* START of download items */ 

#downloadscopy {
	width: 770px;
	padding-left: 25px;
	padding-right: 25px;    
    float:left;
}

/* END of download items */ 

#spacer {
	height: 50px;
    clear: both;
}

#footer {
	margin-top: 80px;
    padding-top: 120px;
    padding-left: 85px;
    padding-bottom: 20px;
    height: 80px;
    text-align: left;
	background:url(background_footerimage.jpg) no-repeat 0px 0px;
    clear: both;
    background-color: #ffe884;
} 

.bottomborder {
    border-color: #fff4c3;
    border-style: solid;
    border-bottom: 1px;
}

.imgborder {
    border: 1px #000000 solid;
}

H1 {FONT-FAMILY: Times New Roman,Georgia, Helvetica, serif; font-weight: normal; font-size: 25px; color:#000000; margin: 10px 0px -5px 0px; line-height: 24px;  FONT-WEIGHT: bold;}
A.H1 {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
A.H1:active {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: underline;}
A.H1:visited {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
A.H1:hover {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: underline;}
  
H2 {COLOR: #000000; FONT-FAMILY: Times New Roman,Georgia, Helvetica, serif; font-weight: normal; font-size: 18px; margin-top:0px; margin-bottom:-10px; line-height: 22px;  FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.H2 {COLOR: #30439b; FONT-FAMILY: Times New Roman,Georgia, Helvetica, serif; font-weight: normal; font-size: 18px; margin-top:0px; margin-bottom:-8px; line-height: 24px;  FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.H2:active {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.H2:visited {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.H2:hover {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}
 
H3 {FONT-FAMILY: Times New Roman, Georgia, Helvetica, serif; font-weight: normal; font-size: 24px; color:#000000; margin-top:0px; margin-bottom:-12px; line-height: 24px;  FONT-WEIGHT: bold;}
A.H3 {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
A.H3:active {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: underline;}
A.H3:visited {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
A.H3:hover {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: underline;}
   

p.smspace {margin-top: 0px;}

p.smspacetop {margin-top: -8px;}
      
p {font-family: Times New Roman,Georgia, Helvetica, serif; color: #000000; text-decoration: none; word-spacing: 1px; text-align: left; letter-spacing: 0px; text-indent: 0px; line-height: 20px; font-size: 14px;}

.header {COLOR: #ffffff; FONT-FAMILY: Georgia, Arial, Helvetica, Sans serif; FONT-SIZE: 18px; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: 22px; TEXT-DECORATION: none;}

.headerlink {
FONT-FAMILY: Georgia, Arial, Helvetica, Sans serif; font-weight: normal; font-size: 17px; color:#ffa200; margin-top:-1px; margin-bottom:-1px; line-height: 23px;}
A.headerlink {COLOR: #ffa200;font-size: 17px;  FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
A.headerlink:active {COLOR: #ffa200; font-size: 17px; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: underline;}
A.headerlink:visited {COLOR: #ffa200; font-size: 17px; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
A.headerlink:hover {COLOR: #ffa200; font-size: 17px; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: underline;}

.subheader {
FONT-FAMILY: Georgia, Arial, Helvetica, Sans serif; font-weight: normal; font-size: 15px; color:#ffa200; margin-top:-1px; margin-bottom:-1px; line-height: 23px;}

.subheaderwhite {
FONT-FAMILY: Georgia, Arial, Helvetica, Sans serif; font-weight: normal; font-size: 15px; color:#ffffff; margin-top:-1px; margin-bottom:-1px; line-height: 23px;}

.submain {COLOR: #fff; FONT-FAMILY: Georgia, Arial, Helvetica, Sans serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: 20px; TEXT-DECORATION: none}
A.submain:link {COLOR: #ffa200; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.submain:active {COLOR: #ffa200; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}
A.submain:visited {COLOR: #ffa200; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.submain:hover {COLOR: #ffa200; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}

.submainblack {COLOR: #000; FONT-FAMILY: Georgia, Arial, Helvetica, Sans serif; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: 20px; TEXT-DECORATION: none}
A.submainblack:link {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.submainblack:active {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}
A.submainblack:visited {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.submainblack:hover {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}

.main {font-family: Times New Roman,Georgia, Helvetica, serif; color: #000000; text-decoration: none; word-spacing: 1px; text-align: left; letter-spacing: 0px; text-indent: 0px; line-height: 19px; font-size: 14px;}
A.main:link {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.main:active {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}
A.main:visited {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: none;}
A.main:hover {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline;}

.copy {COLOR: #000000; FONT-FAMILY: Times New Roman, Georgia, Helvetica, Sans serif; FONT-SIZE: 12px; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: 17px; TEXT-DECORATION: none;}
A.copy:link {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
A.copy:active {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: underline;}
A.copy:visited {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
A.copy:hover {COLOR: #30439b; FONT-STYLE: normal; FONT-WEIGHT: normal; TEXT-DECORATION: underline;}