body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;		/* Set the font here to effect entire template */
}

#sgContainer {
	width: 740px; 									/* 740px;This is the page width, if you want a full-screen/liquid layout use 'auto' */
	border-right: 4px solid; 						/* If you use full-screen/liquid layout you probably want to set all borders to 'none' */
	border-left: 1px solid;			 
	border-top: 1px solid;
	border-bottom: 4px solid;
	margin: 24px auto 0 auto;
}

#sgHeader {
	border-right: 1px solid;
	width:739px;				
}

#sgOptions {
	text-align: right;
	float: right;
	margin: 6px 0 0 0;
}

#sgMain-nav {

	border-right: 1px solid;				

	padding-top: 12px;

	margin: 0 0 0 26px;

	font-size: 11px;

}



#sgContent {

	border-right: 1px solid;				

	border-bottom: 1px solid;				

	border-top: 1px solid;

}



#sgFooter {

	width: 760px;

	margin: 16px auto 0 auto;

	padding: 0 0 16px 0;

	text-align: center;

}



#sgUpdate {

	font-size: 11px;

	padding: 8px 0 8px 0;

	text-align: center;

	border-bottom: 1px solid;

}





/* Page Elements */



.sgCrumb {

	font-size: 11px;

	line-height: 16px;

	padding: 20px 0 16px 26px;

}



.sgGallery {

	border: 1px solid;

	margin: 18px 24px 24px 24px;

	padding: 12px 12px 10px 12px;

}



.sgGalleryFloat {

	margin: 18px 4px 12px 24px;

	float:left;
	position:relative;

    width: 300px;

}



.sgAlbum {

	border: 1px solid;

	margin: 18px 24px 32px 24px;

	padding: 22px 0 0 0;

	clear: both;

}



.sgImageBox {

	margin: 24px auto 24px auto;

	position: relative;

	font-size: 11px;

	padding: 5px;

	border: 1px solid;

	border-right: 1px solid;

	border-bottom: 1px solid;

}



img.sgImage  {

	display: block;
	border: #999999 solid 1px;
	text-align:center;
	margin:24px auto;
	padding:3px;

}



.sgPreview {

	text-align: center;

	margin: 28px 0 24px 0;

}



.sgFoot {

	clear: both;	

}





/* Typography */



h2 {

	font-size: 18px;

	line-height: 32px;

	font-weight: normal;

	margin: 0 200px 0 24px;

	padding: 0;

}



h3 {

	font-size: 16px;

	line-height: 18px;

	font-weight: normal;

	margin: 0px 0 6px 10px;

	padding: 0;

}



h4 {

	font-size: 11px;

	line-height: 12px;

	font-weight: normal;

	margin: 0 0 0 26px;

	padding: 0;

}



p {

	font-size: 11px;

	line-height: 16px;

	margin: 6px 16px 4px 16px;

}



.sgGallery p {

	border: none;

	margin: 0 0 4px 10px;

}



#sgFooter p {

	text-align: center;

}



p.sgLinks {

	margin: 24px 0 -38px 24px;

	padding: 0 0 6px 0;

}



p.sgTab {

	line-height: 16px;

	text-align: right;

	margin: -16px 32px 0 24px;

	padding: 0 0 0 0;

	clear: both;
	width:680px;

}



p.sgTab a{

	margin-right: 0px;

}



p.sgFullsize {

	text-align: center;

	margin: 0;

	padding: 0;

}



