/*SB3D colors and fonts
Backgrounds
#f7fff7 very light green for page backgrounds
#eeffee slightly greener to highlight an area
#DEECE2 pale bluish green for bars and boxes
#F0F0F0 neutral background for code listings etc.
#ffffd4 pale tan alternate background (header in docs)
Text
#305550 dark green for heading text etc.
#C7D7C7 ghost text (or CCDDCC)
Accents
#99EE99 bright light green for lines and box edges
#FFCC33 saturated gold used with darkest green for identity stuff
#006060 darkest green, text
Fonts
body:		font-family: verdana,trebuchet,sans-serif; 
remarks:	font-family: Comic Sans MS,Georgia,Serif;
ident:		font-family: Lucida Console,Verdana,Arial,Sans-Serif;
*/
/* SB adding this style and replacing bgcolor="#aaaaff" with class="tint" */

/* ---BEGIN sb3d makeover 11/2003--- */
div.topbar {
	background-color: black; 
	height: 80px; 
	width: 100%; 
	padding: 0px;
	margin: 0px;
	font-size:14px;
	font-family: verdana,trebuchet,sans-serif;
	color: #999999;
	background-image: url("sb3dImg/triclopsA.gif"); 
	background-repeat: no-repeat; 
	background-position: bottom right; 
}


/* based on 31% 50% 19% but with only middle is flexible */
div.leftcol {
	background-color: #CC9933;
	color: black;
	font-family: georgia,serif; 
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;	/* 3/25/2010 was 0 */
	padding-bottom: 50px;
	padding-left: 8px;
	position: absolute;
	height: 110%;
	top: 80px;
	left: 0px;
	width: 208px; 	/* 3/25/2010 was 216 */
}

div.rightcol {
	background-color: black;
	color: #f7fff7;
	font-family: georgia,serif; 
	margin: 0px;
	padding: 8px;
padding-top:22px;
	position: absolute;
	top: 80px;
	right: 0px;
	width: 149px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 132px;
	}
	html>body #right {
	width: 132px; /* ie5win fudge ends */
}
div.centercol {
	background-image: url("sb3dImg/urcorner10ye.gif"); 
	background-repeat: no-repeat; 
	background-position: top right; 
	background-color: #ffff33;
	color: black;
	font-family: georgia,serif; 
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 20px;
	padding-left: 16px;
	position: relative;
	margin: 0px 149px 0px 225px;
	height: 100%;
}

div.bigleftcol {
	background-image: url("sb3dImg/urcorner10bn.gif"); 
	background-repeat: no-repeat; 
	background-position: top right; 
	background-color: #CC9933;
	color: black;
	font-family: georgia,serif; 
	margin: 0px;
	padding: 8px;
	padding-right: 0px;
	padding-bottom: 50px;
	position: relative;
	margin: 0px 148px 0px 0px;
	height: 100%;
}
div.bigcentercol, div.bigcentercol_nc {
	background-color: #f7fff7;
	color: black;
	font-family: georgia,serif; 
	margin: 0px;
	padding: 8px;
	padding-right: 0px;
	padding-bottom: 50px;
	position: relative;
	margin: 0px 148px 0px 0px;
	height: 100%;
}
div.bigcentercol {
	background-image: url("sb3dImg/urcorner10.gif"); 
	background-repeat: no-repeat; 
	background-position: top right; 
	border-bottom: 6px dotted black;
	position:relative;
	bottom:0;
	min-height:500px;
}

pre {
	color: #003366;
	margin-right: 8px;
}

body { 
 background-color: black; 
 margin: 0px; 
 padding: 0px;
 font-size: 11px; 
 font-family: verdana,trebuchet,sans-serif; 
}
#main {
	background-image: url("sb3dImg/lColBG.gif"); 
	background-repeat: repeat-y; 
	background-position: top left; 
}


