/*
	SonSpring CSS Document 
	Copyright Nathan Smith

        Modified for Yanof Online - non-profit 
        Thanks to Nathan for the great template and learning tool.
*/

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

#skip
{
	font-size: 0;
	margin: 0 0 0 -9999px;
	position: absolute;
}

/* =Basic HTML
----------------------------------------------------------------------*/

a
{
	text-decoration: none;
}

body
{
	background: url(/img/body2.gif) repeat-y center top;
	color: #666;
}

body.search #content strong
{
	background: #ff0;
	color: #110;
	font-weight: normal;
}

h4
{
	/*background: url(/img/h1.gif) no-repeat right center;*/
	color: #5C8CAB;
	font: 17px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 15px 15px 25px;
}

h1
{
	/*background: url(/img/h1.gif) no-repeat right center;*/
	color: #5C8CAB;
	font: 17px "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 15px 15px 25px;
}

h2
{
	/*border-bottom: 1px solid #ddc;*/
	clear: both;
	color: #5C8CAB;
	font: 11px helvetica, tahoma, "lucida grande", sans-serif;
	font-variant: small-caps;
	margin: 0 0 15px 5px;
	text-align: center;
        font-weight: bold;
        /*padding: 0 10px 0 50px; */
 
}

#content h2, #content2 h2
{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}

h3
{
	color: #900;
        font-weight: bold;
	font: 13px "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	letter-spacing: 1px;
}



hr
{
	background: #ddc;
	color: #ddc;
	height: 1px;
	margin: 0 0 15px 10px;
}


li, p
{
	line-height: 150%;
}

object span
{
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
}

ol, ul
{
	list-style: none;
}

/* =Container
----------------------------------------------------------------------*/

#container
{
	background: url(/img/body.gif) repeat-y center top;
	color: #666;
        background-color: #fff;
//	background-image: url(/img/body.gif);
//	background-repeat: repeat-y;
	border-top: 0px solid #fff;
	margin: 0 auto;
	width: 760px;
}

#container a
{
	color: #00c; /*2BAFD0*/
        /*background: url(/img/acronym.gif) repeat-x left bottom;
	padding: 0 0 1px;*/      
}

#container a:hover
{
	//color: #660000;
        text-decoration: underline;
}




/* =Logo, Header + Topper
----------------------------------------------------------------------*/

#header
{
	background: #CCD6E0 url(/img/header.jpg) no-repeat center;
	border-top: 0px solid #fff;
	border-bottom: 1px solid #fff;
	clear: both;
	width: 760px;
}

.header1
{
	height: 100px;
}

.header2
{
	height: 100px;
}

#logo
{
	background: url(/img/logo.gif) no-repeat center bottom;
	width: 760px;
}

.logo1
{
	height: 100px;
	position: relative;
}

.logo1 img
{
	position: absolute;
	top: -1px;
	left: 0;
}

.logo2
{
	height: 100px;
}

.logo2 a
{
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	width: 760px;
	height:100px;
}


#topper
{
	background-image: url(/img/topperff.gif);
	background-repeat: no-repeat;
	clear: both;
	font-size: 0;
	margin: 0 0 -5px;
	width: 760px;
	height: 32px;
}

.topper1
{
	background-position: 0 0;
}

.topper2
{
	background-position: -760px 0;
}

.topper3
{
	background-position: -1520px 0;
}

.usernameDisplay
{
	font: 10px Tahoma;
        text-align: right;
        margin: 0 15px;
}

.adminLinks
{
	font: 10px Tahoma;
        text-align: center;
        margin: 0 15px;
}
/* =Navigation
----------------------------------------------------------------------*/

#nav a
{
	/*border-top: 4px solid #8DAFC4;
	border-bottom: 4px solid #8DAFC4;*/
	color: #FFFFFF;
	display: block;
	padding: 10px 0;
	width: 188px; /*150, 124.5, 106.5*/
         height: 18px;
}

#nav a:hover
{
        background: #89B8C6 url(/img/navLighter.gif) repeat-x;
	border-bottom-color: #B8E3F5;
	color: #333333;
}

#nav a.current
{
	background: url(/img/arrow.gif) no-repeat left;
	border-top-color: #996;
        /*color: #990000;*/
        text-decoration: underline;
}

