body{
	margin:0px;
	padding:0px;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Georgia, Sans-Serif;
	background:#8FA6C5 url(/common/bg_grad.jpg) 0 0 repeat-x;
}

#pageInfo {font-size: 9pt;}
#pageInfo H1 {color: green;}
.pageTop{height: 20px;}

.topMiddle {
	width: 640px;
	margin: auto;
	border-bottom: 0px;
	height: 400px;
	background: url(/common/splash/yellowfish_gone.jpg) no-repeat left;
}

.bannerMessage { color: white; float: left;	margin-top: 10px;	margin-left: 10px;	font-weight: bolder;	font-size: 25pt;}

.topMiddleContent{ padding: 10px;}
.topMiddleBdr{ height: 400px; }

.pageBanner{
	background: url(/common/sep07/bg-banner.jpg) repeat-x left top;
	height: 160px;
	min-height: 160px;
	color: white;
	margin-top: 0px;
	padding-top: 0px;
}

.pageBanner ul {
	margin: 0px;
	width: 600px;
}

.pageBanner ul li {
	float: left;
	text-align: left;
	list-style: none;	
	width: 195px;
	
}

.pageBanner ul li h2 {
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Georgia, Sans-Serif;
	text-align: center;
	font-stretch: expanded;
	font-size: 12pt;
	font-variant: small-caps;
	font-weight: normal;
	margin: 0px;
	padding-top: 7px;
}

.pageBanner ul li.endItem {}
.pageBanner ul li:hover { color: yellow; }
.bclogo { cursor: pointer; position: relative; margin-top: 170px;	margin-left: 440px;	border: 0px; }

.popdown{color: #808080;text-align: justify;text-decoration: none;font-size: 75%;margin-left: 15px;margin-right: 15px;margin-top: 13px;height: 50px;min-height: 50px;}

.popdown:hover {	color: black;	}
.tryit{	margin-left: 15px;margin-right: 15px;margin-top: 35px;font-style: italic;font-size: 75%;color: blue;text-align: left;}
.tryit img { margin-top: 10px; }

.footer {	padding: 0px;	padding-top: 0px;	margin-top: 2px;	font-size: 9pt;}
.footer a { text-decoration: none; color: blue; }


/* Normal Pages */

#pageInfo .topMiddle {
	width: 770px;
	margin: auto;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	background: none #ffffff;
	margin-top: -20px;
	height: auto;
}

#pageInfo .topMiddleContent{}

#pageInfo .topMiddleBdr{ 
	height: auto; 
	background-color: white;
}

#pageHeader {
	margin-top: 0px;
	background: url(/common/sep07/bg-banner.jpg) repeat-x left bottom white;
	height: 100px;
	min-height: 100px;
	color: white;
}

#logo {
	width: 720px;
	margin: auto;
	padding: 0px;
}

#logo .bclogo {
	margin-left: 520px;
	margin-top: -100px;
	padding-top: 0px;
}

.strapline{
}

.strapline ul {
	margin: 0px;
	padding-top: 65px;
	padding-left: 40px;
}

.strapline ul li {
	float: left;
	text-align: left;
	list-style: none;	
	width: 190px;
}

.strapline ul li h2 {
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Georgia, Sans-Serif;
	text-align: center;
	font-stretch: expanded;
	font-size: 12pt;
	font-variant: small-caps;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: white;
}

.strapline ul li h2 a {
	color: white;
	text-decoration: none;
}

.left {
	float: left;
	width: 500px;
}

.right {
	float: right;
	width: 140px;
}

.right h2 {
	font-size: 12pt;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

.highlight {
	color: #0090D9;
}

/* Features Table */
#featurestable, #featurestable2, #featurestable3 {
	width: 550px;
	padding: 0;
	margin: 0;
	font-size: 95%;
}

#featurestable a, #featurestable2 a{
	text-decoration: none;
}

#tables th {
	font-weight: bold;
	color: #4f6b72;
	border-right: 1px solid #ADC7EE;
	border-bottom: 1px solid #ADC7EE;
	border-top: 1px solid #ADC7EE;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #4f6b72 url(/common/bg_header.jpg) no-repeat;
}

#tables th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #ADC7EE;
	background: none;
	width: 250px;
	font-size: 115%;
}

#tables td {
	border-right: 1px solid #ADC7EE;
	border-bottom: 1px solid #ADC7EE;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#tables td.alt {
	background: #E2E6EF;
	color: #797268;
}

#tables th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(/common/bullet1.gif) no-repeat;
	font-weight: bold;
}

#tables th.specalt {
	border-left: 1px solid #ADC7EE;
	border-top: 0;
	background: #E2E6EF url(/common/bullet2.gif) no-repeat;
	font-weight: bold;
	color: #797268;
}

#sidebar h3{ background-color: #45B03A; margin-bottom: 5px; margin-top: 0px; }

.col { width: 250px; float: left; margin: 0 15px; text-align: left; }
.col2 { width: 400px; float: left; margin: 0 15px; text-align: left; }

