/* 
   css Copyright (c) 2009 Sandvox Web Designs (http://www.sandvoxwebdesigns.com)
   NOTE: Sandvox Web Designs is a third party design developer and are not owned or operated by Karelia Software. Sandvox Web Designs uses the name "Sandvox" with permission from Karelia Software
   All associated graphics belong to their respective owners 
        and are licensed separately. 
*/

/* @group Global */

a {
    color: #0782c9;
    text-decoration: none;
    border:none;
}

a:hover, a:focus{
    border:none;
	color: #2e2e2e;
}

a.imageLink {
	border: 0px none;
}

a img { border: none; }

.clear {
	clear: both;
	height: 0;
}

.hidden {
    display:none;
}
img .narrow {
    float: right;
}
img .wide {
	display: block;
}

body {
	font: 0.84em/1.6em Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 60px;
	background-color: #232323;
}

li a:hover, li a:focus{
    border:none;
}

li a:active {
    
}

code {
	color: #828386;
	font: .9em "Courier New", Courier, mono;
}

/* @end */

/* @group Miscelaneous */



/* @end */

/* @group Photo Page & Grid Index */

/* @group Photo Navigation */

/* photo navigation */

.photo-navigation {
	position:relative;
    height: 34px;
    width:200px;
    margin:0px auto 8px auto;
}

.photo-navigation div {
	width:30px;
	height:34px;
	position: absolute;
    text-indent: -5000em;
}

.photo-navigation a {
	border-bottom:none;
	display:block;
	width:100%;
	height:100%;
}

#previous-photo	{
    background: url(photo-prev-off.gif) no-repeat 0 center;
    left: 58px;
}
#previous-photo a {
    background: url(photo-prev.gif) no-repeat 0 center;
}

#next-photo {
    background: url(photo-next-off.gif) no-repeat 0 center;
    left: 112px; 
}
#next-photo a {
    background: url(photo-next.gif) no-repeat 0 center;
}

#photo-list {
    background: url(photo-list-off.gif) no-repeat 0 center;
    left: 84px;
}
#photo-list a {
    background: url(photo-list.gif) no-repeat 0 center;
}

.image-controls a {
	border-bottom:none !important;
}

.allow-sidebar #previous-photo {
	left:210px;
}
.allow-sidebar #next-photo {
	left:290px;
}

.allow-sidebar #photo-list {
	left:250px;
}



/* @end */

div.photo-viewer-summary .article {
    margin: auto;
}

/* Used on Photo Grid Pages ... */
.photogrid-index {
    text-align: left;
    margin-top: 10px;
    padding: 5px;
    padding-left: 10px;
    overflow: auto;
    position: relative;
    width: 660px;
}

body.no-sidebar .photogrid-index {
	padding: 5px 20px;
	width:910px;
}

.photogrid-index a {
	color:#000;
	text-decoration:none;
}


.gridItem {
    float: left;
    position:relative;
    width:150px;
    height:180px;	/* room for caption */
    margin: 10px;
    padding-top: 10px;
    background: white;
    overflow: hidden;
}

.gridItem h3 {
    font-size: 0.9em;
    font-weight: normal;
    color: #000000;
    margin-top: 4px;
    margin-left: 7px;
    margin-right: 7px;
    position:absolute;
	top: 140px; /* needs to leave 38px from the bottom of the gridItem */
	width: 136px;
}

.gridItem img {
    border: 1px solid #102536;
    margin: auto;
    display:block;
    position: absolute;
    top: 0;
    bottom: 40px;
    right: 0;
    left: 0;
}

span .in h3{
	font-size: .9em;
}


/* Used on index summary pages */
.listing-index #main li h3 a {
    text-decoration:none;
    font-size:1em;
    font-weight:normal;
}



/* @end */

/* @group Sidebar, Pagelets, Callouts */

#sidebar {
    float: right;
    width: 230px;
    font-size: 0.9em;
    text-align: center;
    margin-right: 10px;
}

#sidebar p, .pagelet table, .pagelet dl {
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}

.pagelet ul, .pagelet ol, .pagelet table, .pagelet dl {
	text-align:left;
}


.pagelet {
    width: 230px;
    overflow:hidden;
	font-size: 1.1em;
	margin-top: 10px;
}
.pagelet p{
	margin-top: -10px;
}

.pagelet h4 {
    padding: 5px;
    font-size: 1.2em;
    font-weight: bold;
    color: #040404;
    text-align: center;
}

.pagelet.bordered {
	border: 2px solid #afafaf;
	margin: 10px;
	padding:0px;
	width: 210px;
}

.pagelet.bordered p {
	padding: 0px 5px 0;
	margin-top: 10px;
}

.pagelet.bordered h4 {
	margin:0px;
}

