/*
THEME NAME: DZFI
THEME URI: http://dasiziyadfamilyinstitute.org
DESCRIPTION: Theme for the Dasi-Ziyad Family Institute, starting in 2009.  
VERSION: 1.1
AUTHOR: Empathik LLC
AUTHOR URI: http://empathik.com
TEMPLATE: sandbox16
*/

/* bases
************************* */
html
{
	height: 100%;
	margin-bottom: 0.1em;
	
	
}
*
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
p /* OK for site overall */
{
	line-height: 1.5em;
	margin: 0.7em 0;
	font-size:12px;
}
dl
{
	margin: 1em 0;
}
dt
{
	font-weight: bold;
}
dd
{
	margin: 0.5em;
	padding: 0;
}


body
{
	/*background: #fff url(bg.png) 0 0 repeat-x;*/   /*This is referenced twice; also in #wrapper; not needed here */
	background-color:#5d8a00;
	color: #333;
/*	font: 74%/1.6em "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva,  verdana, tahoma, arial, sans-serif;  */
	font: 75%/1.6em verdana, tahoma, arial, sans-serif;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
}
a
{
	text-decoration: none;
}
a:link, a:visited
{
	color: #003366;   /* #015A1E changed to #003366 */
}
a:hover, a:active
{
	color: #CC0000;	
}

	
/*
	font-family: garamond,georgia,times,serif;
	font-weight:400;
*/
}


/* Etc
******************** */
br.clear {
	clear: both;
}

/* Layout
******************** */

#wrapper {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	background: #5d8a00 url(midback.jpg) 0 0 repeat-y;   /*background was/is/used to be also referenced in the body tag */
	position: relative;
	

}
#header {
	height: 160px;  /* Was 100px */
	padding: 0;
	margin:0;
	/*border: 1px black dashed;*/
	background: #5d8a00 url(header.jpg) 0 0 no-repeat;
	/*border:0;*/ /*TODO: You may want to check box model between IE and non-IE, and check IE7; there's 1px of space under menu items for latter; not urgent; but you don't want to make header have no border unless you adjust positioning of menu with it. So far, it's fixed with styles on Menu */
	

}	
div#container {
	float: left;
	width: 100%;
	/*border: 1px red dashed;*/
	/*border-top: 2px solid #FFF; */ /* Separates Container from Menu*/
	padding-top: 10px;
}
div#content {
	margin: .5em 210px 0 210px;   /* WAS 200 px for both; changed to 205 because you added 10 with 950 to 960, but then IE messes it up. TODO: How about revising the left margin for IE Only? or just the background image? And move right sidebar over a little.  */
		padding: 0 18px 1.2em 18px; /*added, TODO check IE7 */
		/* border:1px #666 dashed; */ /* TESTING BORDERS */
}

div#content2col {
	margin: 1em 5px 0 210px;   /* WAS 200 px for both; changed to 205 because you added 10 with 950 to 960, but then IE messes it up. TODO: How about revising the left margin for IE Only? or just the background image? And move right sidebar over a little.  */
		padding: 0 18px 1.2em 18px; /*added, TODO check IE7 */
		/* border:1px #666 dashed; */ /* TESTING BORDERS */
}


div.sidebar {
	float: left;
	overflow: hidden;
	width: 180px;
	padding-top: 1em;
}

* html div.sidebar {
font-size:.98em;
}


div#primary {
	margin: 0 0 0 -946px;   /*6 pixels less than OVERALL WIDTH*/  
	font-size:.95em;
	
}


* html div#primary {
	left: 20px;
	position: relative;
	margin: 0 0 0 -970px;    /*SAME AS OVERALL WIDTH*/
}
div#secondary {
	margin: 0 0 0 -196px;  /*was -190px*/
	font-size:.95em;

}
div#footer {
	clear: left;
	width: 760px; /*Don't forget your box model! 960-100x2 */
	padding: 2px 100px;
	background-color:#FFFFFF;
	background: #5d8a00 url(footer.jpg) 0 0 no-repeat;
	height:60px;
	color:#FFFFFF; 
	font-size:10px;
	margin:0;
	padding-top:10px;

}

div#footer p {
	text-align:center;

}

