/* Yangtze theme for HubSpot CMS v1.1 08JAN2010 */

* {/* margin:0; padding:0; */ font-size:100%;}

body {background:url(images/top-tail.gif) top repeat-x #0f0f0f; text-align:center; margin:0;  padding:0;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html {font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.416em; color: #7f7f7f;}


a {color:#ffffff;}
a:hover {text-decoration:none;}


/* site logo */
h1#logoheader { font-size: 2.333em; font-weight: normal; padding-left: 14px; margin-bottom: 0px;}
h1#logoheader a { color:#fff; text-decoration:none;}


h2 { font-size:4.167em; font-weight: normal; color:#ffffff;}
h3 { font-size:2.167em; color:#ffffff; font-weight:normal;}
h4 { font-size:1.75em; font-weight:normal; padding-bottom:9px; margin-bottom:18px;}
h5 { font-size:1.75em; color:#ffffff; font-weight:normal; background:url(images/line.gif) bottom repeat-x; padding:2px 0 14px 1px; margin-bottom:19px;}

h6 { font-size:1.5em; color:#ffffff; font-weight:normal; background:url(images/line.gif) bottom repeat-x; padding:2px 0 14px 1px; margin-bottom:19px;}

strong { display:block; padding-bottom:17px;}
.strong1 { color:#fff; text-transform:uppercase; padding-bottom:0;}

/* ============================= main layout ====================== */

.space1 { margin-left:35px;}
.padding0 { padding-bottom:0;}
.padding1 { padding-top:15px;}
.padding2 { padding-top:34px !important;}
.padding3 { padding-top:62px !important;}
.padding4 { padding-top:25px;}
.margin1 { margin-top:13px !important;}
.margin2 { margin-top:32px !important;}

/* ============================= header ====================== */
#index #header { background:url(images/header-bg.jpg) bottom no-repeat;}
#innerpage #header { background:url(images/header-bg-inner.jpg) bottom no-repeat;}
#header .top { width:100%; overflow:hidden; height:119px;}
#header .menu {display: block; width: 840px; height: 41px; margin: 0px 15px; background: url(images/menu-item-tail.gif) top repeat-x;}
#header .menu ul.rootGroup { }
#header .menu ul.rootGroup li { float:left; padding-left:1px; }
#header .menu ul.rootGroup li.first { padding-left:0;}
#header .menu ul.rootGroup a { display:inline-block; background:url(images/menu-item-tail.gif) top repeat-x; width:119px; text-align:center; padding:13px 0 11px 0; font-size:0.917em; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#1b1b1b; cursor:pointer;}
#header .menu ul.rootGroup a.link {display: block; margin-top: 0px;}
#header .menu ul.rootGroup a:hover, 
#header .menu ul.rootGroup .selectedtab { background:url(images/menu-item-tail-act.gif) top repeat-x; color:#ffffff;}

#header .menu ul.group {background: #9E9E9E none; border: solid 1px #010101;}
#header .menu ul.group li {padding-left: 0px; padding-right: 0px; background: #9E9E9E none;}
#header .menu ul.group li.first { padding-left: 0px;}
#header .menu ul.group a {background: #9E9E9E none; width: auto; text-align: left; padding: 10px 0; font-size:0.917em; text-transform: none; text-decoration:none; font-weight:bold; color:#1b1b1b; cursor:pointer;}
#header .menu ul.group a span.text {padding: 0px 10px;}
#header .menu ul.group a.link {display: block; margin-top: 0px;}
#header .menu ul.group a:hover, 
#header .menu ul.group .selectedtab { background: #010101 none; color:#ffffff;}


/* banner */
#index #header .banner {display: block; width: 370px; height: 200px; margin: 85px 0 0 468px;}
#innerpage #header .banner {display: block; width: 800px; height: 225px; margin: 50px 0 0 35px;}
/* container title */
#header h2.ContainerTitle {font-size: 2.75em; line-height: 1.0em; font-weight: normal; color:#ffffff; margin: 0px; padding: 0px;}
#header .banner .ContainerContentWrapper div.Normal, 
#header .banner .ContainerContentWrapper div.Normal p {font-size: 1.5em; line-height: normal; color: #ababab; padding-top: 0px;}

/* ============================= content ====================== */
#content { padding:0 0 43px 25px;}
.column-2 { margin-left:18px;}

.twocol .column-2 { margin-left:0px;}
.twocol .column-1 { margin-left:18px;}

.indent { padding:40px 25px 0 15px;}
.link { display:inline-block; margin-top:24px;}

.boxes { line-height:1.5em; color:#ffffff; width:100%; overflow:hidden; margin-top:10px;}
.boxes .col-2, .boxes .col-3, .boxes .col-4 { margin-left:1px;}
/* container titles */
.boxes h4 {margin-top: 0px; padding-top: 0px;}
.boxes .list li {  background:url(images/list-marker2.gif) no-repeat 0 9px;}
.boxes .list a { color:#fff;}
.boxes .list a:hover { color:#000000;}
.boxes a { color:#ffffff;}
.boxes p, 
.boxes strong { padding-top: 0px; padding-bottom:18px;}
.boxes .indent { padding:27px 15px 32px 14px; position:relative;}

.box1 { background:url(images/box1-tail.gif) top repeat-x #2b3d3f;}
#dnn_Box1Pane { background:url(images/box1-corner.gif) right bottom no-repeat}
.box1 h4 { background:url(images/box1-line.gif) bottom repeat-x;}
.box1 .link { background:#384f52; padding:2px 14px 5px 14px; margin-top:30px; text-decoration:none;}
.box1 .link:hover { background:#4e6f73;}

.box2 { background:url(images/box2-tail.gif) top repeat-x #256372;}
#dnn_Box2Pane { background:url(images/box2-corner.gif) right bottom no-repeat}
.box2 h4 { background:url(images/box2-line.gif) bottom repeat-x;}
.box2 .link { background:#308194; padding:2px 14px 5px 14px; margin-top:30px; text-decoration:none;}
.box2 .link:hover { background:#38a9c4;}

.box3 { background:url(images/box3-tail.gif) top repeat-x #4f6b16;}
#dnn_Box3Pane { background:url(images/box3-corner.gif) right bottom no-repeat}
.box3 h4 { background:url(images/box3-line.gif) bottom repeat-x;}
.box3 .link { background:#678b1d; padding:2px 14px 5px 14px; margin-top:30px; text-decoration:none;}
.box3 .link:hover { background:#8ec126;}

.box4 { background:url(images/box4-tail.gif) top repeat-x #d63c00;}
#dnn_Box4Pane { background:url(images/box4-corner.gif) right bottom no-repeat}
.box4 h4 { background:url(images/box4-line.gif) bottom repeat-x;}
.box4 .link { background:#e24e00; padding:2px 14px 5px 14px; margin-top:30px; text-decoration:none;}
.box4 .link:hover { background:#f28043;}

#content li { line-height:1.833em; background:url(images/list-marker.gif) no-repeat 0 9px; padding-left:14px;}
#content li a { text-decoration:none; color:#7f7f7f;}
#content li a:hover { color:#fff;}

html>body #content img[align=right]{margin:0 0 5px 15px;border:none;padding:2px;}
html>body #content img[align=left]{margin:0 15px 5px 0;border:none;padding:2px;}



/* ============================= footer ====================== */
#footer { background:url(images/line.gif) top repeat-x;}
#footer .menu { width:100%; overflow:hidden; font-size:1.167em; color:#2b2b2b; padding:23px 0 0 40px;}
#footer .menu ul { }
#footer .menu li { float:left; font-size:1.167em; color:#2b2b2b; padding-left:12px;}
#footer .menu a { text-decoration:none; color:#bfbfbf; display:inline-block;}
#footer .menu a:hover { color:#fff; text-decoration:underline;}
#footer div.text {text-align: center; color:#464747; padding:8px 0 0 0px;}
#footer .text a { color:#464747; text-decoration: none;}
#footer .text a:hover { color:#fff;}

/* =============================              ============================= */

/* ============================= HubSpot styles =========================== */


#dnn_ContentPane h3.containertitle {
font-size:2.167em; 
color:#ffffff; 
font-weight:normal; 
background:url(images/line.gif) bottom repeat-x; 
padding:1px 0 16px 0; 
margin: 0 0 19px 0;
}

div.sidebarcontainer {
margin-bottom: 15px;
}
div.sidebarcontainer h5.containertitle {
margin: 0px 0px 10px 0px;
padding: 2px 0 0 1px;
color:#FFFFFF;
font-size: 1.5em;
font-weight:normal;
}



/* =============================   blog module  ============================= */

/* posts */
.listing .post {margin-bottom: 25px;} 

.listing .post .byline {margin-bottom: 10px;}

/* article titles */
.post h3.title {font-size: 1.25em; font-weight: bold; margin: 0px 0px 10px 0px;}
.post h3.title a {text-decoration: none;}
.post h3.title a:hover {text-decoration: underline;}

/* pad images */
html>body div.post img[align=right]{
margin:0 0 5px 15px;border:none;padding:2px;}

html>body div.post img[align=left]{
margin:0 15px 5px 0;border:none;padding:2px;}

/* =============================   blog aux modules  ============================= */
#innerpage .BlogPostList ul {
padding-left: 5px;
margin-left: 5px;
}

/* =============================   feed reader module  ============================= */
.feedreader_box td.Item, 
.feedreader_box td.AltItem {
padding-bottom: 10px;
}
.feedreader_box td.Item a, 
.feedreader_box td.AltItem a {
text-decoration: none;
color:#7F7F7F;
}
.feedreader_box td.Item a:hover, 
.feedreader_box td.AltItem a:hover {
text-decoration: underline;
color:#FFFFFF;
}

/* =============================   web voter module  ============================= */
div#topBar span.linksFeed, 
div#topBar span.addLink, 
ul#linkList li, 
ul#linkList li span.vote {background: transparent none !important; border: none !important; color: #7F7F7F !important;}
ul#linkList li span.title a {background: transparent none !important; color: #ffffff !important; }
ul#linkList li span.title a:hover {text-decoration: underline;}
ul#linkList li span.details span.url, 
ul#linkList li span.details span.url a, 
ul#linkList li span.details span.tags a, 
ul#linkList li span.details span.author a {color: #ffffff !important;}
ul#linkList li span.item, 
ul#linkList li span.details span.desc, 
ul#linkList li span.details span.tags, 
ul#linkList li span.details span.points, 
ul#linkList li span.details span.author, 
ul#linkList li span.details span.comments {color: #7F7F7F !important;}

/* web voter comment section */
div#topBar span.return {background: transparent none !important; border: none !important;}
ul#linkComments li span.author, 
ul#linkComments li span.comment, 
div.hui_form.leftAlign, 
div.hui_form.leftAlign div.element label {color: #7F7F7F !important;}
div.hui_form.leftAlign div.element {border-bottom: none !important;}




/* =============================   changes for revised inner page style  ============================= */
#innerpage #main {
background:transparent url(images/content-bg.jpg) repeat-x scroll center 110px;
}
#innerpage #header {
height: auto;
}
#innerpage #header {
background:transparent none;
}
#innerpage #dnn_ContentPane h3.containertitle, 
#innerpage div.sidebarcontainer h5.containertitle {
background:transparent none !important;
}
#innerpage h1 {
font-size:2.0em;
color: #ffffff;
}
#innerpage h2 {
font-size:1.75em;
color: #ffffff;
}
#innerpage h3 {
font-size:1.4em;
color: #ffffff;
}
#innerpage h4 {
font-size:1.25em;
color: #ffffff;
margin: auto;
padding: normal;
}
#innerpage h5 {
font-size:1.1em;
color: #ffffff;
margin: auto;
padding: normal;
}
#innerpage h6 {
font-size:1.0em;
color: #ffffff;
margin: auto;
padding: normal;
}

#innerpage #dnn_ContentPane ul {
padding-left: 5px;
margin-left: 5px;
}


/* pad images */
html>body #innerpage #dnn_ContentPane img[align=right]{
margin:0 0 5px 15px;border:none;padding:2px;}

html>body #innerpage #dnn_ContentPane img[align=left]{
margin:0 15px 5px 0;border:none;padding:2px;}







/* =============================   WYSIWYG Editor  ============================= */
#EditContainerWrapper #mce_editor_0 body.mceContentBody {color: #ffffff !important;}


pre, code {
white-space: pre-wrap; 
white-space: -moz-pre-wrap !important; 
white-space: -pre-wrap; 
white-space: -o-pre-wrap; 
word-wrap: break-word; 
}