a {

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



/* Links and Thumbnails */



.sgAlbum a {

	width: 134px;									/* This equals template.ini 'thumb_width_album' + padding and borders of inside img */

	height: 134px;									/* This equals template.ini 'thumb_height_album' + padding and borders of inside img */

	float: left;

	text-align: center;

	margin: 0 19px 20px 19px;	

}



.sgAlbum a img {

	padding: 16px;									/* 16px x 2 = 32px																	*/

	border: 1px solid	;							/* 1px x 2 = 2px 		= 34px														*/

}



.sgGallery a img {

	padding: 16px;

	border: 1px solid;

	float: left;

	margin: 0 -150px 0 0;

}



a:hover img.sgThumbnailAlbum, a:hover img.sgThumbGallery {

	border: 1px solid;

}



.sgPreview a {

	border: none;

}



.sgPreview a img {

	border: 1px solid;

	margin: 0 4px 0 4px;

	padding: 2px;

}



img.sgThumbnailPreviewCurrent {

	opacity: .6;

}



.sgPreview a:hover img, .sgPreview a:hover img.sgThumbnailPreviewCurrent{

	border: 1px solid;

	opacity: 1;

}



/* Details */



dl {

	font-size: 11px;

	line-height: 16px;

	margin: 12px 64px 24px 64px;

	padding: 0;

	text-align: center;

}



dt {

	display: inline;

	margin: 0 4px 0 0;

	padding: 0;

}



dd {

	display: inline;

	margin: 0;

	padding: 0;

}

dd p {
	color:#FFFFFF;
}

/* Forms */



#sgOptions form{

	border: none;

	margin: 0 0 0 12px;

	padding: 0 12px 0 0;

	font-size: 10px;

	display: inline;

}



input {

	font-size: 10px;

	margin: 12px 0 0 0;

}



select{

	font-size: 10px;

}



/* Utility */



.clear {

	display: block;

	clear:both;

	float: none;

}



/* In-Image Rollovers */



.sgImageBox a {

	display: block;

	position: absolute;

	text-indent: -3000px;

	font-size: 15px;

	opacity: .0;

	width: 80px;

	text-align: center;

}



.sgImageBox a:hover {

	opacity: .9;

	text-indent: 0px;

	text-decoration: none;

}



.sgImageBox a span{

	display: block;

}



.sgImageBox a.thumb span, .sgImageBox a.control span{

	margin-top: 22px;

}



.sgImageBox a.prev {

	top: 5px;

	left: 5px;

	border-right: 1px solid;

}



.sgImageBox a.thumb {

	top: 5px;

	left: 5px;

	height: 60px;

	border-bottom: 1px solid;

}



.sgImageBox a.next {

	top: 5px;

	right: 5px;

	border-left: 1px solid;

}



.sgImageBox a.control {

	left: 5px;

	bottom: 4px;

	height: 60px;

	border-top: 1px solid;

}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}


#menu_topnav {
  margin:0;
  padding:0;
  z-index:200;
  font-size:10px;
  position: relative;
  
}
#menu_topnav li {
  list-style: none;
  margin:0;
  position: relative;

}
#menu_topnav li li {
  margin:0;
  padding:0;
  z-index:200;
}
#menu_topnav a {
  display: block;
  
}

#menu_topnav li ul a {
	color: #333333;
	text-decoration: none;
	display: block;
	padding: 3px 10px;
}
#menu_topnav li ul a:hover {
	color: #999999;
	background-color: #CCCCCC;
}
#menu_topnav li li {
	//width: 210px;
}

#menu_topnav li ul {
  display: none;
  position: absolute;
  padding: 5px 5px;
  width: 210px;
  border: #333333 1px solid;
  text-align:left;
  left: -170px;
  //left: -210px;
  z-index:200;
}

#menu_topnav li:hover ul, #menu_topnav li.jshover ul {
	background-color: #E6E6E6;
	display: block;
}
#menu_topnav li:hover li ul, #menu_topnav li.jshover li ul {
  display: none;
}
#menu_topnav li:hover li:hover ul, #menu_topnav li.jshover li.jshover ul {
  display: block;
}
a.page-options {
	color: #000000; 
	text-decoration: none; 
	display: block; 
	text-align:center;
	padding: 5px; 
	margin: 3px 0 0 0;
	border:0;
}
		

.hidden {
	display : none;
}
.sgDetailsList dl {

	margin:0px;
	padding:10px 150px;
	background-color:#999999;
	color:#FFFFFF;
	text-align:left;
	}
.sgDetailsList dt {
	color:#FFFFFF;
	font-weight: bold;
	}
.sgDetailsList dd {
	color:#FFFFFF;
	}
.errors {
    color:#FF0000;
    font-size:12px;
    text-align:center;
    font-weight:bold;
    margin:10px 0px;
}