div#footer a:link, div#footer a:visited
{
	color: #FFFF99;   /* #015A1E changed to #003366 */
}
div#footer a:hover, div#footer a:active
{
	color: #FFCC00;
}

.side1 {
	width: 200px;
	float: left;
	color: #000;
	
	margin-left: -950px;
}
.side2 {
	width: 200px;
	float: left;
	color: #000;
	margin-left: -200px;
	
}

/* header
********** */
#header  h1#blog-title {
	padding-top: 1em;
	font-size: 3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:none;
}
#blog-description {
	padding-top: 8px;
}
.skip-link {
	right: 0;
	top: 5px;
	position: absolute;
	display:none;
}
.skip-link a {
	background: url(skip.gif) 0 0 no-repeat;
	height: 22px;
	width:114px;
	display: block;
	text-indent: -9000px;
}
.skip-link a:hover {
	background: url(skip.gif) -115px 0 no-repeat;
	height: 22px;
	width:114px;
	display: block;
	text-indent: -9000px;
}

/* Header Styles, referencing/compared to page-title and entry-title
********** */

h1, h2, h3, h4, h5, h6
{
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2 {font-size: 1.5em;} /* Added to page-title below */

h3 {
	font-size: 1.3em;
	color: #333366; /* same as entry-title */

}

h4 { font-size: 1.2em; color: #333366; }

h5 { font-size: 1.1em; color: #333366; }

h6 { font-size: 1.0em; color: #333366; }

/* post
********** */
#nav-above {
	display: none;
}
h2, .page-title {
	font-size: 1.5em;  /*was 1.3 em*/
	border-bottom: 1px solid #666;
	margin-bottom: .75em;   /*was 1em */
	padding-bottom: .3em; /*added for bottom border spacing */
	color: #333366;  
}

h2.page-title {
	font-size: 1.8em;  /*was 1.3 em*/
	
	}


.page-title span {
	color: #000;
}
/*.entry-title {
	font-size: 1.4em; 
	clear:both;
	border-bottom:none;
	
}*/

.entry-title a:link, h2.entry-title a:visited {
	color: #003366;  
}
.entry-title a:hover {
	color: #CC0000;
	border-bottom: 1px #CC0000 solid;
}
.post {
	margin-bottom: 20px;
	margin-right: 1em;
}
.post ul, .post ol{
	margin-left: 40px;
}

.entry-content {  /* Added to increase entry font vs. sidebars */
font-size:1.1em;
}

/* NEED TO claifify Styling Lists; templates and other CSS stylings always forget. This is good for now. */

.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6

{
padding: .5em 0 .5em 0; /*JB3 Needs adjusting */
}

.entry-content p,
{
	line-height: 1.5em;
	margin: 0.7em 0;
}

.entry-content li
{
	line-height: 1.5em;
	margin: 0.25em 0;
}

.entry-content ul{ /* For First List Block*/
	margin: 0em 0 1em 2em;


}

.entry-content ol { /* For First List Block*/
	margin: 0em 0 1em 2.5em;


}



.entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul  { /* For All Successive List Blocks*/
	margin: 0 0 0 1.2em;
	list-style:disc;
}


.entry-content a {
	color: #003366;
	text-decoration:underline
	/*border-bottom: 1px solid #333;*//*Hmmmm, more control over underline link, eh? Let's change it to same color as link */
}
.entry-content a:hover, .entry-content a:active {
	color: #CC0000;
	text-decoration:underline
	/*border-bottom: 1px solid #CC0000;  */ /*Hmmmm, more control over underline link, eh? Let's change it to same color as link */
}

.entry-meta {
	border-top: 1px solid;
	border-top-color: #666; /* #C7F1D5 has been replaced with #CCCCCC*/
	margin-top:0.75em;
	margin-bottom:0.25em;
	color: #666; /* #5EB97C has been replaced with #ccc*/
	font-size: 0.9em;
}

body.single entry-meta {  /* Moving the meta info a little lower on a Single Post Page; hey, how do you grab just the attributes you need? */
	margin-top:1.5em;
}

.entry-meta a:link, .entry-meta a:visited {
	/*Leave as with rest of site*/
	
}

.entry-meta a:hover, .entry-meta a:active {
	color: #3399CC; /* Subtle color simlar to text color of entry-meta */
	text-decoration:underline;
	/*border-bottom: solid thin #3399CC; */ /* REMOVED for consistency. Same as above */
}


.entry-meta .author{
	background: url(author.gif) 0 0 no-repeat;
	padding-left: 16px;
}
.entry-meta .cat-links{
	background: url(tag_red.gif) 0 0 no-repeat;
	padding-left: 16px;
}
.entry-meta .edit-link{
	background: url(pencil.gif) 0 0 no-repeat;
	padding-left: 16px;
}
.entry-meta .comments-link{
	background: url(comment.gif) 0 0 no-repeat;
	padding-left: 16px;
}

.meta-sep {
	visibility: hidden;
}

div#nav-below{
	width: 100%;
	float: left;
	margin-bottom: 1em;
}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}



ul#archives-page {
	list-style: none;
}
ul#archives-page ul {
	margin-left: 20px;
}

