/* reseting program defaults **************************************************/
* {
	padding:				0;
	margin: 				0;
   	font-family:			calibri, arial;
    text-decoration: 	    none;
}
/* background color ***********************************************************/
body { 
	background-color:	#000066;/*#dddddd;*/
	/*background-image:	url(../../images/template/sidebackground.jpg);*/
	background-repeat:  repeat-x;
	height:				100%;
	width: 				100%;
}

/* html stuff *****************************************************************/
html{
     height:					100%; 
     min-height: 		        100%; 
     overflow: 			        -moz-scrollbars-vertical !important; 
}

/* main container *************************************************************/	
#container {
	position: 		relative;
	margin: 		0 auto;
	width: 			770px;
	background:		url("../../images/template/container.jpg") repeat-y;
	min-height:		100%;
	}
 
	
/* main center container*******************************************************/	
#center {
	position: 			relative;
    margin: 			0 auto;
	width: 				750px;
	background-color:	#C5CDD3; /*#99CCFF;*/
	min-height:			100%;
	}
	
* html #container, * html #container #center {
    height:100%;
}

/* banner with joshal in it ***************************************************/	
#joshalbanner {
    background:			transparent url(../../images/template/joshalbannerc.jpg) no-repeat;
	width: 				750px;
	height: 			50px;
	}

/* navigation bar with four main links on it **********************************/
#navigation ul {list-style: none;}

#navigation li {float: left;}
	
.top1 a, .top3 a, .top4 a, .top5 a{
	font-size: 			14px;
	font-weight: 		bold;
	font-family:		Arial, Helvetica, sans-serif;
    display: 			block;
	height: 			30px;
	width: 				184px;
	color:				#ffffff;
	text-align:			center;
	line-height:		30px;
}


.top1 {background-image:url(../../images/template/t1rc.jpg)} /*preloading rollovers*/
.top3 {background-image:url(../../images/template/t3rc.jpg)}
.top4 {background-image:url(../../images/template/t4rc.jpg)}
.top5 {background-image:url(../../images/template/t5rc.jpg)}
	
.top1 a:link, .top1 a:visited {background-image:url(../../images/template/t1c.jpg)}
.top3 a:link, .top3 a:visited {background-image:url(../../images/template/t3c.jpg)}
.top4 a:link, .top4 a:visited {background-image:url(../../images/template/t4c.jpg)}
.top5 a:link, .top5 a:visited {background-image:url(../../images/template/t5c.jpg)}

.top1 a:hover, .top1 a:active {background-image:url(../../images/template/t1rc.jpg)}
.top3 a:hover, .top3 a:active {background-image:url(../../images/template/t3rc.jpg)}
.top4 a:hover, .top4 a:active {background-image:url(../../images/template/t4rc.jpg)}
.top5 a:hover, .top5 a:active {background-image:url(../../images/template/t5rc.jpg)}

#t2 {width: 14px;  height: 30px; background-image:url(../../images/template/t2c.jpg);}


/* mini navigation bar with submenues on it ***********************************/
.dropdown{
	display: 			none;	
	position: 			absolute;
	top: 				80px;  
	left: 				0px; 
	width: 				750px;
}

.topphotosfirst a, .topphotos a, .friendsandfamily a, .topcontactfirst a, .topcontact a{
	float: 			left;
	position: 			relative;
	width: 			54px;
	font-size: 			12px;
	color:			#003366;
	font-weight: 		bold;
	text-align: 		center;
	vertical-align:		middle;
	height: 			20px;
	line-height:		20px;
}

.topphotosfirst a{padding: 0 0 0 199px;}
.friendsandfamily a {width: 100px;}
.topcontactfirst a{padding: 0 0 0 235px; width: 125px;}
.topcontact a{width: 125px;}
li > ul {
	top: auto;
	left: auto;
	}
#nav li ul li a:hover, #nav li ul li a:active{
display: block; text-decoration: underline;}

li:hover ul, li.over ul {display: block;}


#navigation2 ul{
	display: 			block;
	list-style:			none;
}

#navigation2 li {
    float:				left;
	display:			block;
}

#b1 {width: 184px; height: 15px; background-image:url(../../images/template/b1c.jpg); background-repeat: no-repeat;}
#b2 {width: 14px;  height: 15px; background-image:url(../../images/template/b2c.gif); background-repeat: no-repeat;}
#b3 {width: 552px; height: 15px}

/* main body content **********************************************************/
#main {
	position: 			relative;
    margin: 			20px 0px 20px 0px;
	width: 				750px;
}






/* CSS for general photo albums ***********************************************/

.standard, .standard a{font-size: 16px; color: #000000; text-align: left;}
.standard a{color: #003366;}
.standard a:hover, .standard a:active {text-decoration: underline;}

 
 .heading1{
	font-size: 			36px;
	font-weight: 		normal;
	text-align:			center;
	}

 .heading2{
	font-size: 			24px;
	font-weight: 		normal;
	text-align:			center;
	}

 .heading3{
	font-size: 			20px;
	font-weight: 		normal;
	text-align:			left;
	}
		
.phototables {padding: 0 13px 0 13px;}	



/* image tables ***************************************************************/
div.photo_tbl{
  /*margin: 2px;*/
  margin: 6px;
  border: 1px none; /*#D1CDC3;*/
  height: 75px; /* img size + 12*/
  width: 75px;
  float: left;
  text-align: center;
}	
div.photo_tbl img{
  display: inline;
  margin: 2px;
  border: 1px solid #e8e4d9;
}
div.photo_tbl a:hover img {border: 1px solid #000066;}


/* album tables ***************************************************************/
div.album_tbl{
  margin: 2px;
  border: 1px  none; /*solid #D1CDC3;*/
  height: 300px;
  width: auto;
  float: left;
  text-align: center;
  vertical-align: bottom;
  }	
div.album_tbl img{
  display: inline;
  margin: 2px;
  border: 1px solid #e8e4d9;
  vertical-align: bottom;
}
div.album_tbl a:hover img {border: 1px solid #000066;}
div.txt_tbl{
  text-align: left;
  font-weight: normal;
  width: 224px;
  margin: 2px;
}