/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* {
	padding: 0;
	float: none;
	left: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	background-color: #FFF;
	background-image:url(images/bkgpups.jpg);
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
	color: #333;
	width: 900px;
	float: none;
	padding: 10px;
	border: 1px solid #ccc;
	height: 150px;
	background-color: #FFF;
	background-image: url(images/header.png);
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: center center;
}
#navigation {
	float: left;
	width: 900px;
	color: #FFF;
	padding: 0px;
	border: thin none #ccc;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
    color:#666;
    font-size:13px;
    line-height:18px;
    margin:0px 0 22px 0;
    overflow:hidden;
}
.navigation a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
.navigation a:active,
.navigation a:hover {
    color: #FF4B33;
}
.navigation .meta-nav {
    font-style:normal;
}
.nav-previous {
	float: left;
	width:50%;
}
.nav-next {
	float: right;
	width:50%;
	text-align:right;
}
#nav-above,#nav-below {
	width: 800px;
}
#nav-above {
    display:none;
}
.paged #nav-above {
    display:block;
    padding:0 0 44px 0;
}

/* =Grid
-------------------------------------------------------------- */
.gridbox{
	position: relative;
	float: none;
	left: 376px;
	width: 657px;
	margin-bottom: 10px;
	background-color: #cccccc;
}
.left1{
	position: relative;
	float: left;
	left: 5px;
	width: 209px;
	height: 209px;
	background-color: #FFF;
}
.left2{
	position: relative;
	float: left;
	left: 25px;
	width: 209px;
	height: 209px;
	background-color: #FFF;
	margin-left: auto;
    margin-right: auto 
}
.right{
	position: relative;
	float: right;
	right: 25px;
	width: 209px;
	height: 209px;
	background-color: #FFF
}

/* =Grid 6 per Row
-------------------------------------------------------------- */
.gridbox6{
	position: relative;
	float: none;
	left: 376px;
	width: 657px;
	margin-bottom: 10px;
	background-color: #cccccc
}
.lefta{
	position: relative;
	float: left;
	width: 85px;
	height: 90px;
	background-color: #FFF;
	margin-right: 14px;
}
.leftb{
	position: relative;
	float: left;
	width: 85px;
	height: 90px;
	background-color: #FFF;
	margin-right: 14px;
}
	
.leftc{
	position: relative;
	float: left;
	width: 85px;
	height: 90px;
	background-color: #FFF;
	margin-right: 14px;
}

.leftd{
	position: relative;
	float: left;
	width: 85px;
	height: 90px;
	background-color: #FFF;
	margin-right: 14px;
}

.lefte{
	position: relative;
	float: left;
	width: 85px;
	height: 90px;
	background-color: #FFF;
	margin-right: 14px;
}

.leftf{
	position: relative;
	float: left;
	width: 85px;
	height: 90px;
	background-color: #FFF;
	margin-right: 13px;
}

.righto{
	position: relative;
	float: right;
	width: 85px;
	height: 90px;
	height: 90px;
	background-color: #FFF
}



/* =Menu
-------------------------------------------------------------- */

.skip-link {
    display:none;
}
#access {
	height:32px;
	font-size:13px;
	overflow:visible;
	z-index:100;
	border-top-style: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** THEMATIC SKIN ***/
.sf-menu {
	border-right:1px solid #ccc;
	float:left;
	background-color: #FFF;
}
.sf-menu a {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:9px 13px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#666;
}
.sf-menu li {
	background:		#fff;
}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:     #fafafa;
	outline:		0;
	border-bottom-color:#ccc;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#fafafa;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}


/* =JQuery
-------------------------------------------------------------- */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}



#leftcolumn {
	color: #333;
	border: 1px solid #ccc;
	height: auto;
	width: 678px;
	float: left;
	background-color:#FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 20px;
}
#rightcolumn {
	float: right;
	color: #333;
	border: 1px solid #ccc;
	padding: 10px;
	height: auto;
	width: 175px;
	display: inline;
	background-color: #CCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#full {
	color: #333;
	border: 1px solid #ccc;
	height: auto;
	width: 900px;
	float: left;
	background-color:#FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 12px;
}
#footer {
	width: 900px;
	clear: both;
	color: #333;
	border: 1px solid #ccc;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-color: #999;
}