/* comment
********** */
#comments {
}
#comments h3 {
	font-size: 1.2em;
	border-bottom: 1px solid #666;
}
#comments  ol{
	list-style: none;
	margin: 1em 0;
}
#comments  ol li{
	background: #F5FDF8;
	padding: 5px;
}
#comments  ol li.alt{
	background: #DCE7F1;  /* #C7F1D5 has been replaced with #DCE7F1*/
}
#comments ol .comment-author {
	font-size: 1.1em;
	font-weight: bold;
}

#comments #author , #comments #email, #comments #url{
	border: 2px solid #DCE7F1; /* #C7F1D5 has been replaced with #DCE7F1*/
	padding: 0.4em;
	margin: 0.5em 0;
	color: #333366;  
}
#comments #author:focus , #comments #email:focus, #comments #url:focus,#comments #author:hover , #comments #email:hover, #comments #url:hover {
	border: 2px solid #0099CC; /*#5EB97C replaced with #0099CC */
}
textarea#comment {
	width: 490px;
	border: 2px solid #DCE7F1;  /* #C7F1D5 has been replaced with #DCE7F1*/
	padding: 0.4em;
	margin: 0.5em 0;
	color: #333366;  
}
textarea#comment:focus,textarea#comment:hover {
	border: 2px solid #0099CC; /*#5EB97C replaced with #0099CC */
}
.form-submit input {
	background: #003366;  
	color: #fff;
	font-weight: bold;
	margin-bottom: 2em;
	padding: 0.2em 0.5em;
	border: 2px solid #0099CC; 
	border-right: 2px solid #003366;   
	border-bottom: 2px solid #003366;   
}
.form-submit input:focus, .form-submit input:hover {
	background-color: #003366;   
	color: #fff;
	font-weight: bold;
	margin-bottom: 2em;
	padding: 0.2em 0.5em;
	border: 2px solid #003366;  
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}

/* sidebar
********** */
.sidebar h3 {
	font-size:1.2em;
	border:1px solid #000; /* #666 becomes #999 */
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;

	padding:3px 4px;	/* TODO: For Text Widget and Announcemets widget, bottom border is disappearing in IE6*/
}

div#primary.sidebar h3 {
	background-color:#653298;   /*#49246F*/
	}

div#secondary.sidebar h3 {
	background-color:#598400; /*#3F5E00*/
	}

/*Bothered by padding & margin below .sidebar h3 with border bottom, and ligatures */ 
.sidebar h3 {
padding-bottom:.2em;
margin-bottom:2px;

}

div.sidebar input#s {
	width: 145px;
	border: 1px solid;  
	/*border-color: #DCE7F1*/ /* #C7F1D5 has been replaced with #DCE7F1*/
	padding: 0.4em 0.4em 0.4em 1.7em;
	background: #fff url(zoom.gif) 0.4em center no-repeat; /*added background color of #fff incase sidebar gets a color */
	margin: 0.5em 0;
	color: #006600;  /* #3A9476 changed to #006600 */
}
div.sidebar input#s:focus,div.sidebar input#s:hover {
	border: 1px solid;
	border-color: #009900; /*#5EB97C replaced with #009900 */
}
input#searchsubmit {
	background: #666;
	border: 2px solid #333;
	padding: 0.1em 0.4em;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	color: #fff;
	font-weight: bold;
}
input#searchsubmit:focus, input#searchsubmit:hover {
	background: #333;
	border: 2px solid #000;
	padding: 0.1em 0.4em;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	color: #fff;
	font-weight: bold;
}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0}
.sidebar ul ul li{
	margin:0;
	/*border-bottom: 1px dashed #DCE7F1; */ /* #C7F1D5 has been replaced with #DCE7F1 */
	padding: 0.1em 0;
}