#nav li
{
	background: #89B8C6 url(/img/nav4.gif) repeat-x;
	border-color: #fff #7CB1C0 #488495 #CCD6E0;
        /*#fff #996 #663 #eed;*/
	border-style: solid;
	border-width: 1px;
	display: inline;
	float: left;
        font: 12px "Tahoma", Arial, Helvetica, sans-serif;
	//font-variant: small-caps;
	text-align: center;
        
}

/*---------------------------------*/
#nav2 a
{
	/*border-top: 4px solid #8DAFC4;
	border-bottom: 4px solid #8DAFC4;*/
	color: #5C8CAB;
	display: block;
	padding: 10px 0;
	width: 150px; /*250.8, 188, 150, 124.5*/
         height: 10px;
}

#nav2 a:hover
{
        background: #89B8C6 url(/img/navLighter.gif) repeat-x;
	border-bottom-color: #B8E3F5;
	color: #221;
}

#nav2 a.current
{
	/*background: url(/img/arrow.gif) no-repeat left;*/
	border-top-color: #996;
        /*color: #990000;*/
        text-decoration: underline;
}

#nav2 li
{
	background: #89B8C6 url(/img/nav.gif) repeat-x;
	border-color: #fff #7CB1C0 #488495 #CCD6E0;
        /*#fff #996 #663 #eed;*/
	border-style: solid;
	border-width: 1px;
	display: inline;
	float: left;
        font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	text-align: center;
        
}

/* =Misc Classes + IDs
----------------------------------------------------------------------*/

.col form p,
.align_center
{
	text-align: center;
}

.align_right
{
	text-align: right;
}

.excerpt span
{
	display: block;
	font: 10px Verdana, sans-serif;
	text-align: right;
}

.feed
{
	background: url(/img/feed.gif) no-repeat right bottom;
	padding: 0 15px 0 0;
}

.float_left
{
	float: left;
}

.float_right
{
	float: right;
}

/* =Main Content
----------------------------------------------------------------------*/
#content
{
	float: left;
	font: 12px "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 750px; /*500px for two column*/
}

#content2
{
	float: left;
	font: 12px "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 500px; /*500px for two column*/
}


#content li, #content2 li
{
	background: url(/img/content_li.gif) no-repeat 0 5px;
	padding: 0 0 0 15px;
}

#content p, #content ol, #content ul, h3
{
	margin: 0 20px 15px 30px;
}

#map p
{
	margin: 0 20px 15px 30px;
}

#content2 p, #content2 ol, #content2 ul, h3
{
	margin: 0 20px 15px 30px;
}

#content pre, #content2 pre
{
	border-top: 1px dashed #ddc;
	border-bottom: 1px dashed #ddc;
	margin: 0 5px 15px 15px;
	padding: 15px 15px;
	overflow: auto;
}

.notice
{
	background: #ffc;
	clear: both;
	color: #110;
	text-align: justify;
}

.image-unit
{
	display:block; 
	height:83px;
	width:125px;
}

.image-unit a.num-links 
{
       margin-top:-15px;
}

.picture
{
	border: 1px solid #ccb;
	float: left;
	margin: 0 10px 0 0;
	padding: 1px;
}

a:hover .picture
{
	background: #fff;
	border-color: #110;
}

.verified
{
	float: left;
	margin: 0 10px 15px 0;
}

.floatdiv
{
    display: none;
    position:absolute;
    width:25px;
    height:20px;
    text-align: center;
    cursor:pointer;
    border:1px solid #ccb;
    padding: 1px;
    background:#fff url(/img/gradient.gif) repeat-x 0 -20px;
    font: 11px helvetica, tahoma, "lucida grande", sans-serif;
    font-variant: small-caps;
}

/*----------ABC SELECTOR ----------------------*/
#content ul.abcSelector
        {
        display:table;
        list-style:none;
        padding:0 0 0 5px;
        margin:15px 15px 0px 20px;
        
        text-align:center;
        height:4em;
        border:
        }
#content ul.abcSelector li
        {
        display:table-cell;
        padding-right:4px;
        color:#666;
        list-style:none;
        background: url() no-repeat 0 0px;
        float: left;
	padding: 0 0 0 0px;
        }
#content ul.abcSelector li a.currentPage
        {
        border-color:#a84444 !important;
        color:#000;
        }
