@charset "UTF-8";

/*
   css Copyright © 2005-2012 Karelia Software. All rights reserved.
   css released under Creative Commons License  - http://creativecommons.org/licenses/by-sa/2.5/
   All associated graphics belong to their respective owners and are licensed separately.
*/

/* IE7 hacks */

*:first-child+html .gridItem img {
	position:relative;
	top:0px;
}

*:first-child+html .gridItem h3 {
	position:relative;
	top:0px;
}

/* Navigation arrows */
div.text-navigation { text-align:center; margin-bottom:1em;}
div.text-navigation div { display:inline; margin:0px 0.5em; }
.collection-navigation .disabled-navigation { text-indent:-5000px; }

/* 2.0 wrap compatibility. 2.0-compatible designs can further adjust these if they need */
.wide { display:block; }

.narrow.left {   /* Some designs won't respect without !important */
    float:left!important;
    clear:left!important;
}
.narrow.right {
    float:right!important;
    clear:right!important;
}

.wide.left   .graphic, img.wide.left,   .wide.left video,   .wide.left audio   { display:block; margin-left:0px; margin-right:auto; }
.wide.center .graphic, img.wide.center, .wide.center video, .wide.center audio { display:block; margin-left:auto; margin-right:auto; }
.wide.right  .graphic, img.wide.right,  .wide.right video,  .wide.right audio  { display:block; margin-left:auto; margin-right:0px; }


.ImageElement.left, .AudioElement.left { text-align:left; }
.ImageElement.center, .AudioElement.center { text-align:center; }
.ImageElement.right, .AudioElement.right { text-align:right; }

/* Captions should align themselves with the graphic */
.graphic-container.left .caption { text-align:left; }
.graphic-container.center .caption { text-align:center; }
.graphic-container.right .caption { text-align:right; }

/* Inline iframes need to display as a block to layout right */
.graphic iframe { display:block; }

/* Pagelet photo grids should be generally be auto width (some 1.x designs hardcoded an exact width) */
.pagelet .photogrid-index { width:auto; }

/* For content like amazon which forces white background. Design SHOULD set color for A tag and text color. */
.whiteBackground
{
	background-color:white;
}

.article-info
{
	margin-bottom:1em;
}

/* Firefox reduce dotted lines on links */
.photo-navigation a:focus, .replaced a:focus {overflow:hidden;}

/* Disqus correction to prevent overflow scroll bars in some designs */
#dsq-content { overflow:hidden; }
#dsq-content .dsq-auth-header { width: auto!important; }
#dsq-content .dsq-by { margin: 4px 6px 0px 0px; }
#dsq-content .dsq-by a, #dsq-content .dsq-by a:hover { border: 0px none; }
#dsq-content h3 { margin:0px; }

/* Site menus. Don't wrap the top level items, and wrap sub-menu items normaly. */
#sitemenu-content ul li span.in { white-space:nowrap;}
* html #sitemenu-content ul li span.in {white-space: normal}
*:first-child+html #sitemenu-content ul li span.in {white-space: normal}
#sitemenu-content ul ul li span.in {white-space: normal}
#sitemenu-content span.in { position: relative; }

body { word-wrap:break-word; }

/* Make sure scaled-down images look good in IE */
img { -ms-interpolation-mode: bicubic; }

.HTMLElement { overflow:hidden; }

.photogrid-index-bottom { clear:left; }