/*Bullets in Sidebars*/

/*Flexi Pages Widget*/

li#flexi-pages-1.widget ul li a:link, li#flexi-pages-1.widget ul li a:visited {
	background: url(go2.gif) 0 0 no-repeat;
	padding-left: 19px;
	
}

.sidebar ul ul li a:link, .sidebar ul ul li a:visited {
	background: url(go2.gif) 0 0 no-repeat;
	padding-left: 19px;

}


.sidebar ul ul li a:hover{
	color: #CC0000;
}
.sidebar li.current_page_item {
	font-weight: bold;
	
}

.sidebar li.current_page_item li {
	font-weight: normal;
}
.sidebar ul li.linkcat ul li a{
	background: url(link.gif) 0 0 no-repeat;
	padding-left: 16px;
	background-color:#FFFF00;
}
.sidebar ul li#categories ul li a{
	background: url(tag_red.gif) 0 0 no-repeat;
	padding-left: 16px;
	color: #DA5F5D;
}
.current-cat {
	font-weight: bold;
}

.sidebar ul li#archives ul li a{    /*HEY?*/
	background: url(archives.gif) 0 0 no-repeat;
	padding-left: 16px;
	color: #4571AF;
}
.sidebar ul li#rss-links ul li a{    /*HEY?*/
	background: url(feed-icon.gif) 0 0 no-repeat;
	padding-left: 16px;
	color: #D1670C;
}


.sidebar ul li.ec3_list.ec3_list_day ul li a { /*TEST*/
	/*Decided to leave it alone for now, but may change icon. */
	
}
.sidebar ul ul ul li{
	border: none;
}
div.sidebar ul ul ul{margin:0 0 0 1em;}
div.sidebar ul ul ul li{}

/* Event Calendar Restyles */

#wp-calendar caption, #wp-calendar table #today, #wp-calendar table .eventday {
font-weight:bold;}

  /* Like the outline around .eventday so we add it here */
	
#wp-calendar table td .eventday {
 border:solid 1px #a00;
}	

/* Entry Meta Info doesn't need to be displayed for the moment, since this site is more a site and less a blog */

.entry-meta {
/*display:none; we won't take it all out */}



/* Revising style of entry-date */

.entry-date {
	border: none;
	color: #666;
	font-size:.9em;

}

.published {
	border: none;
}

/*REMOVE home on homepage */

body.home li.page_item.page-item-20 {
display:none;
}

.archive-meta {
font-size: 1.1em;
font-weight:bold;}

.fontcolor2008 {
color:#336600;
}


/*ICNS Email Widget */ /* You may want to add this to the other form styling*/


/* Adding style to Child Page Nav in Sidebar, right side */

#childnav {
	color:#336600;
}

/* Adding Style for breadcrumb_nav_xt_display, if you decide to use it */

.breadcrumbNavXT {
	text-align:right;
	font-size:0.9em;
	padding:0 0 .5em 0;
	margin:-1.5em 0 0 0;
	color:#999999;

}

* html .breadcrumbNavXT {
	margin:-1em 0 0 0;
}

* + html  .breadcrumbNavXT {
	margin: -.5em 0 0 0;
}

/* For stying of any category-conference-chair posts on home page only */


body.home div.category-conference-chair {
	background-color:#F2F2FF;
	padding: 1em;
	border: 1px #666 dashed;
}

/* Adjusting headers and date spacing on home page only. Perhaps these could/should be global.*/

body.home h2.entry-title {
/*background:#F8F8F8;*/
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}