.col a { font-weight: bold; border-bottom: 1px dotted black; }
.col a:link { color: #336699; text-decoration: none; border-bottom-color: #336699; }
.col a:visited { color: #5588aa; text-decoration: none; border-bottom-color: #5588aa; }
.col a:hover, a:active { color: #ad5b1e; border-bottom: 1px solid #ad5b1e; }

.col2 a { margin-bottom: 2px; font-weight: bold; border-bottom: 1px dotted black; }
.col2 a:link { color: #336699; text-decoration: none; border-bottom-color: #336699; }
.col2 a:visited { color: #5588aa; text-decoration: none; border-bottom-color: #5588aa; }
.col2 a:hover, a:active { color: #ad5b1e; border-bottom: 1px solid #ad5b1e; }

.col ul { margin: 0 0 0 15px; padding: 0; line-height: 1.5em;  }
.col li { padding-bottom: 10px; }
.col h3 { font-size: 13px; padding: 5px 10px; margin-top: 20px; }

.col2 ul { margin: 0 0 0 15px; padding: 0; line-height: 1.5em;  }
.col2 li { padding-bottom: 10px; }
.col2 h3 { font-size: 13px; padding: 5px 10px; margin-top: 20px; color: white; }

.formtable {background:transparent url(/common/table_bg.jpg) 50% 0 no-repeat;padding:10px;}

/* Slide stuff */
#slideshow{background: url(/common/sep07/slidebg.jpg) no-repeat;width: 408px;height: 256px;margin-left: 40px;padding-top: 20px;padding-left: 20px;}
.slide {width: 370px;height: 210px;text-align: left;overflow:hidden;}
.slide h3{ background-color: #45B03A; margin-bottom: 5px; margin-top: 0px; font-size: 13px; padding: 5px 10px; margin-top: 5px; color: white; text-align: center;}
.slide img { margin-left: 10px;margin-right: 10px;}
.slidehide { display: none; }

/* Tooltip for the features */
.tooltip{width: 200px; color:#000;font:lighter 11px/1.3 Arial,sans-serif;text-decoration:none;text-align:center}
.tooltip span.top{padding: 30px 8px 0; background: url(/common/bt.gif) no-repeat top}
.tooltip b.bottom{padding:3px 8px 15px;color: #548912; background: url(/common/bt.gif) no-repeat bottom}

.entry1 {padding:10px;background-color:#f5f5f5;}
.entry2 {padding:10px;background-color:#fff;}
.entry1:hover, .entry2:hover {background-color:#DEE6EF;}
.entry1 p, .entry2 p {margin:3px;}

h4 {
font-size:1.0em;
font-style:normal;
font-weight:bold;
font-variant:normal;
line-height:140%;
color:#4161C3;
margin:0;
padding:0;
}

.postlinks a, .entry1 h4 a, .entry2 h4 a {color:#003366;text-decoration:none;}
.postlinks a:hover, .entry1 h4 a:hover, .entry2 h4 a:hover {color:#fff;background:#003366;text-decoration:none;}
.imgleft {float:left;padding:3px;width:50px;height:50px;}
.postlinks {background:transparent url(/common/comment.gif) 4px 4px no-repeat;padding:0 0 0 20px;clear:both;}

#tagpage { margin-top: 20px; }
#tagpage .left {float: left;width: 490px;}
#tagpage .right {float: right;width: 250px;}
.tagCloud a {text-decoration: none;padding: 6px;margin: 2px;}
.tagCloud a:hover {background-color: #F2B86E;padding: 6px;margin: 2px;}
.thumbshot{	width: 120px;height: 90px;border: 1px solid gray;float: left;background-image: url(/common/sep07/nothumb.jpg);}
.entry h2 a {font-size: 14pt;margin-bottom: 4px;text-decoration: none;color: black;}
.entry h2 a:hover {border-bottom: 1px dotted gray;}
.entry {padding-top: 5px;clear: both;}
.summary {width: 360px;float: right;padding-left: 5px;font-size: 90%;color: #5A4D42;}
.summary .blog{margin-top: 0px;text-align: right;}
.summary .blog a, .summary .taglist a {text-decoration: none;}
.summary .taglist {text-align: right;margin-top: 5px;}
.summary .taglist a:hover { border-bottom: 1px dotted gray; }
.flickrText{text-align: left;font-size: 140%;color: blue;}
#pageInfo H1.tag{padding: 0px;margin: 0px;font-size: 25pt;margin-bottom: 7px;font-weight:bolder;color: #F05C2E;}
.relatedTags {padding: 4px;border: 1px solid gray;background: url(/common/sep07/tag-bg.jpg) repeat-x;	text-transform: uppercase;}
.relatedTagsTitle{font-weight: bolder;	font-size: 80%;}
.tags a {font-size: 90%;text-decoration: none;color: white;}
.tags a:hover { border-bottom: 1px dotted white }
.technorati{background-image: url(/common/sep07/tech-bg.jpg);border: 1px solid black;padding: 4px;}
.video { width: 90px; height: 70px; float: left; background: no-repeat left; margin: 5px; border: 1px solid black; }
.technorati ul {margin-top: 0px;margin-bottom: 0px;}
.technorati li.item {margin-left: -15px;list-style: square;color: white;margin-bottom: 4px;}
.technorati .item a {text-decoration: none;color: white;}
.technorati .item a:hover {border-bottom: 1px dotted white;}
.youtubePhoto{margin: 1px;float: left;padding: 0px;}
.youtubeImg {border: 1px solid black;margin: 0px;width: 75px;height: 56px;}
.flickrPhoto{margin: 1px;float: left;padding: 0px;}
.flickrPhotoImg {border: 1px solid black;margin: 0px;}