/**basicsetup.csshttp://bowdenweb.com/**/
@import url("http://bowdenweb.com/css/icons.css");
@import url("http://bowdenweb.com/css/webdev.css");
*{padding:0; margin:0; border:none}
body{font:400 62.5%/1.5 "Trebuchet MS", Verdana, Helvetica, Trebuchet, Arial, sans-serif; text-align:center; height: 100%; width: 100%; background: #fff url("http://bowdenweb.com/images/style/bg_body.gif") 0 0 repeat-x; color: #8f8c8c}
div#content {text-align: center; background: transparent url("http://bowdenweb.com/images/style/bg_content.gif") 0 0 repeat-x; width: 100%}
div#content div#header {background: #000 url("http://bowdenweb.com/images/style/bg_header.png") 0 10px repeat-x; height: 96px}
div#content div#header ul#headnav {float: left; margin-right:5px; text-align: center; background: transparent; list-style: none; width: 45%}
div#content div#header ul#headnav li {margin-left:3px; margin-right:3px; padding: 3px; float: left; display: inline; background: transparent; text-align: center}
div#content div#header ul#headnav li#datejs {
margin: 0 3px 0 10px;
color: #fff;
font: 900 14px/14px Arial, sans-serif;
}
div#content div#header ul#headnav li#datejs script {

background: transparent;
text-align: center;

float: left;
}
div#content div#header ul#headnav li a, div#content div#header ul#headnav li a:link {
text-decoration: none;
color: #fff;
display: block;


text-align: center;
float: left;
font: 900 11px/11px Arial, sans-serif;
}
div#content div#header ul#headnav li a#currenth, div#content div#header ul#headnav li a#currenth:link {
text-decoration: none;
color: #fff;
display: block;


text-align: center;
float: left;
} 
div#content div#header form#loginform {
margin: 0 5px 0 0;

background: transparent;
text-align: right;
width: 45%;
float: right;
}
div#content div#header form#loginform fieldset {
margin: 0 5px 0 160px;

background: transparent;
float: left;
}
div#content div#header form#loginform fieldset legend {
color: #fff;


text-align: center;
text-indent: -9999px;
float: left;
height: 1px;
display: none;
}
div#content div#header form#loginform fieldset label {
float: left;
margin: 5px 5px 2px 5px;

font: 900 small-caps 14px/14px "Book Antiqua", "Bookman Old Style", Arial, sans-serif;
}
div#content div#header form#loginform fieldset input#login {
margin: 5px 5px 2px 5px;

float: left;
}
div#content div#header form#loginform fieldset input#submit-l {
float: left;
margin: 5px 5px 2px 5px;

background: #e666e6;
}
div#content div#header h2#branding {

padding: 15px 0 0 0;
float: left;
width: 300px;
text-align: left;
text-indent: 20px;
}
div#content div#header h2#branding a, div#content div#header h2#branding a:link {float: left; color: #fff; text-decoration: none; letter-spacing: 5px; display: inline; font: 900 30px/30px "Trebuchet MS", Verdana, Trebuchet, Arial, sans-serif}
/** div#content div#header h2#branding a:visited {}
div#content div#header h2#branding a:hover, div#content div#header h2#branding a:link:hover, div#content div#header h2#branding a:visited:hover, div#content div#header h2#branding a:focus {}
div#content div#header h2#branding a:active {}
div#content div#header h2#branding a span, div#content div#header h2#branding a:link span {
letter-spacing: normal;
color: #999;
float: left;
display: inline; width: 50px}  
div#content div#header h2#branding a:visited span {}
div#content div#header h2#branding a:hover span, div#content div#header h2#branding a:link:hover span, div#content div#header h2#branding a:visited:hover span, div#content div#header h2#branding a:focus span {}
div#content div#header h2#branding a:active span {}
div#content div#header h2#branding a span:hover, div#content div#header h2#branding a:link span:hover {}  **/
div#content div#header ul#mainnav {
list-style: none; padding: 40px 0 0 0;
text-align: center;
float: left}
div#content div#header ul#mainnav li {
float: left;
display: inline;
height: 29px;
margin: 0 5px; text-align: center}
div#content div#header ul#mainnav li#first {margin: 0 5px 0 50px;}
div#content div#header ul#mainnav li a, div#content div#header ul#mainnav li a:link {color: #fff;
text-decoration: none; display: block; height: 29px; font: 900 small-caps 15px Georgia, Garamond, "Times New Roman", Times, serif}
div#content div#main {clear: left; float: none; padding: 20px 0 0 0; width: 100%; text-align: center; background: transparent}
div#content div#main ul#lcnav {list-style: none; margin: 5px; float: left;
text-align: center;
width: 140px;
border: 1px dashed #000;
}
div#content div#main ul#lcnav li {
text-align: left;
text-indent: 3px;
background: transparent;
}
div#content div#main ul#lcnav li.title {
text-align: center;
font: 900 17px/17px "Century Gothic", Century, Courier, "Courier New", "Edwardian Script ITC", "Franklin Gothic Book", "Franklin Gothic Demi", Arial, sans-serif;
letter-spacing: 2px;
}
div#content div#main ul#lcnav li a, div#content div#main ul#lcnav li a:link {
font: 900 15px/15px "Century Gothic", Century, Courier, "Courier New", "Edwardian Script ITC", "Franklin Gothic Book", "Franklin Gothic Demi", Arial, sans-serif;
text-decoration: none;
display: block;
text-decoration: none;
}
div#content div#main div#maincontent {
float: left; margin: 5px 0; text-align: center;
background: transparent;
width: 650px}
div#content div#main div#maincontent h1#pagetheme {}
div#content div#main div#maincontent p {margin: 5px; padding: 4px 8px; border: 1px dashed #000}
div#content div#main div#maincontent p#intro {margin: 10px 5px 5px 5px}
div#content div#main div#maincontent h2#rebrand {}
div#content div#main div#columnright {
margin: 5px 0 0 5px;