body.single h2.entry-title {
/*background:#F8F8F8;*/
border-bottom:1px dotted dashed;
clear:both;
font-size:1.4em;
}

body.home div.entry-date {
/*background:#F8F8F8;*/
margin-bottom:0;
margin-top:0;
padding-top:0;
padding-bottom:0;
}
/* Styles for Flexible Upload Plugin and image styling overall  */


.imageframe { margin: 10px; padding: 4px; border: 0px solid #aaa; }
.imgalignleft { float: left; margin: 0 10px 0 0; }
.imgalignright { float: right; margin: 10px 0 0 10px; }
.imgaligncenter { margin-left: auto; margin-right: auto; }

/* REFERENCE */

.entry-content img {  /*Need this? */

}

.entry-content img a:link, .entry-content img a {  /*Need this? */

}


/* Styling for DD Site Map Generator; prefer if h2 could be converted to h3 in code */

div.ddsg-wrapper { /* Adding margin above, since H2 in this site doesn't use or need top padding or margin */
margin: 1em 0
}

div.ddsg-wrapper h2 {  /* Should be similar/go with to entry-title */
	font-size: 1.2em; 
	clear:both;
	color: #000;
}

.hidden {  /* JB3 For hiding elements as necessary (kluge) Initiated due to Site Map issue where WP puts br into blank Site Map page content-input area when php code is inserted directly into Site Map template. */
display:none;
}

/* Adjust the way the Events Calendar Listing is displayed on the Post page. */
/* This should overwrite what's written in the EC3 Style sheet */

div#content table.ec3_schedule {
 border-collapse:collapse;
 margin:1.5ex 0ex 0.5ex 1ex;
 border:solid 1px #666;
 float:right;
 font-weight:bold;
 background-color:#fff;
 font-size:.8em;
 color:#6600CC;
 border-bottom:none;
}
div#content table.ec3_schedule td.ec3_start, div#content table.ec3_schedule td.ec3_to, div#content table.ec3_schedule td.ec3_end {
border-bottom:1px solid #666;
background-color:#F2F2F2;

}
div#content div.success {
background-color:#fff;
color:#339900;
border:1px dashed #339900;
}

.noborder {  /*In case you need to remove a border from an image. */
border:none;
}

.highlight {  /* Attempting a universal highlight */
background-color:#FFFFCC;
width:40%;
font-size:.9em;
float:right;
border: 1px solid #336699;
padding:.5em;
margin: 1em 0 1em .5em ;
clear:both;

}

#printonly {
display:none;}

/* Cleaning up the Search Page a little; you may want to do this to the other archive pages when time allows */

body.search .entry-meta {
margin-bottom:1em;
}


/* Simply used to highlight the search note about the archive. You may want to use it for similar concept */
#search-note {
padding:.7em;
background-color:#FFFFD9; 
margin-bottom:.75em;
font-size:.9em;
border: 1px dotted #006699;
}

/* Styling of particular pages, particularly the Agenda. Issue: How can you use current structure to change body background image, wrapper, based on Page Template */

/*Where we set up the different wrapper backgrounds. Right now, background is only different on the two column Page Template. And don't forget, classes cannot start with numbers!  */

body.twocol #wrapper {
background: #fff url(bg-h-2col.gif) 0 0 repeat-y; 
}

/* Styling a data table */
/* Using table CSS found here http://veerle.duoh.com/index.php/blog/comments/a_css_styled_table/ */
/* Updated to reflect ICNS current style, keeping images for now */

.datatable {
	width: 99%;
	padding: 0;
	margin: 0;
	border-left: 1px solid #333;
	font-size:.9em;

}

.datatable p { /*Removes padding and spacing of p tags are inside tds */
margin:0;
padding:0;
}

.datatable caption {
	padding: 0 0 5px 0;
	width: 99%;	 
	text-align: center;
	font-weight:bold;
	color:#333333;
}

.datatable th {
	font: bold;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #ECF5FD url(table_bg_header.jpg) no-repeat;

}

.datatable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #333;
	background: none;
}

.datatable td {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #fff;
	padding: 6px 6px 6px 12px;

}


.datatable td.alt {
	background: #F5FAFA;

}

/* Special styles not used that often */