/*
	Based on ColorBox 1.3.19 example1.  Changes:
		changed "colorbox/" to "colorbox/"
		removed background:url line for #cboxOverlay
        added color to #cboxError
*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#colorbox{}

    #cboxTopLeft,#cboxTopRight,#cboxBottomLeft,#cboxBottomRight,#cboxMiddleLeft,#cboxMiddleRight{width:21px; height:21px; background:url(colorbox/controls.png) no-repeat}

    #cboxTopLeft{background-position:-101px 0;}
    #cboxTopRight{background-position:-130px 0;}
    #cboxBottomLeft{background-position:-101px -29px;}
    #cboxBottomRight{background-position:-130px -29px;}
    #cboxMiddleLeft{background-position:left top; background-repeat:repeat-y;}
    #cboxMiddleRight{background-position:right top; background-repeat:repeat-y;}

    #cboxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;color:red;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
            
        #cboxPrevious,#cboxNext,#cboxClose{background:url(colorbox/controls.png) no-repeat; width:25px; height:25px; text-indent:-9999px;}
            
        #cboxPrevious{position:absolute; bottom:0; left:0; background-position:-75px 0;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background-position:-50px 0;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background-position:-25px 0;}
        #cboxClose:hover{background-position:-25px -25px;}

            
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    #cboxTopLeft,#cboxTopRight,#cboxBottomLeft,#cboxBottomRight,#cboxMiddleLeft,#cboxMiddleRight,#cboxPrevious,#cboxNext,#cboxClose{
        background-image:url(colorbox/controls@2x.png);
        -moz-background-size: 176px 50px;;
        -o-background-size: 176px 50px;;
        -webkit-background-size: 176px 50px;;
        background-size: 176px 50px;;
    }
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

textarea.fullWidth, input.fullWidth, select.fullWidth {
	width:96%;
	margin:4px 0;
}
textarea.fullWidth, select.fullWidth {
	margin: 4px 1px
}

form.contactElement input.submit {
	width:auto;
	display:block;
	margin-left:auto;
	margin-right:2%;
}
form.contactElement th {
	text-align:right;
	font-weight:normal;
	width:25%;
}

.contactError { color:red; font-weight:bold; }

/* Contact Element For IE 7 */
*:first-child+html form.contactElement input.submit {
	padding:0px 10%;
	min-width: 0px;
}

textarea {
    resize: vertical;
}

form.contactElement p {
	text-align: left;
}

/* Overall pagelet */
div.rssBadge
{
	margin: 10px;
}

/* Small icon option */
img.smallRSSBadgeIcon { vertical-align:middle; }
img.smallRSSBadgeIconLeft { margin-right:3px; }
img.smallRSSBadgeIconRight { margin-left:3px; }

/* Large icon option */
div.largeRSSBadgeIcon, p.largeRSSBadgeIcon
{
	margin: 0 10px;
	text-align:center !important;
}

img.largeRSSBadgeIcon { margin-bottom: 4px; }
p.largeRSSBadgeIcon { margin: 0; }

/* 
   css Copyright (c) 2011 Sandvox Web Designs (http://www.kulersolutions.com)
   NOTE: Kuler Solutions is a third party design developer and are not owned or operated by Karelia Software. 
   All associated graphics belong to their respective owners 
        and are licensed separately. 
*/

/* @group Global */

h2 {
	font-size: 150%;
	margin: 0.33333333em 8px 0.43333333em;
	color: #050505;
}

h4, h5, h6 {
	font-size: 125%;
	margin: 0.6em 0em 0.5em 0em;
	color: #666;
}

h5, h6 {
	font-size: 100%;
}

ul, ol, dd {
	padding-left:20px;
}

ul {
	list-style-type: disc;
	margin-left: 14px;
}

* { 
	margin:0px;
	padding:0px;
	
}

body { /* as recommended in CSS guide */
	background: #fdfcf9 url(pagetop.png) repeat-x left top;
	color:#111;
	word-wrap:break-word;
	font: 80%/1.8em "Lucida Grande", Lucida, Verdana, sans-serif;
}

img {
	border:0px #000 none;
}

a {
	color: #2c61b1;
	text-decoration: none;
}

a:visited {
	color: #1b417b;
}
a:hover {
	color: #3069c1;
}
a:active {
	color: #1b417b;
}
code{}

.code{padding: 20px;background-color: #fefaf6;color: #4f0410;font: 1em/1.5em "Courier New", Courier, mono;border: 2px solid #ebebeb;}
.code h3{font: bold 1.1em/1.5em Arial, Helvetica, Geneva, sans-serif;}

/* @end */

/* @group Miscelaneous */

#extraDiv1 {
	width: 100%;
}
#extraDiv2{
	width: 100%;
}
#extraDiv3{
	width: 100%;
}
#extraDiv4{
	width: 100%;
}

#extraDiv5{
	width: 100%;
}

#extraDiv6{
	width: 100%;
}

/* @end */

/* @group Photo Page & Grid Index */

/* @group Photo Navigation */

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

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

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

#previous-photo	{
    background: url(prev-off.png)		no-repeat;
    left: 46px;
}
#previous-photo a {
    background: url(prev-on.png)		no-repeat;
}

#next-photo {
    background: url(next-off.png)		no-repeat;
    left: 122px; 
}
#next-photo a {
    background: url(next-on.png)		no-repeat;
}

#photo-list {
    background: url(list-off.png)		no-repeat;
    left: 83px;
}
#photo-list a {
    background: url(list-on.png)		no-repeat;
}