/* headings within the three main columns */
h1,h2,h3 {
 font-family: verdana,trebuchet,sans-serif;
 font-weight: bold;
 margin-bottom:3px;
}
/*jot2*/
h1.left {
 font-size:   14px;
 color:       white;
}
/*jot2*/
h2.left {
 font-size:   14px;
 color:       white;
}
h3 {
 font-size:   12px;
}
h3.left {
 font-size:   12px;
 color:       white;
}
h1.center {
 margin-left:10px;
 font-size:   14px;
 color:       #305550;
}
h1.centerFeature {	/*jot2*/
background-image: url("sb3dImg/markerDot.gif"); 
background-position:center left;
background-repeat:no-repeat;
padding-left:20px;
 margin-top:5px;
 font-size:   14px;
 /*color:       #305550;*/
 color: black;
 clear:both;
}
h3.center {
 font-size:   14px;
 color:       #305550;
 display: inline;
}
h4.center {
 font-size:   12px;
 color:       #305550;
 display: inline;
}

h3.right {
 font-size:   12px;
 color:       #7fff00;
 margin-left:8px;
}

h3.rightColor {
 font-family: verdana,trebuchet,sans-serif;
 font-weight: bold;
 margin-bottom:3px;
 font-size:   13px;
 color:       #339966;
 text-decoration: none; 
}
h3.rightH {
 font-size:   12px;
 color:       #7fff00;
}

/* when we show L or C as a big column these styles wrap each blog entry */
div.itemleft {
 padding-bottom: 12px;
 border-bottom: 3px dotted #663300;
}
div.itemcenter {
 padding-bottom: 12px;
}
.authorleft {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 font-weight: normal;
}
.authorcenter {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 font-weight: normal;
 padding-left: 5px;
 border-left: 2px solid #339966;
 border-bottom: 1px solid #339966;
}
.authorcomment {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 font-weight: normal;
 padding-left: 5px;
 border-left: 2px solid #336699;
 border-bottom: 1px solid #336699;
}
.author {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 font-weight: normal;
}

/* each block of stuff item within  the three main columns */
div.chunkl {
 border-bottom: 3px solid #663300;
}
div.chunkc {
 padding-top: 6px;
 padding-bottom: 6px;
 border-bottom: 1px solid #333333;
}
div.chunkr {
 margin:0 2px 20px 8px;
}
/*jot2*/
div.centerBody {
	font-family: georgia,serif; 
	/*font-size:   12px;*/
	margin: 0px;
	padding: 5px 16px 5px 6px;
	/*min-height:125px;*/
}
p {
 margin-top: 0px;
 margin-left: 16px;
 margin-right: 16px;
 margin-bottom: 4px;
}
/*jot2*/
/* 3/25/2010 now using sideBlurb as a div */
.sideBlurb{
 margin-left:0px;
 margin-bottom: 8px;
 color:black;
}
.centerBlurb{
 margin-left:0px;
 margin-bottom: 8px;
 color:black;
}

p.rtSideBlurb{
 margin-left:0px;
 margin-right:7px;
 margin-bottom: 8px;
 color:white;
}
/*jot2*/
p.lFloatBlurb{
 font-style:italic;
 float:left;
 font-size: 12px;
 line-height: 18px;
 width:200px;
 margin-left:4px;
 padding: 10px 10px 10px 10px;
 color:black;	/*#663300;*/
 border:2px dotted #996633;
	background-color: #ffffb0;
}

p.wideBoxBlurb, p.mediumBoxBlurb{
 /*font-style:italic;*/
 font-size: 12px;
 line-height: 18px;
 margin-left:1px;
 margin-right:1px;
 padding: 10px 20px 10px 20px;
 color:black;	/*#663300;*/
 border:2px dotted #ffffc0;
	background-color: #ffffb0;
}
p.mediumBoxBlurb{
	padding-right:120px;
}

/* used for QandA boxes in center (pBlock "what-is") */
h4.qa {
 font-size:   14px;
 color:       #996633;
 font-family: verdana,trebuchet,sans-serif;
 margin-top: 9px;
 margin-bottom: 0px;
 margin-left: 16px;
 font-weight: bold;
}