.datatable th.spec, .datatable td.spec {
	border-top: 0;
	background: url(table_bullet1.gif) no-repeat;
	background-color:#EAEAEA;
	font: bold;
	font-size:1em;
}

.datatable th.specalt, .datatable td.specalt {
	border-top: 0;
	background: #f5fafa url(table_bullet2.gif) no-repeat;
	font: bold;
	font-size:1em;
}


/*Calendar Stying */

/* Remove from display the link love*/

.kjo-link, p.linklove {
display:none;
}

div#blog-description {
display:none;}

/* Remove Display of Home from Home page - h2 only */

body.home h2.entry-title /*, li#flexi-pages-1 h3.widgettitle*/ {
display:none;
}

/*Tweak  archives widget dropdown */

li#archives.widget select {
margin-top:6px;
}

/*HOME PAGE*/

body.home div#container div#content {

}

div#home-wrap {
/*border:1px dashed blue;*/
margin-top:-10px;
background-image:url(home-mid.gif);
font-size:11px;
}

div#home-top {
background-image:url(home-top.gif);
background-color:#f7f5f2;
height:100px
}


div#home-mid {
padding:0 40px;
}

div#home-mid-1 {
float:left;
width:205px;
margin:0;
/*background-color:#FFFF99;*/
/*border:1px red solid;*/
}

div#home-mid-2 {
	float:right;
	margin:0;
	width:205px;
	/*background-color:#E1FFFF;*/
	/*border:1px green solid;*/
}

div#home-foot {
clear:both;
background-image:url(home-foot.gif);
height:20px;
background-color:#f7f5f2;
}

/* Text Styling for Home Wrap, esp lists */

div#home-wrap ul, div#home-wrap ol { /* For First List Block*/
	margin: 0em 0 .5em 0em;
	border:1px solid #999999;
	padding:4px;
}

div#home-wrap li {
margin-left: 2em;
line-height:1.4em;
}

div#home-wrap ul ul, div#home-wrap ol ol, div#home-wrap ul ol, div#home-wrap ol ul  { /* For All Successive List Blocks*/
	margin: 0 0 0 .1px;
	list-style:disc;
	border:none; /*protect children from border */
	/*background-color:#33FF00;*/
}

div#home-wrap h2, div#home-wrap h3 {
	margin: .25em 0;   /*was .75em */
	color: #333366;  
	font-size:12px;
}

div#home-wrap p
{
	line-height: 1.5em;
	margin: 0.7em 0;
}



div#home-wrap a {
	color: #333;
	text-decoration:underline
	/*border-bottom: 1px solid #333;*//*Hmmmm, more control over underline link, eh? Let's change it to same color as link */
}
div#home-wrap a:hover, div#home-wrap a:active {
	color: #CC0000;
	text-decoration:underline
	/*border-bottom: 1px solid #CC0000;  */ /*Hmmmm, more control over underline link, eh? Let's change it to same color as link */
}

/* changing color of h3 widget titles to match bouding color */

h3.widgettitle {
letter-spacing:1px;
}

h3.widgettitle a:link, h3.widgettitle a:visited {
color:#FFFFFF;
}

h3.widgettitle a:hover, h3.widgettitle a:active {
color:#FF0000;
}



.thedate {
color:#666666;
font-size:.8em;
}

/*REMOVE CREDITS*/

div.ddsg-wrapper {

}

/************************************************
*	Images  					     		    * 
************************************************/

/* Styles already defined; so save yourself the grief JHB3 and simply revise as needed */

img.aligncenter, div.aligncenter  {  /*updated with correct class name for 2.6 NOTIFY TC */
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	
	}
	
img.alignnone {
	padding: 0px;
	margin: 0px 6px 10px 0px;
	/*display: inline;*/
	
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 15px;   /*Added 5 px to 10px right margin so that photo img and photo divs line up the same if they appear together, especially with the WP insert+10px*/
	/*display: inline;*/
	clear:right; /* For when images appear close to each other */
	
	}