.pagelet .contactElement.labelsOnSide {
	margin-right:20px;
}


/* photo-page, html-page (in some cases), iframe-page don't have sidebar */

li a, #sidebar a {
    color: #000000;
    text-decoration: none;
	border:none;
}

.callout {    
	float: left;
    text-align: center;
    border: 5px solid white;
    border-right: none;
	margin: 0px 1px 20px -24px;
	clear: both;
}

* html .callout {
	position: relative;
	margin-right: -5px;
	margin-left: 5px;
}

.callout p {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
	font-size: .9em;
}

.callout h4 {
    font-weight: bold;
    font-size: 1em;
    line-height: normal;
    text-shadow: none;
}



/* @end */

/* @group Layout */

body.no-sidebar #main {
    margin-left: 0px;
    margin-right: 0px;
    font-size: 1em;
    position:relative;
    width: 900px;
}
body.allow-sidebar #main {
    margin-left: 0px;
    float: left;
    width: 660px;
    font-size: 1em;
}


h1, h2, h3, h4, h5, h6, #title, #sitemenu-content, #page-bottom, .caption {
	font-family:"Trebuchet MS", helvetica, verdana, sans-serif;
}

h4, h5, h6 {
	margin: 0em 0em 0.8em 0em;
	font-size: 100%;
}

#page {
    width: 942px;
	background: url(content.jpg) repeat-y;
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
}
#main{
	padding-left: 20px;
	line-height: 1.5em;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
}

#main {
	float: left;
	clear: left;
}
#main p{
	margin-top: -10px;
	font-weight: normal;
	font-style: normal;
}
#main h1{
	color: #000;
	font-size: 1.8em;
	padding-left: 0;
	margin: 0;
	padding: 2px;
}
#main h2{
	color: #000;
	font-size: 1.6em;
	padding-left: 0;
	padding: 2px;
}
#main h4{
	color: #000;
	font-size: 1.2em;
	padding-left: 0;
	padding: 2px;
}
#main h5{
	color: #000;
	font-size: 1.1em;
	padding-left: 0;
}
body.no-sidebar #page {

}

#page-top {
    margin:0;
	background: url(header.jpg) no-repeat;
}

#title {
    padding: 0;
    padding-bottom: 2px;
    text-align: center;
    text-decoration:none;
    margin: 0;
    margin-top: 10px;
	height: 411px;
}

#title a {
    text-decoration:none;
}

h1 {
    font-weight: bold;
    font-size: 3.5em;
    text-align: left;
    color: #fff;
    margin: 0px 10px 5px 10px;
    padding-top: 60px;
    display: block;
	padding-left: 40px;
}

h1 a {
    text-decoration:none;
    border:none;
	color: #fff;
}

h1 a:hover, h1 a:focus, h1 a:active {
	color: #ececec;
	text-decoration: none;
	border:none;
}

#title img {
    border:none;
    margin-top: 10px;
}

#title p {
    font-weight: normal;
    font-size: 1.6em;
    text-align: left;
    margin: 20px 10px 0px 50px;
    padding-bottom: 14px;
    color: #fff;
}

body.has-custom-banner #page-top {
	background-position: center top;
	background-repeat: no-repeat; 
	height: 411px;
	width: 942px
}

body.has-custom-banner #page-top.has-logo #title {
	padding: 0;
    padding-bottom: 2px;
    text-align: center;
    text-decoration:none;
    margin: 0;
    margin-top: 10px;
	height: 411px;
}

body.has-custom-banner #page-top h1 {
	font-weight: bold;
    font-size: 3.5em;
    text-align: left;
    color: #fff;
    margin: 0px 10px 5px 10px;
    padding-top: 60px;
    display: block;
	padding-left: 40px;
}
body.has-custom-banner #sitemenu-container {
    clear: both;
    padding-top: 0px;
    margin-top: 0px;
	margin-bottom: 20px;
}

body.has-custom-banner #page-top.has-logo h1 {
	font-weight: bold;
    font-size: 3.5em;
    text-align: left;
    color: #fff;
    margin: 0px 10px 5px 10px;
    padding-top: 60px;
    display: block;
	padding-left: 40px;
}

body.has-custom-banner #page-top p {
	font-weight: normal;
    font-size: 1.6em;
    text-align: left;
    margin: 20px 10px 0px 50px;
    padding-bottom: 14px;
    color: #fff;
}
#page-content {
    width: 934px;
    margin: auto;
    clear: both;
    margin-top: 10px;
	font-size: 1.2em;
	line-height: 1.3em;
	
}
body.has-custom-banner #page-content {
    width: 934px;
    margin: auto;
    clear: both;
    margin-top: 60px;
	font-size: 1.2em;
	line-height: 1.3em;
	
}