width: 160px;
border: 1px solid #000;
text-align: center;
float: right;
background: transparent;
}
div#content div#main div#columnright form#search {
margin: 5px;
text-align: center;
background: transparent;

}
div#content div#main div#columnright form#search fieldset {


background: transparent;
text-align: center;
}
div#content div#main div#columnright form#search fieldset legend {}
div#content div#main div#columnright form#search fieldset label {}
div#content div#main div#columnright form#search fieldset input#sitesearch {
background: transparent url("http://bowdenweb.com/images/style/bg_input-search.png") 100% 0 no-repeat;
}
div#content div#main div#columnright form#search fieldset input#sssubmit {}
div#content div#main div#columnright table.calendar {
display: table;
text-align: center;

width: 100%;

background: transparent;
}
div#content div#main div#columnright table.calendar caption {

padding: 0 5px;
text-align: center;
background: transparent;
}
div#content div#main div#columnright table.calendar caption a, div#content div#main div#columnright table.calendar caption a:link {
display: inline;


text-decoration: none;
color: #eee;
width: 33%;
}
div#content div#main div#columnright table.calendar caption a.monthlinks, div#content div#main div#columnright table.calendar caption a.monthlinks:link {
color: #ffe;
}
div#content div#main div#columnright table.calendar tr {


background: transparent;
text-align: center;
width: 100%;
}
div#content div#main div#columnright table.calendar tr th {
background: #000;
color: #fff;


text-align: center;
}
div#content div#main div#columnright table.calendar tr td {


color: #000;
background: #fff;
text-align: center;
}
div#content div#main div#columnright table.calendar tr td.today {
background: #c0c0c0;
color: #000;
}
div#content div#main div#columnright table.calendar tr td.newmoon {
background: transparent url("http://bowdenweb.com/images/style/newmoon.gif") 0 0 no-repeat;
}
div#content div#main div#columnright table.calendar tr td.fullmoon {
background: transparent url("http://bowdenweb.com/images/style/fullmoon.gif") 0 0 no-repeat;
}
div#content div#main div#columnright table.calendar tr td.firstquartermoon {
background: transparent url("http://bowdenweb.com/images/style/firstquartermoon.gif") 0 0 no-repeat;
}
div#content div#main div#columnright table.calendar tr td.thirdquartermoon {
background: transparent url("http://bowdenweb.com/images/style/thirdquartermoon.gif") 0 0 no-repeat;
}
div#content div#main div#columnright table.calendar tr td.event {
font-style: italic;
}
div#content div#main div#columnright ul#contactnav {
clear: right;
float: none;
margin: 5px 0;
width: 100%;

background: #eee;
list-style: none;
}
div#content div#main div#columnright ul#contactnav li {
text-align: left;
text-indent: 3px;