#content ul.abcSelector li a:active
        {
        border-color:#222 !important;
        color:#222;
        }
#content ul.abcSelector li a
        {
        display:block;
        width:25px;
        color:#666;
        padding:0;
        margin:0;
        text-decoration:none;
        outline:none;
        border:1px solid #ccc;

        cursor:pointer;
        font-family:georgia, serif;

        }
#content ul.abcSelector li a span
        {
        display:block;
        line-height:2em;
        cursor:pointer;
        border:1px solid #fff;
        background:#fff url(/img/gradient.gif) repeat-x 0 -20px;
        }
#content ul.abcSelector li a:focus
        {
        color:#333;
        text-decoration:none;
        border-color:#aaa;
        }
#content .abcSelectorWrap
        {
        clear:both;
        text-decoration:none;
        }
/* Reset styles for Internet Explorer */
* html ul.abcSelector li
	{
	display:inline;
	}
* html ul.abcSelector li a
	{
	display:inline-block;
}


/*********** Pagination list styles ************/
/*----------VERSION 2----------------------*/
#content ul.fdtablePaginater
        {
        display:table;
        list-style:none;
        padding:0;
        margin:0 auto;
        text-align:center;
        height:4em;
        }
#content ul.fdtablePaginater li
        {
        display:table-cell;
        padding-right:4px;
        color:#666;
        list-style:none;
        background: url() no-repeat 0 0px;
	float: left;
	padding: 0 0 0 0px;
        }
#content ul.fdtablePaginater li a.currentPage
        {
        border-color:#a84444 !important;
        color:#000;
        }
#content ul.fdtablePaginater li a:active
        {
        border-color:#222 !important;
        color:#222;
        }
#content ul.fdtablePaginater li a
        {
        display:block;
        width:2em;
        color:#666;
        padding:0;
        margin:0;
        text-decoration:none;
        outline:none;
        border:1px solid #ccc;
        cursor:pointer;
        font-family:georgia, serif;
        }
#content ul.fdtablePaginater li a span
        {
        display:block;
        line-height:2em;
        cursor:pointer;
        border:1px solid #fff;
        background:#fff url(/img/gradient.gif) repeat-x 0 -20px;
        }
#content ul.fdtablePaginater li a:focus
        {
        color:#333;
        text-decoration:none;
        border-color:#aaa;
        }
#content .fdtablePaginaterWrap
        {
        clear:both;
        text-decoration:none;
        }
/* Reset styles for Internet Explorer */
* html ul.fdtablePaginater li
	{
	display:inline;
	}
* html ul.fdtablePaginater li a
	{
	display:inline-block;
}

/*----------------------VERSION 3 -------------------*/
/* Pagination list styles */
/*
#content ul.fdtablePaginater
        {
        display:table;
        list-style:none;
        padding:0;
        margin:0 auto;
        text-align:center;
        height:2em;
        width:auto;
        margin-bottom:2em;
        }
#content ul.fdtablePaginater li
        {
        display:table-cell;
        border-style: solid;
	display: inline;
	float: left;        
        padding:0px,0px,0px,0px;
        color:#666;
        list-style:none;
        
        -moz-user-select:none;
        -khtml-user-select:none;
        }
#content ul.fdtablePaginater li a.currentPage
        {
        border-color:#a84444 !important;
        color:#000;
        }
#content ul.fdtablePaginater li a:active
        {
        border-color:#222 !important;
        color:#222;
        }
#content ul.fdtablePaginater li a,
#content ul.fdtablePaginater li div
        {
        display:block;
        width:2em;
        font-size:1em;
        color:#666;
        padding:0;
        margin:0;
        text-decoration:none;
        outline:none;
        border:1px solid #ccc;
        cursor:pointer;
        font-family:georgia, serif;
        }
#content ul.fdtablePaginater li div
        {
        opacity:.5;
        filter:alpha(opacity=50);
        }
#content ul.fdtablePaginater li a span,
#content ul.fdtablePaginater li div span
        {
        display:block;
        line-height:2em;
        cursor:pointer;
        border:1px solid #fff;
        background:#fff url(../media/gradient.gif) repeat-x 0 -20px;
        }
#content ul.fdtablePaginater li a:focus
        {
        color:#333;
        text-decoration:none;
        border-color:#aaa;
        }
#content .fdtablePaginaterWrap
        {
        text-align:center;














        clear:both;
        text-decoration:none;
        }
#content ul.fdtablePaginater li .next-page span,
#content ul.fdtablePaginater li .previous-page span,
#content ul.fdtablePaginater li .first-page span,
#content ul.fdtablePaginater li .last-page span
        {
        font-weight:bold !important;
        }
/* Hackity, hack, hack styles for Internet Explorer */
* html ul.fdtablePaginater li
        {
        display:inline;
        }