* html #page-content {
	margin-top:0px;
}

body.no-sidebar #page-content {
    width: 934px;
}

h2 {
    display: block;
    font-weight: bold;
    text-align: left;
    margin-top: 0;
    color: #000;
	padding: 10px 10px 1px;
	font-size: 1.5em;
}

#page-bottom {    
    padding: 5px 5px 30px;
    font-weight: normal;
    font-size: 1.1em;
    text-align: center;
    color: white;
	background: url(footer.jpg) no-repeat 0 bottom;
}

body.allow-sidebar #page-bottom {
}

#page-bottom-contents{
	color: #000;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
}

.caption {
    padding: 10px;
    font-size: 1.5em;
}



/* @end */

/* @group Site Menu */

#sitemenu-container {
    clear: both;
    padding-top: 0px;
    margin-top: 0px;
}

#sitemenu {
    clear: both;
    margin: 10px 20px auto;
    padding: 0;
	color: #000;
	font-size: 1.1em;
	border-top: 1px solid #9a9a9a;
	border-bottom: 1px solid #9a9a9a;
	text-align: center;
}

#sitemenu-content ul {
    text-align: center;
	margin:0px;
	padding: 10px 5px 9px;
}

#sitemenu-content li {
    display: inline;
    margin-top: 1px;
    padding: 0px 3px;
    font-size: 1.0em;
    color: #000;
	font-style: italic;
	line-height: 1.3em;
}

#sitemenu-content span.i1 {
    border: none !important;
}

#sitemenu-content a{
    text-decoration: none;
    border:none;
    padding-left: 3px;
    color: #000;
}

#sitemenu-content li.currentPage span.in, #sitemenu-content li.currentParent a {
    text-decoration: none;
    padding-left: 3px;
    color: black;
	font-weight: bold;
	font-size: 1.2em;
}

#sitemenu-content a:hover, a:focus{
    color: black;
	font-weight: normal;
	padding-left: 3px;
	text-decoration: none;
	border-bottom: 1px solid #b8b8b8;
}

#sitemenu-content a:active {
    border: none !important;
	font-weight: bold;
}



/* @end */

/* @group Blog */

.timestamp{
	margin-bottom: 10px;
}
#main .article h3 {
     padding: 5px;
     font-size: 1.3em;
     color: #000000;
     font-weight: bold;
     text-align: left;
     margin-right: -10px;
     margin-left: -10px;
     clear: right;
     border:none;
}

.article h3 a {
    color: #000000;
    padding: 3px;
    text-decoration: none;
    border:none;
}

.article h3 a:hover, a:focus{
    border:none;
    text-decoration: none;
}

.article h3 a:active {
    
}

.article-info {
	clear:both;
}

.article, .no-callouts {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.article img {
    border: none;
}

.article img.narrow {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.article-thumbnail {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}



/* @end */

.HTMLElement {
    margin-bottom: 10px;
}

.ImageElement, .VideoElement {
    text-align: center;
}

/* @group Up2Five */

/*Up2five*/
#page-content .Up2five {
	width: 880px;
}
#page-content .Up2five h4{
	text-align: left;
}
.column {
	float: left;
	text-align: left;
}
.one { width: 100%; }
.two { width: 50%; }
.three { width: 33%; }
.four { width: 25%; }
.five { width: 20%; }
.column .content { width: 90%; margin: 0 auto;
}


/* @end */

#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
	}

/* @group Boxes */

 .box h3{
	text-align: center;
	color: #fff;
	width: 100%;
	height: 22px;
	font-size: 1em;
	line-height: 22px;
	background-color: #232323;
}
 .box{
	text-align: left;
	color: #000000;
	border: 1px solid #e9e9e9;
	border-top-style: none;
	padding-bottom: 5px;
	position: relative;
	width: 96%;
	margin-bottom: 10px;
}
.box p{
	padding-right: 5px;
	padding-left: 5px;
}

.box ul{
	
}
.box li {
	margin-left: 2px;
}


.callout .box h3{
	text-align: center;
	color: #fff;
	width: 96%;
	height: 16px;
	line-height: 16px;
	background-color: #232323;
	font-size: .9em;
	margin-left: 0;
}
.callout .box{
	text-align: left;
	color: #000000;
	border: 1px solid #e9e9e9;
	border-top-style: none;
	padding-bottom: 5px;
	position: relative;
	width: 93%;
	margin-bottom: 10px;
	margin-left: 10px;
}
.callout .box p{
	padding-right: 5px;
	padding-left: 5px;
}

.callout .box ul{
	
}
.callout .box li {
	margin-left: 2px;
}
/* @end */
body.has-custom-banner #page-top { background-image: url(../_Media/header9.jpg); }