background: transparent;
display: block;
}
div#content div#main div#columnright ul#contactnav li.title {
text-align: center;
font-weight: 900;
letter-spacing: 3px;
}
div#content div#main div#columnright ul#contactnav li a, div#content div#main div#columnright ul#contactnav li a:link {
text-decoration: none;
display: block;
text-decoration: none;
color: #000;
}
div#content div#main div#columnright ul#contactnav li a:visited {}
div#content div#main div#columnright ul#contactnav li a:hover, div#content div#main div#columnright ul#contactnav li a:link:hover, div#content div#main div#columnright ul#contactnav li a:visited:hover, div#content div#main div#columnright ul#contactnav li a:focus {}
div#content div#main div#columnright ul#contactnav li a:active {}
div#content div#main div#columnright ul#contactnav li a img, div#content div#main div#columnright ul#contactnav li a:link img {
border: none;
text-decoration: none;


}
div#content div#main div#columnright p.rcp {
float: right;
margin: 5px;
text-align: left;
text-indent: 3px;

border: 1px dashed #f00;
}
div#content div#main h1#closetheme {

padding: 0 10px 0 0;
text-align: right;
clear: both;
float: none;
}
div#content div#footer {
margin: 10px 0 0 0;

background: #000;
width: 100%;
clear: left;
float: none;
}
div#content div#footer form#contactform {
float: left;
margin: 5px 0 5px 5px;

text-align: center;
background: transparent;
width: 400px;
}
div#content div#footer form#contactform fieldset {
float: left;
}
div#content div#footer form#contactform fieldset legend {
float: left;
}
div#content div#footer form#contactform fieldset label {
float: left;
margin: 10px 5px 5px 5px;
text-align: right;
padding: 0 5px 0 0;
}
div#content div#footer form#contactform fieldset input#contact {
float: left;
margin: 10px 5px 5px 5px;


}
div#content div#footer form#contactform fieldset input#submit-c {
float: left;
width: 135px;
margin: 5px;
height: 25px;

background: transparent url("http://bowdenweb.com/images/style/bg_input-submit_sprite.gif") 0 0 no-repeat;
}
div#content div#footer form#contactform fieldset input#submit-c:hover, div#content div#footer form#contactform fieldset input#submit-c:focus {
color: #fff;
background: transparent url("http://bowdenweb.com/images/style/bg_input-submit_sprite.gif") 0 -25px no-repeat;
}
div#content div#footer ul#footernav {
list-style: none;
margin: 5px 5px 5px 0;

background: transparent;
text-align: center;
float: left;
width: 500px;
}
div#content div#footer ul#footernav li {
float: left;
display: inline;

margin: 15px 5px 5px 5px;
}
div#content div#footer ul#footernav li a, div#content div#footer ul#footernav li a:link {
float: left;
display: block;
text-decoration: none;
color: #c0c0c0;


text-align: center;
font: 900 12px/12px "Arial Black", Arial, sans-serif;
}
div#content div#footer ul#footernav li a:visited {}
div#content div#footer ul#footernav li a:hover, div#content div#footer ul#footernav li a:link:hover, div#content div#footer ul#footernav li a:visited:hover, div#content div#footer ul#footernav li a:focus {}
div#content div#footer ul#footernav li a:active {}
div#content div#footer ul#footernav li a img, li a:link img {}
div#content div#footer ul#footernav li#mt a, div#content div#footer ul#footernav li#mt a:link {
display: block;
padding: 0 15px 0 0;
text-decoration: none;
border: none;
background: transparent url("http://bowdenweb.com/images/mtlogo.png") 100% 0 no-repeat;
width: 230px;
height: 35px;
text-indent: -9999px;
text-decoration: none;
}
div#content div#footer ul#footernav li#mt a:visited {}
div#content div#footer ul#footernav li#mt a:hover, div#content div#footer ul#footernav li#mt a:link:hover, div#content div#footer ul#footernav li#mt a:visited:hover, div#content div#footer ul#footernav li#mt a:focus {
background: transparent url("http://bowdenweb.com/images/mtlogo.png") 0 -35px no-repeat;
}
div#content div#footer ul#footernav li#mt a:active {}
div#content div#footer h3 {
clear: left;
float: none;
margin: 5px 0 0 0;

background: transparent;
text-align: center;
border: 1px dashed #f00;
}
div#content div#footer h3 a, div#content div#footer h3 a:link {