* html ul.fdtablePaginater li a
        {
        
        display:inline-block;
        }
* html ul.fdtablePaginater li div
        {
        display:inline;
        zoom:1;
        height:0;
        }
*/

/* =Comments Display
----------------------------------------------------------------------*/

span.comment_name
{
	font-size: 12px;
}

#content ol.comments, #content2 ol.comments
{
	margin: 0 0 0 10px;
	padding: 0;
}

#content ol.comments li, #content2 ol.comments li
{
	background: none;
	border-bottom: 1px solid #ddc;
	margin: 0 0 15px;
	padding: 5px 20px;
}

#content ol.comments p, #content #cpreview p, #content2 ol.comments p, #content2 #cpreview p
{
	margin-left: 0;
	margin-right: 0;
}

#content ol.comments blockquote,
#content #cpreview blockquote,
#content2 ol.comments blockquote,
#content2 #cpreview blockquote
{
	margin: 0;
}

#content ol.comments blockquote p,
#content #cpreview blockquote p,
#content2 ol.comments blockquote p,
#content2 #cpreview blockquote p
{
	margin-left: 30px;
}

.comment_num
{
	float: right;
	font: 13px Georgia, serif;
	text-align: right;
}

#content .comment_num a,
#content2 .comment_num a
{
	background: url(/img/chatter.gif) no-repeat right center;
	display: block;
	color: #fff;
	cursor: default;
	margin: 0 0 15px;
	padding: 0 15px 0 0;
}

#cpreview
{
	background: url(/img/cpreview.gif) no-repeat center bottom;
	line-height: 150%;
	margin: 0 0 15px 10px;
	padding: 10px 20px 20px;
}

/* =Comment + Email Forms
----------------------------------------------------------------------*/

legend
{
	display: none;
}

p.error,
ul.comments_error,
ul.zemError
{
	color: #c00;
}

#comment_name_input,
#comment_email_input,
#comment_web_input,
#name,
#email,
#web,
#subject,
#message
{
	background: #ffe;
	border: 1px solid #ccb;
	color: #665;
	font: 11px Verdana, sans-serif;
	padding: 2px 3px;
	width: 400px;
}

#message
{
	height: 200px;
	overflow: auto;
}

#comment_name_input.comments_error,
#comment_email_input.comments_error,
#comment_web_input.comments_error,
#name.zemRequirederrorElement,
#email.zemRequirederrorElement,
#web.zemRequirederrorElement,
#subject.zemRequirederrorElement,
#message.comments_error,
#message.zemRequirederrorElement
{
	border: 1px solid #c00;
}

#comment_name_input:focus,
#comment_email_input:focus,
#comment_web_input:focus,
#name:focus,
#email:focus,
#web:focus,
#subject:focus,
#message:focus,
.search_field:focus
{
	/*background: #efe;*/
	border-color: #998;
}
.textfield:focus
{
	/*background: #efe;*/
	border-color: #998;
}
.button
{
	background: #ffe url(/img/nav.gif) repeat-x 0 1px;
	border-color: #ddc #ccb #bba;
	border-style: solid;
	border-width: 1px;
	color: #665;
	cursor: pointer;
	font: bold 10px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: visible;
	letter-spacing: 1px;
	margin: 3px 5px 15px 0;
	padding: 3px 5px 2px;
	text-transform: uppercase;
	width: auto;
}

.button:hover
{
	border-color: #998 #776 #554;
	color: #221;
}

p#txpCommentInputForm
{
	color: #aa9;
	font: 14px Georgia, serif;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align: center;
}

p#publish
{
	margin-top: -10px;
	margin-bottom: 0;
}

/* =Columns + Sidebar
----------------------------------------------------------------------*/