/* doing this all in the p mad mac ignore bg color */
div.qa {
 border: thin solid #FFCC00;
 background-color: #FFFFCC;
 padding: 3px;
 margin-top: 0px;
 margin-left: 16px;
 margin-right: 16px;
 margin-bottom: 0px;
}
p.qa {
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}
div.comment {
 border: thin none #FFCC00;
 background-color: #EEEEFF;
 padding: 0px;
 margin: 8px;
}


div.warning, div.warning_c {
 border-bottom: thin solid #FF0000;
 background-color: #f0f0f0;
 padding: 3px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 148px;
}
div.warning_c {
 background-image: url("sb3dImg/urcorner10.gif"); 
 background-repeat: no-repeat; 
 background-position: top right; 
}

/* for slugs of marketing hype in center */
div.slug {
 background-color: #ccddcc;
 padding: 0px;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 border: thin solid #000000;
 border-right: thick none #000000;
 height:56px;	/*set a height to fix IE6 peekaboo bug*/
}


img.stretch {
 float: left;
}

img.icon {
 display: inline;
 margin: 0px;
}
img.fleft {
 float: left;
 display: inline;
 margin: 0px;
 margin-right: 8px;
 border-top: none;
 border-right: thin solid #000000;
 border-bottom: thin solid #000000;
 border-left: none;
}
img.frightb {
 float: right;
 display: inline;
 margin: 10px 10px 10px 20px ; /* 4/1/2010 was 4 */
 border: thin solid #000000;
}
/* ---END sb3d makeover 11/2003--- */

td.tint {
 background-color: #cceecc; 
}
div.bar {
 color: #006060;
 background-color: #fff; 
 padding: 8px;
 text-align: left;
 font-size: 20px; 
 line-height: 20px;
 font-family: Comic Sans MS,Georgia,Serif;
 border : 1px solid #99EE99;
}
/* SB not really a bar at all just now, heading for third column */
div.smallbar {
 color: #006060;
 padding: 4px;
 text-align: left;
 font-size: 16px; 
 line-height: 16px;
 font-family: Comic Sans MS,Georgia,Serif;
}
.tinybright {
	font-size: 9px;
	color: #FFCC33;
}
.small {
	font-size: 11px;
	margin: 0px 4px 2px 0px;
}
/*SB adding this for a third column */
.thirdcol {
 width: 120px;
 float: left;
 text-align: left;
 margin-left: 20px;
 padding-left : 15px;
 border-left : 1px dotted #99EE99;
 border-bottom : 1px dotted #99EE99;
}
.headlines {
 padding-top : 15px;
 padding-bottom : 15px;
}



/*
	Default page values
*/

/*
	Links		Due to CACHING we mostly  use same color for visited/non-visited
*/
/* SB adding to use for display of current page name among links */
.nonlink{ 
 color: #CCCCff; 
 font-size: 14px; 
 font-weight: bold; 
}


a:link { 
 color: #663300; 
 font-size: 12px;
 font-weight: bold; 
 text-decoration: underline; 
}

a:visited { 
 color: #663300; 
 font-size: 12px;
 font-weight: bold; 
 text-decoration: underline; 
}

a:active { 
 color: #FFCC00; 
 font-size: 12px;
 font-weight: bold; 
 text-decoration: underline; 
}

a:hover { 
 color: #FFCC00; 
 font-size: 12px;
 font-weight: bold; 
 text-decoration: none; 
}

/*#66CC99*/
a.right:link { 
 color: #339966; 
 font-size: 12px;
 font-weight: bold; 
 text-decoration: underline; 
}

a.right:visited { 
 color: #339966; 
 font-size: 12px;
 font-weight: bold; 
 text-decoration: underline; 
}

a.right:active { 
 color: #99ee99; 
 font-size: 14px; 
 font-weight: bold; 
 text-decoration: underline; 
}