img.alignleft {
	padding: 0px;
	margin: 0px 15px 10px 0px; /*Added 5 px to left margin, ditto above */
	/*display: inline;*/
	/*border:1px dashed blue;*/
	clear:left; /* For when images appear close to each other */
	
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
div.wp-caption {  /* wp-caption is only applied to captioned div, not image */
	margin: 0px;
	padding: 0px;
	/*border:1px dashed blue;*//*TESTING*/
	/*text-align:center;*/
	}

div.wp-caption.alignright { /* JHB3 It's late, so we'll leave this alone, good enough for now GEFN. Overall, makes right-floating images work with WPimg+10px add-to-div thang */
	/*margin-left:5px;*/
	text-align:left;
	margin-left:15px;
	}

div.wp-caption.alignleft { 
	/*nothing needed*/
	}
	
	
div.wp-caption img {
	margin: 0px 0 3px 0;  /* Space between photo and caption is here */
	padding: 0px;
	/*border: 0px;*/ /*JHB3 0px removed. If the image is linked, then show a link*/
	}

div.wp-caption p.wp-caption-text {
	margin: 0;   /*ineffective*/
	padding: 0;   /*ineffective*/
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*JHB3 more readable at small size 10px*/
	font-weight: bold;
	line-height: 13px;
	/*background-color:#CCCCCC;*/
	text-align:left;
	width:95%; /*KLUGE. Essentially removes "space", leftover from WP img+10 applied to container div, on either side, depending if we've text-aligned the div so that the image aligns left or right */
	
	}
	
	
	
/* Easy Table Styling*/
	
.dataTable {

	margin: 0px 0px 0px 0px;
	padding: 0px; /*Probably doesn't work*/
	border-top: 1px solid #39609F;
	border-left: 1px solid #39609F;
	font-size:11px;
	line-height:13px;

}

.dataTable p {
	font-size:11px;
	line-height:13px;
	margin-top:0;
}

.dataTable th, .dataTable thead td {
	background-color:#DFDFF4;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	border-right: 1px solid #39609F;
	border-bottom: 1px solid #39609F;
	text-align:center;
}

.dataTable td{
	background-color:#F2EEF7;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	border-right: 1px solid #39609F;
	border-bottom: 1px solid #39609F;
}

.dataTable td.highlightcell {
background-color:#FFFF99;
}

.dataTable td:hover {
	/*background-color:#C8D2EA;*/
}


/* NAVIGATION MENU STYLE */

#suckerfishnav {
	background-repeat:repeat-x;
	background-color:#003366;
	font-size:11px;
	font-family:verdana,sans-serif;
	font-weight:bold;
	width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    border:1px solid #fff;
	border-left:none;  /*JHB3 */
    margin:0;
    width:100%;
    }
	
#suckerfishnav a {
	display:block;
	color:#FFFF99;
	text-decoration:none;
	padding:0px 10px;
	border-left:1px solid #fff;   /* JHB3 */
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:171px;   /*ORIG: 101px IMPORTANT GOES WITH OTHER WIDTHS 1 of 3 */
    font-weight:normal;
    margin:0;
    line-height:1;     /*ORIG:1 ???? ODD ??? */
    border:0;
    border-top:1px solid #fff;
    }
#suckerfishnav li li {
    width:169px;    /*ORIG: 99px IMPORTANT GOES WITH OTHER WIDTHS 2 of 3   */
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:150px;    /*ORIG: 80px IMPORTANT GOES WITH OTHER WIDTHS 3 of 3 */
    font-size:11px;
	line-height:13px;   /*ADDED JHB3*/
    color:#FFFF99;
    }
#suckerfishnav li ul ul {
    margin:-19px 0 0 100px;
    }
#suckerfishnav li li:hover {
	background-color:#660000;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#FFFF99;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#FFFF99;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#FFFF99;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
	left:auto;
	background-color:#003366;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background-color:#660000;
    }
	
	/*PRODUCT OF THE MONTH*/
	
	li#text-376870241 {
	margin-bottom:0;
	padding-bottom:0;}
	
	
	li#text-351030171 {
	margin-top:-8px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background-color:#fff;
	}
	
	li#text-351030171 div {
	padding-top:2px;
	border:1px dashed #999999;

	}

div#home-mid-1 div#fbLikeIframe, div#home-mid-2 div#fbLikeIframe, div#home-mid .connect_widget {
display:none;
}