/* @end */
.photogrid-index {
    text-align: center;
    margin: auto;
    overflow: hidden; /* for IE 5 Mac */
	height:1%;
	clear: left;
	float: right;
}

.photogrid-index a {
	text-decoration:none;
	padding:1px 3px;
	color: #202020;
}
.photogrid-index h3 a:hover {
	text-decoration: none;
	font-weight: bold;
}

.gridItem {
    float: left;
    position:relative;
    width:142px;
    height:180px;	/* room for caption */
	margin:5px 4px;
    padding-top: 10px;
    color:inherit;
    overflow: hidden;
}

body.allow-sidebar .gridItem {
	width: 160px;
}

.gridItem h3 {
    font-weight: normal;
    line-height: 110%;
	color: #2f2f2e;
    margin: 0 7px 0px 5px;
	padding: 0px 2px;
    position:absolute;
	top: 140px; /* needs to leave 38px from the bottom of the gridItem */
	width: 128px;font-size: .84em;}
.gridItem h3 a{}
body.allow-sidebar .gridItem h3 {
	width:136px;
	margin: 0 11px 0px; 
}

.gridItem img {
    border: 1px solid #3b0700;
    margin: auto;
    display:block;
    position: absolute;
    top: 0;
    bottom: 40px;
    right: 0;
    left: 0;
    moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 2px rgba(0,0,0,0.5);}
.gridItem:hover {
    
}

* html .gridItem img {
	position: relative;
	top:0px;
}

* html .gridItem h3 {
	position: relative;
	top: 0px;
}



/* @end */
/* @group Sidebar, Pagelets, Callouts */

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

.callout {
	width:280px;
	float:left;
	font-size: 1em;
	padding-right: 7px;
	position: relative;
	margin: 0px 18px 0px 0px;
}
.first.callout-container{}
body.allow-sidebar #main {
	margin-right:295px;
}


#sidebar {
	width:280px;
	float:right;
	font-size: 1.1em;position: absolute;right: 0;}

.pagelet h4 {
	margin-top:0px;
	color: #000;
	text-align: center;
}

.pagelet {
	margin-top:1.5em;
	overflow:hidden;
	padding: 0px 12px;
}

.pagelet.i1 {
	margin-top:0px;
}

.pagelet.bordered {
	background: #f7f9f9;
	padding: 8px;
	margin: 0 8px 20px;border-style: solid;border-width: 1px;}

.pagelet p {
	margin-bottom: 0.8em;
}
.pagelet.bordered img{
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 2px rgba(0,0,0,0.5);}

.pagelet img{
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	box-shadow: 0 0px 2px rgba(0,0,0,0.5);
	margin-right: auto;margin-left: auto;}

.pagelet-body .photo{margin-bottom: 3px;margin-top: 3px;}
.pagelet-body h3{margin-bottom: 8px;}

/* @end */

/* @group PageHeader & Title */

#title {
	overflow:auto;
	text-align: left;
	margin: 0px auto;
	width: 1000px;
	padding: 15px;
}

#title h1 {
	font-size: 240%;
	margin-right: 12px;
	margin-top: 30px;
	margin-left: 20px;
	color: #fdfeff;
}

#title h1 a {
	text-decoration:none;
	color: #e5e7e7;
} 

#title p {
	font-style: italic;
	color: #fffeff;
	font-size: 130%;
	margin: 0em 5px 1.5px 20px;
}

#title img {
	float: right;
}

body.has-custom-banner #title img {
	margin:16px;	
}
body.has-custom-banner #title {
	
	height:160px;
	overflow: hidden;
}

body.has-custom-banner #title h1 {
	color: #fdfeff;
}

body.has-custom-banner #title p {
	color: #fffeff;
}



/* @end */

/* @group Layout */

.article-thumbnail {
	padding: 3px 8px 0px 0px;
	float:left;
}
#index .article {
	clear:left;
}

#page-content {
	width:1000px;
	position: relative;
	margin: 60px auto 0px;
	font-size: 1.1em;
}



/* @end */

/* @group Page  Bottom */

#page-bottom {
	margin:2em 0px 0px 0px;
	padding-bottom: 2px;
	line-height:1.4em;
	font-style: italic;
	text-align: center;
}

#page-bottom-contents a{

}

#page-bottom-contents a:hover{

}

#page-bottom-contents{
	color: #000;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-size: .9em;
	clear: both;
	margin-bottom: 20px;
	padding: 30px 10px 20px;
}

body.allow-sidebar #page-bottom {
}



/* @end */

/* @group Site Menu */