a.right:hover { 
 color: #99FFCC; 
 font-size: 14px; 
 font-weight: bold; 
 text-decoration: none; 
}
/*for small links*/
a.rightsm:link { 
 color: #339966; 
 font-size: 10px; 
 text-decoration: underline; 
}

a.rightsm:visited { 
 color: #339966; 
 font-size: 10px; 
 text-decoration: underline; 
}

a.rightsm:active { 
 color: #99ee99; 
 font-size: 10px; 
 text-decoration: underline; 
}

a.rightsm:hover { 
 color: #99FFCC; 
 font-size: 10px; 
 text-decoration: none; 
}

/*for small header-like links*/
a.rightsmBrt:link { 
 color: #7fff00; 
 font-size: 10px; 
 text-decoration: underline; 
}

a.rightsmBrt:visited { 
 color: #7fff00; 
 font-size: 10px; 
 text-decoration: underline; 
}

a.rightsmBrt:active { 
 color: #7fff00; 
 font-size: 10px; 
 text-decoration: underline; 
}

a.rightsmBrt:hover { 
 color: #99FFCC; 
 font-size: 10px; 
 text-decoration: none; 
}

/*for full sized header-like links*/
a.rightBrt:link { 
 color: #7fff00; 
 font-size: 14px; 
 text-decoration: underline; 
}

a.rightBrt:visited { 
 color: #7fff00; 
 font-size: 14px; 
 text-decoration: underline; 
}

a.rightBrt:active { 
 color: #7fff00; 
 font-size: 14px; 
 text-decoration: underline; 
}