.col
{
	float: left;
	font: 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 250px;
}

.col li
{
	background: url(/img/col_li.gif) no-repeat 0 7px;
	padding: 0 0 0 20px;
}

.col p
{
	margin: 0 15px 15px 25px;
}

.col p.info,
#content p.info
{
	font: 10px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: -15px;
	text-align: center;


}








p.info a.chatter
{



	background: url(/img/chatter.gif) no-repeat right center;
	padding: 0 15px 0 0;
}

p.featured
{
	text-align: center;
}


p.featured img
{
	border: 1px solid #ccb;
	padding: 1px;
	width: 200px;
	height: 100px;
}

p.featured a:hover img
{
	background: #fff;
	border-color: #110;
}

.col ul
{
	margin: 0 5px 15px 25px;
}

.col ul.recent_comments
{
	background: url(/img/recent_comments.gif) no-repeat 170px 0;
}

.col ul.recent_comments span
{
	display: block;
	font-size: 9px;
	text-transform: lowercase;
}


.search_field
{
	background: #fff;
	border: 1px solid #ccb;
	color: #665;
	font: 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 3px 0;
	vertical-align: middle;
	text-align: left;
	/*text-transform: uppercase;*/
	width: 208px;
}
.textfield
{
	background: #fff;
	border: 1px solid #ccb;
	color: #665;
	font: 11px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 3px 2px 0px 3px;
	vertical-align: left;
	text-align: left;
	/*text-transform: uppercase;*/
	
}

/* =Footer
----------------------------------------------------------------------*/

#footer
{
	background-image: url(/img/footer2.gif);
	background-repeat: no-repeat;
	clear: both;
	color: #97B6CA;
	width: 760px;
}

.footer3
{
	background-position: 0 0;
}

.footer2
{
	background-position: 0px 0;
}

.footer1
{
	background-position: -1520px 0;
}

#footer a
{
	color: #97B6CA;
}

#footer a:hover
{
	color: #330;
}

#footer p
{
	/*background: url(/img/footer_p.gif) repeat-x left bottom;*/
	font: 10px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 20px;
	padding: 50px 0 10px;
	text-align: center;
}


/* =Archive
----------------------------------------------------------------------*/

#table
{
	border-top: 1px solid #ddc;
	cursor: default;
	font: 11px Tahoma, Arial, sans-serif;
	margin: 0 auto 5px;
	width: 96%;
}

#table caption
{
	background: url(/img/caption1.gif) no-repeat right center;
	color: #933;
	font: 17px Georgia, serif;
	margin: 0 auto;
	padding: 5px 0;
	text-align: left;
}

#table td
{
	border-top: 1px solid #ddc;
	padding: 5px 10px;
}

#normal td
{
	border-top: 0px solid #ddc;
	padding: 0px 0px;
}

#table tr.alt
{
        background: #F5FAFA;
        color: #797268;
}

#table tr:hover
{
	background: #ffc;      
}

#table td a
{
	cursor: pointer;
}

#table th a
{
	color: #887;
}

#table th a:hover
{
	color: #443;
        text-decoration: underline;
}

#table th
{
	background: #E9EEF2 url(/img/th.jpg) repeat-x bottom left;
	border-top: 1px solid #fff;
	color: #000;
	font: bold 12px sans-serif;
	letter-spacing: 1px;
	padding: 4px 10px;
	text-align: left;
	text-transform: uppercase;
}

#table th span
{
	display: none;
}







.label
{
        color: #C1C1C1;
}

.female
{
        background: url(/img/female.gif) no-repeat center;
        width: 20px;
}


.male
{
        background: url(/img/male.gif) no-repeat center;
        width: 20px;
}

/* =Data Table
----------------------------------------------------------------------*/

.data,
.data th,
.data td
{
	border-color: #ddc;
	border-style: solid;
}

.data
{
	border-width: 0 1px 1px 0;
	margin: 0 20px 20px 30px;
	width: 90%;
}

.data th,
.data td
{
	border-width: 1px 0 0 1px;
	padding: 5px 10px;
	vertical-align: top;
}

.data td.corner
{
	border: 0;
}

.data th
{
	background: #ffd;
}

.data thead th
{
	font-weight: bold;
	text-align: left;
}

.data tbody th
{
	font-weight: normal;
	text-align: right;
}