#sitemenu-container {
	display: block; height: 34px;
	position: absolute;
	top: 147px;
	padding-top: 0;
	padding-bottom: 0;
	width: 1000px;
	margin-right: auto;
	margin-left: -1px;
	background: url(nav.png) repeat-x;
	border-right: 1px solid #404040;
	border-left: 1px solid #404040;
	line-height: 35px;margin-top: 0;}

#sitemenu {
	display:block;
	width: 1000px;
	height: 34px;
	margin-top: 0;
	line-height: 35px;
}

#sitemenu:hover {
	border-color: #b99;
}

#sitemenu ul {
	width: 1000px;
	margin-left: 0px !important;
}
#sitemenu ul li a span.in{
	line-height: 34px;
}

#sitemenu ul li {
	display: block;
	float: left;
	height: 34px;
	line-height: 34px;
	
	
}

#sitemenu ul a, #sitemenu ul .currentPage .in {
	color: #000000;
	font-weight: bold;
	line-height: 34px;
}
#sitemenu a {
	line-height: 34px;
}
#sitemenu .currentPage .in  {
	color: #000000;
	padding-right: 7px;
	padding-left: 7px;
	line-height: 34px;
	
}

#sitemenu .currentParent in{
	line-height: 34px;
}

#sitemenu a:hover, #sitemenu .currentPage:hover{
	background: #fff url(nav-current.png) repeat-x;
	color: #000000;
	line-height: 34px;
}
#sitemenu .currentPage {
	background: #fff url(nav-current.png) repeat-x;
	color: #000000;
	line-height: 34px;
}
#sitemenu-content ul li.currentParent a {
	color: #000000;
	line-height: 34px;
}
#sitemenu-content ul li.currentParent {
	background: #fff url(nav-current.png) repeat-x;
	color: #000000;
	line-height: 34px;
}
#sitemenu ul li:hover {
	background: #fff url(nav-current.png) repeat-x;}
#sitemenu li a{
	overflow: hidden;
	line-height: 34px;
	color: #fff;
	font-weight: bold;
	display: block;
	_display: inline-block;
	text-decoration: none !important;
	height: 34px;
	padding-right: 8px;
	padding-left: 8px;
	background: url(nav_a.png) repeat-x right;
}
	
	
/* @end */

/* @group Blog */

.article, #index {
	margin:8px;
}

#index .article {
	margin:0px;
}

.article-info {
	clear:left;
	text-align:right;
	color: #4f4f4f;
	font-style: italic;
}

.article p {
	margin-bottom: 0.8em;
}



/* @end */

/* @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%; }
.two3rds { width: 66%; }
.three4ths { width: 75%; }
.four5ths { width: 80%; }
.column .content { width: 90%; margin: 0 auto;
}


/* @end */

/* @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 */

/* @group Color Specific */
/* @end */

/* @group Sandvox Specific */

.clear {clear: both; height: 0;}
#main .clear {clear:left;}
.hidden {display:none;}
img.narrow {float: right; margin: 0em 0em 0.8em 0.8em;}
img.wide {display: block;}
.ImageElement, .VideoElement { text-align:center;}



/* @end */
/* @group Floatouts */

.floatout_img-left {
	float:left;
	margin: 0 12px 10px 0px;
}
.floatout-left {
	width:240px;
	float:left;
	margin: 0px 10px 0px 0px ;
	border: 1px solid #200004;
}
.floatout-left p {
	padding: 7px;
	margin-bottom: 0;
}
.floatout-right {
	width:230px;
	float:right;
	margin: 0px 0 0px 10px;
	border: 1px solid #200004;
}

.floatout-right p {
	padding: 7px;
	margin-bottom: 0;
}

/* @end */
/* @group Misc... & Updated */
#page {
	
	font-size: 1em;
}
#page-top {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 147px;
	background-color: #000;
	border-right: 1px solid #282828;
	border-left: 1px solid #282828;
}

#main {
	margin-right: 4px;
	margin-left: 4px;
	font-size: 1.1em;
}

.has-logo #title p span.in {
	width: 700px;
	margin-left: 0;
}
.has-logo #title span.in {
	width: 700px;
}
#logo-container {
	text-align:right;
	float: right;
	margin-right: 20px;
	clear: left;
	
	margin-top: 7px;right: 10px;}

/* My Comment */