a.rightBrt:hover { 
 color: #99FFCC; 
 font-size: 14px; 
 text-decoration: none; 
}
/*jot2*/
a.clickyTitle3,a.clickyTitle3:active,a.clickyTitle3:hover,a.clickyTitle3:visited {
 font-family: verdana,trebuchet,sans-serif;
 font-weight: bold;
 margin-bottom:3px;
 font-size:   13px;
 color:       #FFFFC7;
 text-decoration: none; 
}
a.clickyTitleRight,a.clickyTitleRight:active,a.clickyTitleRight:hover,a.clickyTitleRight:visited {
 font-family: verdana,trebuchet,sans-serif;
 font-weight: bold;
 margin-bottom:3px;
 font-size:   13px;
 color:       #339966;
 text-decoration: none; 
}
a.clickyTitleRight:active{ color: #99ee99;}
a.clickyTitleRight:hover{ color: #99FFCC;}

a.more{
 text-decoration: none; 
 font-weight: bold;
}
a.more:link { 
 color: #663300; 
}

a.more:visited { 
 color: #663300; 
}

a.more,a.clickyTitle3:active { 
 color: #FFCC33; 
}

a.more,a.clickyTitle3:hover { 
 color: white; 
}



/*  
    Hyperlinks that appears in the member navbar:
    login, register, calendar, etc.
*/
.loginText, .loginText a:link, .loginText a:active, .loginText a:visited, .loginText a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.loginText a:link    { color:  #003399; }
.loginText a:visited { color:  #003399; }
.loginText a:active  { color:  #999999; }
.loginText a:hover   { color:  #cccccc; } 


#menu {
 width: 175px;
 float: left;
 font: 11px/12px verdana,trebuchet,sans-serif;
 padding-right: 10px;
 text-align: right;
 color: #333;
 padding-bottom: 30px;
 border-right: 1px dotted #99EE99;
}
#content {
 width: 420px;
 float: left;
 text-align: left;
 margin-left: 20px;
 margin-bottom: 60px;
 padding-bottom: 30px;
 padding-left: 20px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 390px;
}
body>#content {
 width: 420px;
}

.menuitems {
 padding-top : 15px;
 padding-bottom : 15px;
 border-bottom : 1px dotted #99EE99;
}

H2 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   17px;
 color:       #305550;
 font-weight: bold;
}
/*
H3 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   14px;
 color:       #305550;
 font-weight: bold;
}
*/
H4 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #C7D7C7;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}
H5 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}


.smText {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #333333;
 font-weight: normal;
}


.medText {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #333333;
 font-weight: normal;
}


.lgText {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   12px;
 color:       #333333;
 font-weight: bold;
}

input {
 font : bold 11px/12px verdana,trebuchet,sans-serif;
 border : 1px solid #999999;
 color : black;
 background-color : #eeffee;
 margin-top: 2px;
 margin-bottom: 2px;
}

input.large {
 width: 200px;
}

input:focus {
 background-color : #ffffff;
}

input.button {
 color : white;
 background-color : #000000;
}

textarea {
 border: 1px solid #999999;
 margin-bottom: 10px;
 color: black;
 background-color: #eeffee;
 font: 11px/16px verdana,trebuchet,sans-serif;
}

textarea:focus {
 background-color : #ffffff;
}

.pulldown {
 font-family: trebuchet,Verdana, sans-serif;
 font-size:	11px;
 font-weight: bold;
 color:	#333333;
 border-top: #000000 1px solid; 
 border-left: #000000 1px solid; 
 border-right: #000000 1px solid; 
 border-bottom: #000000 1px solid;
}

.weblog {
 padding-bottom: 12px;
 border-bottom:1px dotted #99EE99;
}




/* THE FOLLOWING ARE FOR USE WITH THE MINI-CALENDAR */


/*  Calendar header text  */
.header {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px;
 color:       #ffffff;
 font-weight: bold;
}


/*  Navigational links in the header  */
.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ 
 color:       #ffffff;
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 
.navlinks a:link    { color:  #ffffff; text-decoration: none;}
.navlinks a:visited { color:  #ffffff; text-decoration: none;}
.navlinks a:active  { color:  #333333; text-decoration: none;}
.navlinks a:hover   { color:  #000000; text-decoration: underline;}


/*  Days of the week text  */
.weekdays {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
 font-weight:  bold;
}

/*  Days of the month text and links */
.monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   9px;
 color:       #666666;
}
.monthdays a:link    { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:visited { color:  #0000b0; text-decoration: underline;font-weight: bold;}
.monthdays a:active  { color:  #333333; text-decoration: underline;font-weight: bold;}
.monthdays a:hover   { color:  #cccccc; text-decoration: none;font-weight: bold;}

/*Jot2 additional stuff ---------------------------*/
ul.jLink {list-style:none;display:inline;padding:0;margin:0;}
li.jLink {display:inline;padding-left:10px;}

div.featureTop {
 background-color: #ccddcc;
 padding: 0 10px 4px 10px;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 border-left: thin solid #000000;
}

a.closer, a.closerP    { 
 float:right;
 display:block;
 color:  #000000; 
 text-decoration: none; 
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
}
a.closerP {padding-right:10px;}
a.closer:hover, a.closerP:hover   { color:  #808080;}

/*repo box		663300	305550	ffffd4	996633	003333 	bg:	f3fff0*/
#rBox{position:absolute;z-index:2;top:0;right:2000px;width:55%;opacity:0;border:10px solid #004040;padding:0 0 0 4px;background-color:#EBFFE5;}
#rBoxCloser{ 
 float:right;
 display:block;
 color:  black; 
 text-decoration: none; 
 font-family: verdana,trebuchet,sans-serif;
 font-size:   10px; 
 font-weight: bold;
 margin: 0;
 padding: 0 2px;
}

/* Stop firefox from putting dotted border around links you click */
a:focus {
    outline: 0;
}

#notaccordionLeft h3 a,#notaccordionCenter h3 a {
padding-left: 24px;
}
#notaccordionLeft p, notaccordionCenter p {
margin-right: 0;
margin-left: 0;
}
#notaccordionCenter a {
color: #305550;
}
#notaccordionCenter p {
margin-right: 0;
margin-left: 0;
}