text-align: center;
display: inline;
text-decoration: none;
color: #c0c0c0;
font: 900 13px/13px Trebuchet, Arial, sans-serif;
width: 48%;
}
div#content div#footer h3 a#meaculpa, div#content div#footer h3 a#meaculpa:link {
text-align: left;
text-indent: 10px;
}
div#content div#footer h3 a#deovindice, div#content div#footer h3 a#deovindice:link {
margin: 0 0 0 300px;
}
/**class styles**/
/* P.I.E. Method... source: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*--------------------------------------------------------------------------------
 SI.ClearChildren v1.0
 source: http://www.shauninman.com/archive/2006/05/22/clearance_position_inline_absolute */
.clear_children,.cc_tallest { position: relative; }
.cc_tallest:after { content: ''; }


/**generic classes**/
div.code {
margin: 5px auto;

width: 80%;
overflow: scroll;
text-align: left;
border: 1px dashed #333;
background: #ccc;
}
div.codeline {
margin: 2px auto;

width: 80%;
overflow: scroll;
background: transparent;
text-align: center;
border: 1px solid #333;
background: #ccc;
}
div.code pre {


background: transparent;
text-align: left;
}
div.code pre code {
font: 900 1.75em/2.25 monospace;
color: #000;


background: transparent;
text-align: left;
}
code {
color: #000;
font: 900 15px/15px monospace;


}
span.vocab {}
acronym.vocab {}
abbr.vocab {}
.floatright {
float: right;
margin: 10px;
}
.floatleft {
float: left;
margin: 10px;
}
.clearleft {
clear: left;
float: none;
}
.clearright {
clear: right;
float: none;
}
.clearboth {
clear: both;
float: none;
}
.alert {
color: #f00;
font-weight: 900;
}
p {
color: #000;
margin: 5px 10px 8px 10px;
padding: 4px;
text-align: left;
text-indent: 30px;
font: 200 15px/15px "Trebuchet MS", Verdana, Trebuchet, Helvetica, Arial, sans-serif;
}
p.note {
margin: 3px 10px;
padding: 0 4px;
}
.current {}
ul.webdevreference {
list-style: none;
margin: 5px auto;
border: 1px solid #666;
text-align: center;
background: transparent;
width: 70%;
}
ul.webdevreference li {
color: #000;
font: 900 13px/13px Cambria, serif;
padding: 5px;
margin: 0 5px;
}
ul.webdevreference li.title {
text-align: center;
font: 900 small-caps 16px/16px Cambria, serif;
text-decoration: underline;
background: #000;
color: #fff;
}
ul.webdevreference li.sitepoint {}
ul.webdevreference li.w3c {}
ul.webdevreference li.w3schools {}
ul.webdevreference li.meyerweb {}
ul.webdevreference li.ala {}
ul.webdevreference li a, ul.webdevreference li a:link {
color: #000;
text-decoration: none;
font: 900 13px/13px Cambria, serif;
}
ul.webdevreference li a:visited {}
ul.webdevreference li a:hover, ul.webdevreference li a:link:hover, ul.webdevreference li a:visited:hover, ul.webdevreference li a:focus {}
ul.webdevreference li a:active {}
ul.webdevcomm {
list-style: none;
margin: 5px auto;
border: 1px solid #666;
text-align: center;
background: transparent;
width: 70%;
}
ul.webdevcomm li {
color: #000;
font: 900 13px/13px Cambria, serif;
padding: 5px;
}
ul.webdevcomm li.title {
text-align: center;
font: 900 small-caps 16px/16px Cambria, serif;
text-decoration: underline;
background: #000;
color: #fff;
}
ul.webdevcomm li a, ul.webdevcomm li a:link {
text-decoration: none;
color: #000;
font: 900 13px/13px Cambria, serif;
}
ul.webdevcomm li a:visited {}
ul.webdevcomm li a:hover, ul.webdevcomm li a:link:hover, ul.webdevcomm li a:visited:hover, ul.webdevcomm li a:focus {}
ul.webdevcomm li a:active {}
h6.breadcrumbs {
margin: 10px 0 3px 0;

color: #000;
font: 900 13px/13px Arial, sans-serif;
}
h6.breadcrumbs a, h6.breadcrumbs a:link {
color: #000;
display: block;
font: 900 13px/13px Arial, sans-serif;
}
ul.xhtmlgroupelements {
list-style: none;

margin: 10px auto;
width: 90%;
background: transparent;
text-align: center;
}
ul.xhtmlgroupelements li {
color: #000;
}
ul.xhtmlgroupelements li.title {
text-align: center;
}
ul.xhtmlgroupelements li.subtitle {
text-align: left;
text-indent: 10px;
}