*html #logo-container{
	
}
.article h3 span.in {
	color: #020202;
	font-size: 1.2em;
}
.HTMLElement{height: auto !important;}
.pagelet.SVRawHTMLGraphic{margin-top: 10px;}
.article h3 {margin-bottom: 12px;}
.general-index .article {
	background: #fafbfb;
	padding: 12px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	margin-right: 14px;
	margin-left: 12px;margin-bottom: 20px;}
#index .article {
	margin-bottom: 20px;
}

/* @end */
/* @group SV2 Style Specifics */

.wide{clear: none;overflow: hidden;}
img.left{margin-bottom: 3px;margin-right: 14px;}
img.right{margin-bottom: 4px;margin-left: 14px;}
img {border: none !important;}
/*MENU STYLE*/
#sitemenu-container ul ul {border-style: none;}
#sitemenu-container ul ul li{height: 36px !important;}
#sitemenu-content ul ul{
	color: #fffeff;border-style: none;}


#sitemenu-content ul li ul {
	font-size:12px;
	padding-top:0!important;
	top:34px!important;
	margin: 0;
	color: #fffeff;
	/* background */

/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px #fff inset, 0 0 1px 1px rgba(255, 255, 255, .7) inset, 0 2px 5px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 1px 1px #fff inset, 0 0 1px 1px rgba(255, 255, 255, .7) inset, 0 2px 5px rgba(0, 0, 0, 0.3);  
 box-shadow: 0 1px 1px #fff inset, 0 0 1px 1px rgba(255, 255, 255, .7) inset, 0 2px 5px rgba(0, 0, 0, 0.3);
/* border */
 border: 1px solid #888;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;padding-bottom: 2px !important;}
#sitemenu-content ul li ul li ul{
	top:0 !important;
	margin-left:-5px!important;
}
#sitemenu-content ul li ul li ul li ul{
	margin-left:3px!important;	
}
#sitemenu-content ul li ul a{
	text-decoration:none!important;color: #000;border-top: 1px solid #9f9f9f;}
#sitemenu ul ul li a{
	background-image: none;background-color: transparent !important;}
#sitemenu ul ul a:hover, #sitemenu ul ul .currentPage:hover, #sitemenu ul ul li a:hover{
	background-color: #5a5b5b !important;
	background-image: none !important;color: #fff !important;
	}
#sitemenu ul ul li a:hover, #sitemenu ul ul li a:hover span{color: #fff !important;}
#sitemenu-content ul li ul li span.in{
	padding-top:2px!important;
	padding-bottom:2px!important;
	border:0;
	background:none!important;
}

#sitemenu-content ul li ul li ul li a:hover{
	text-decoration:none!important;
}
#sitemenu-content ul li ul li.currentParent span.in{
	background: none!important;
	padding-top:5px;
	padding-bottom:2px!important;
}

 #sitemenu-content ul li ul li.currentPage{background-color: #5a5b5b;
	background-image: none;color: #fff;}

 #sitemenu-content ul ul li.currentPage{margin-bottom: 0 !important;}
 #sitemenu-content ul ul li.currentPage span{color: #fffeff !important;}
#logo-container {
	text-align:right;
	float: right;
	margin-right: 20px;
	clear: left;
	width: 200px;
	margin-top: 7px;right: 10px;}
	
.submenu-indicator{background: url(sub-menu.png) no-repeat 0 center !important; width: 19px !important; height: 35px !important;
float: right !important;}

.in:hover .submenu-indicator{background: url(sub-menu_hov.png) no-repeat 0 center !important; width: 19px !important; height: 35px !important;
float: right !important;}





/*
SITEMENU
*/
#sitemenu-content ul {
	list-style:none;
	text-align:center;
	padding-left:0px;
	margin-top: 1px;
}

#sitemenu-content ul li {
	display:inline;
	position:relative;
}

#sitemenu-content a {
	text-decoration:none;
	color: #000;
	position: relative;
}

#sitemenu-content a:hover {
	background:transparent;
}

#sitemenu-content ul li.currentPage {}

#sitemenu-content > ul > li.currentParent > a:hover > span.in {
	border: 0px none;
}

#sitemenu-content ul li ul li a, 
#sitemenu-content ul li ul li span.in {
	color: #000;
	background-color: #fff;
}
/* @end */
/* @group KulerAccordion */

 h2.acc_trigger {
	font-size: 1em;
	padding: 0;
	margin: 0 0 1px;
	cursor: pointer;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius:2px;
	border-width: 1px;
	border-style: solid;
	background: #e0e0e0 url(images/arrow-inactive.png) no-repeat 4px center;
	}

 h2.acc_trigger:hover,  h2.active{
	font-size: 1em;
	padding: 0;background: #ccc url(images/arrow-inactive.png) no-repeat 4px center;
}

 h2.acc_trigger a {
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	text-decoration: none;
	display: block;
	padding: 0 10px 0 14px;border-bottom-style: none;}
 h2.acc_trigger a:hover,  h2.active a {
	

}
 h2.active {background: #ccc url(images/arrow-active.png) no-repeat 4px center;}
 h2.active:hover{background: #ccc url(images/arrow-active.png) no-repeat 4px center;}
 .acc_container {
	margin: 4px 0; padding: 20px;
	clear: both;
	font-size: 1em;
	border: 1px solid #999;
	overflow: hidden;
	clear: both;
	background: #fff;}
 .acc_container .block {
	padding: 18px;}

.ac_clear{clear: both;}
.ac_wrap_sc{background-color: #4594fa;}

/* @end */
/* @group Kuler Tabs */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-left: 1px solid #999;
	
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	
	display: block;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;font-size: 1em;}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	overflow: hidden;
	clear: both;
	float: left; 
	background: #fff;margin-right: 10px;margin-bottom: 5px;}
.tab_content {
	padding: 20px;
}
/* @end */
/* @group Quotes */
p.quote {font: italic 16px/1.5em Georgia, "Times New Roman", Times, serif;}
.blockquote {background:url(images/quote.png) no-repeat 0px 10px;padding-left: 30px;padding-top: 5px;width: 90%;margin: 8px auto;}
	
blockquote {
	/*font-style:italic;*/
	margin:0px 0 20px 0px;
	padding:0px 10px 0px 50px;
	background-image:url(images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
	font-size:16px;
	line-height:20px;
	font-family:Georgia, Arial;
	}

.pagelet blockquote{
	color: #616161;
	padding: 7px;
	width: 218px;
	margin: 7px 8px 10px;
	border-left-width: 6px;
	font: italic bold 1em/1.3em Arial, Helvetica, Geneva, sans-serif;
}
/* @end */
/* @group New Menu */


#sitemenu ul ul a:hover, #sitemenu ul ul .currentPage:hover, #sitemenu ul ul li a:hover{
	background-image: none !important;
	background-color: #b5b6b6 !important;margin-left: 1px;margin-right: 1px;color: #000 !important;}

ul.ks_subul{}
#sitemenu-content ul li.currentParent a, ul.ks_subul li{background-color: transparent !important;background-image: none !important;}
ul.ks_subul li a{background-color: transparent !important; background-image: none !important;}
#sitemenu-content ul li ul li.currentPage{background-color: #b5b6b6;color: #000 !important;}

#sitemenu-content ul li ul li.currentPage{background-color: #b5b6b6 !important;margin-left: 1px;margin-right: 1px;}

#sitemenu-content ul li ul.ks_subul{
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%,#dddddd 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%,#dddddd 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f2f2f2 0%,#dddddd 100%); /* W3C */

}
/* @end */
/* @group Bullets */

ul.bulleted{margin:10px 0 0 0; padding:0; list-style-type:none;}
ul.bulleted li{
	background: transparent url(images/bulleted.png) no-repeat 0 6px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}
ul.bulleted li a, ul.bulleted li a:visited{color:#676767;}
.bullet-check{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.bullet-check li{
	background: transparent url(images/check.png);
	background-repeat:no-repeat;
	background-position:0 8px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}	
.bullet-arrow{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.bullet-arrow li{
	background: transparent url(images/arrow2.png);
	background-repeat:no-repeat;
	background-position:0 8px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}	
.bullet-star{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.bullet-star li{
	background: transparent url(images/star.png);
	background-repeat:no-repeat;
	background-position:0 5px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}	
.bullet-plus{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.bullet-plus li{
	background: transparent url(images/plus.png);
	background-repeat:no-repeat;
	background-position:0 8px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}	
.bullet-circle{
	margin:0;
	padding:0;
	list-style-type:none;
}	
.bullet-circle li{
	background: transparent url(images/circle.png);
	background-repeat:no-repeat;
	background-position:5px 10px;
	margin:0;
	padding:0 0 0 25px;
	list-style-type:none;
	line-height:25px
}


/* @end */
/* @group My Group */

 .icon { background-position: 0 -80px; font-size: 14px; height: 29px; line-height: 27px; }
 a.icon { height: 29px; line-height: 29px; padding-bottom: 0; }
.centerdiv{text-align: center;margin-bottom: 3px;padding-bottom: 3px;}
.button {
  display: block;
  -moz-border-radius: 1.5em;
  -webkit-border-radius: 1.5em;
  border-radius: 1.5em;
  -moz-box-shadow: 0 1px 2px rgba(10, 10, 10, .2);
  -webkit-box-shadow: 0 1px 2px rgba(10, 10, 10, .2);
  box-shadow: 0 1px 2px rgba(10, 10, 10, .2);
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  margin: 4px auto;
  padding: 0em .7em .15em 1.1em;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  cursor: pointer;
  outline: none;
  line-height: 1em;}
*+html  .icon { border-color: none ; border: 1px solid transparent; }
 .icon{
	background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 0 15px 4px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
	cursor: pointer;
	position: relative;
}



/* Colors */
button{margin-bottom: 4px !important; margin-top: 4px !important;}	
.Pink { background-color: #FF0066; border-color: #DA0C59;color: #fffeff !important;}
.Pink:hover { background-color: #DA0C59;color: #fffeff !important;}

.Orange { background-color: #F90; border-color: #D58000;color: #fffeff !important;}
.Orange:hover { background-color: #D58000;color: #fffeff !important;}



.Brown { background-color: #4c3419; border-color: #35220f;color: #fffeff !important;}
.Brown:hover { background-color: #77532c;color: #fffeff !important;}



.Blue { background-color: #066ECD; border-color: #0561B4;color: #fffeff !important;}
.Blue:hover { background-color: #0561B4;color: #fffeff !important;}

.Red { background-color: #E40001; border-color: #CC0000;color: #fffeff !important;}
.Red:hover { background-color: #CC0000;color: #fffeff !important;}

.Green { background-color: #77B32F; border-color: #689C29;color: #fffeff !important;}
.Green:hover { background-color: #689C29;color: #fffeff !important;}

.Acid { background-color: #a0b32d; border-color: #689C29;color: #fffeff !important;}
.Acid:hover { background-color: #9aba3d;color: #fffeff !important;}

.Black { background-color: #111; border-color: #000;color: #fffeff !important;}
.Black:hover { background-color: #000;color: #fffeff !important;}

.Purple { background-color: #7B0F75; border-color: #6A0D66;color: #fffeff !important;}
.Purple:hover { background-color: #6A0D66;color: #fffeff !important;}

.Navy { background-color: #021A36; border-color: #00172F;color: #fffeff !important;}
.Navy:hover { background-color: #093869;color: #fffeff !important;}

.Maroon { background-color: #750000; border-color: #530000;color: #fefdfe !important;}
.Maroon:hover { background-color: #530000;color: #fefdfe !important;}

.Gray { background-color: #999; border-color: #888;color: #fffeff !important;}
.Gray:hover { background-color: #888;color: #fffeff !important;}

.Yellow { background-color: #FFCC00; border-color: #D9AD01;color: #fffeff !important;}
.Yellow:hover { background-color: #D9AD01;color: #fffeff !important;}

.Teal { background-color: #39A7B6; border-color: #2E8794;color: #fffeff !important;}
.Teal:hover { background-color: #2E8794;color: #fffeff !important;}
/* Icon Button Styles */
 .icon { padding-left: 32px !important; }
*+html .icon { padding-left: 20px !important; padding-right: 5px !important; }
 .icon span
{
	background-image: url(images/buttonsprite.png); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: 16px; 
	height: 16px; 
	position: absolute; 
	left: 6px; 
	top: 6px;
}
a.button{margin-bottom: 10px;}
.arrow-down span { background-position: -48px 0; }
.arrow-up span { background-position: -32px 0; }
.arrow-right span { background-position: -16px 0; }
.arrow-left span { background-position: 0 0; }
.comment span { background-position: -112px 0; }
.heart span { background-position: -96px 0; }
.star span { background-position: -80px 0; }
.cart span { background-position: -64px 0; }
.print span { background-position: -128px 0; }
.rss span { background-position: -144px 0; }
.person span { background-position: 0 -16px; }
.check span { background-position: -16px -16px; }
.dollar span { background-position: -32px -16px; }
.refresh span { background-position: -48px -16px; }
.home span { background-position: -64px -16px; }
.plus span { background-position: -80px -16px; }
.minus span { background-position: -96px -16px; }
.cross span { background-position: -112px -16px; }
 .ydcl-viewcart{margin-top: 8px;margin-bottom: 8px;}
.ydcl-viewcart, .ydcl-addtocart{color: #fffeff !important;}
.ydcl-viewcart:active, .ydcl-addtocart:active{color: #fffeff !important;}
.ydcl-viewcart:hover, .ydcl-addtocart:hover{color: #fffeff !important;}

/* @end */

h2 {color: #123764;}
h4, h5, h6 {color: #494a4a;}
body { background: #fdfcf9 url(blue/pagetop.png) repeat-x left top;	color:#111;}
blockquote {border-left: 10px solid #a4a4a4;color: #616161;}
.pagelet blockquote{color: #616161;}
a {color:#123764;}
a:visited {color: #0c2a50;}
a:hover {color: #18457e;}
a:active {color: #18457d;}
#previous-photo	{background: url(blue/prev-off.png)	no-repeat;left: 46px;}
#previous-photo a {background: url(blue/prev-on.png) no-repeat;}
#next-photo {background: url(blue/next-off.png) no-repeat;left: 122px; }
#next-photo a {background: url(blue/next-on.png) no-repeat;}
#photo-list {background: url(blue/list-off.png) no-repeat;left: 83px;}
#photo-list a {background: url(blue/list-on.png) no-repeat;}
.pagelet h4 {color: #3f3f3f;}
.pagelet.bordered {background: #f1f4f4;}
.pagelet p {margin-bottom: 0.8em;}
#title h1 {	color: #fffeff;}
#title h1 a {color: #fffeff;} 
#title p {	color: #fff;}
body.has-custom-banner #title p {color: #fff;}
#page-bottom-contents{color: #000;}
#sitemenu-container {background: url(blue/nav.png) repeat-x;border-right: 1px solid #000000;border-left: 1px solid #000000;}
#sitemenu:hover {border-color: #b99;}
#sitemenu ul a, #sitemenu ul .currentPage .in {color: #173f70;}
#sitemenu .currentPage .in  {color: #173f70;}
#sitemenu a:hover, #sitemenu .currentPage:hover{background: #fff url(blue/nav-current.png) repeat-x;color: #173f70;}
#sitemenu .currentPage {background: #fff url(blue/nav-current.png) repeat-x;color: #173f70;}
#sitemenu li a{color: #fff;	background: url(blue/nav_a.png) repeat-x right;}
.article-info {color: #666;}
.box h3{color: #fff;background-color: #132c57;}
.box{color: #000000;border: 1px solid #e9e9e9;}
.callout .box h3{color: #fff;background-color: #132c57;}
.callout .box{color: #000000;border: 1px solid #e9e9e9;}
#page-top {background-color: #132c57;border-right: 1px solid #000000;border-left: 1px solid #000000;}
.floatout-left {border: 1px solid #200004;}
.floatout-right {border: 1px solid #200004;}
.article h3 span.in {color: #020202;}
.general-index .article {background: #f9fbfb;}
#sitemenu-content ul ul{color: #fffeff;}
#sitemenu-content ul li ul {color: #fffeff;}
#sitemenu-content ul li ul a{color: #000;border-top: 1px solid #9f9f9f;}
#sitemenu ul ul a:hover, #sitemenu ul ul .currentPage:hover, #sitemenu ul ul li a:hover{background-color: #313e54 !important;background-image: none;color: #fff !important;}
#sitemenu ul ul li a:hover, #sitemenu ul ul li a:hover span{color: #fff !important;}
#sitemenu-content ul li ul li span.in{background:none!important;}
#sitemenu-content ul li ul li.currentPage{background-color: #313e54 !important;background-image: none;color: #fff !important;}
#sitemenu-content ul ul li.currentPage span{color: #fffeff !important;}


/* @group New Menu */


#sitemenu ul ul a:hover, #sitemenu ul ul .currentPage:hover, #sitemenu ul ul li a:hover{
	background-image: none !important;
	background-color: #313e54 !important;margin-left: 1px;margin-right: 1px;}

ul.ks_subul{}
#sitemenu-content ul li.currentParent a, ul.ks_subul li{background-color: transparent !important;background-image: none !important;}
ul.ks_subul li a{background-color: transparent !important; background-image: none !important;}
#sitemenu-content ul li ul li.currentPage{background-color: #313e54;}

#sitemenu-content ul li ul li.currentPage{background-color: #313e54 !important;margin-left: 1px;margin-right: 1px;}

#sitemenu-content ul li ul.ks_subul{
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%,#dddddd 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%,#dddddd 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f2f2f2 0%,#dddddd 100%); /* W3C */

}
/* @end */

.callout-container, .graphic-container { clear:both; }