/*****************************************************************
LAYOUT stylesheet

website: National Pain Foundation
author: brandt reed
e-mail: brandt@treblered.com
created: 2009-01-06

COLOR PALLETE
light tan (left channel bg) - #fefce9
*****************************************************************/

/***************************************************************
Core Layout
****************************************************************/
#maincontainer{
width: 974px; /*Width of main container, a little wider to include shadow*/
margin: 0 auto; /*Center container on page*/
background: url("../../graphics/bg-shadow.gif") top left repeat-y;
padding: 0 7px;
}

#topsection{
position: relative;
height: 120px; /*Height of top section*/
}

#nav-main {
position: relative;
line-height: 38px;
height:38px;
width:960px;
background: url("../../graphics/bg-nav-main.gif") top left repeat-x;
padding: 0;
}


#breadcrumbs {
margin: 0 0 10px 0;
padding: 0;
height:36px;
border-bottom: 1px solid #333;
}


#category-title {
position: relative;
margin: 0 auto;
width: 900px; /*subtract 30 from logo left padding*/
height:44px;
line-height: 44px;
border-bottom: 1px solid #ccc;
}

/*search*/
#search {
position:absolute;
height:28px;
width:200px;
top:8px;
left:788px;
}
.txt-search {position:absolute; top:4px; left:6px;border: 1px solid #666; line-height: 19px; height:17px; background-color: #efefef;}
.btn-search {position: absolute;top:4px; left:120px;}



#contentwrapper{
float: left;
display: inline;
width: 930px;
margin: 0 15px;

}

#section-home #contentcolumn {margin-left:0; border: none;}

#contentcolumn{
margin-left: 239px; /*Set right margin to RightColumnWidth*/
border-left: 1px solid #ccc;
padding: 0 0 10px 0;
}

#leftcolumn{
background-color: #fefce9;
float: left;
display: inline;
width: 239px; /*Width of right column*/
margin-right: -239px; /*Set left margin to -(RightColumnWidth) */
padding: 0 0 10px 0;

}

#footer{
margin: 0 auto;
clear: left;
width: 930px;
text-align: center;
padding: 0 0 20px 0;
border-top: 1px solid #ccc;

}

#footer ul {list-style-type: none;margin-top:10px;}
#footer ul li {display:inline;padding: 6px 20px;}
#footer a {text-decoration: underline; }
#footer p {font-size: 90%;color: #666;}


.innertube {padding:15px;}
#section-home .innertube {padding:20px 0 0 0;}



/*Inner 2-Col Layout*/

#inner-left {width: 435px; float: left; display: inline;margin:0;padding:0;}
#inner-right {width: 210px; float: right;display: inline;margin:0;padding:0;}


/*Layout Modules*/



/*Top region with no bg, big photo, text, and read more link*/
.mod-type1 {width:100%; min-height: 230px;margin: 0 0 10px 0;border-bottom: 1px dotted #666;background: url("../../graphics/watermark-flame.gif") top right no-repeat; }
.mod-type1 a  {padding:0 0 0 20px; background: url("../../graphics/carrots.gif") center left no-repeat; color: #993333; font-weight: bold;}
.mod-type1 ul {list-style-position: inside; list-style-type: circle;}
.mod-type1 ul li a {color:#993333;font-weight: bold; background: none; padding:0;}
.mod-type1 img {float:left;padding:4px; margin:0 12px 0 0;border:1px solid #e0e0e0;}
.mod-type1 .text {width:430px;float:right;}
.mod-type1 .clear {clear: right;}

/*Small (1/3) bubble with thumbnail, text, and link*/
.mod-type2 {width:210px;float: left;display: inline;margin: 4px;}
.mod-type2 img {float:left;padding:4px; margin:0 12px 0 0;border:1px solid #e0e0e0;}
.mod-type2 a  {padding:0 0 0 20px; background: url("../../graphics/carrots.gif") center left no-repeat; color: #993333; font-weight: bold;}

/*Medium (1/2) bubble with thumbnail, text, and link*/
.mod-type3 {float:left; display:inline; width: 322px;margin: 4px;}
.mod-type3 .tbox {width: 322px;}
.mod-type3 img {float:left;padding:4px; margin:0 0 0 14px;border:1px solid #e0e0e0;}
.mod-type3 .text {width:220px;float:right;}
.mod-type3 a {padding:0 0 0 20px; background: url("../../graphics/carrots.gif") center left no-repeat; color: #993333; font-weight: bold;}

/*Large (2/3) bubble with thumbnail, text, and link*/
.mod-type4 {width: 435px;margin: 4px;}
.mod-type4 .tbox {width: 435px;}
.mod-type4 img {float:left;padding:4px; margin:0 0 0 12px;border:1px solid #e0e0e0;}
.mod-type4 a {padding:0 0 0 20px; background: url("../../graphics/carrots.gif") center left no-repeat; color: #993333; font-weight: bold;}
.mod-type4 .text {width:332px;float:right;}

/* 2/3 FORMS bubble*/
.mod-type5 {width: 650px;margin: 4px;}
.mod-type5 .tbox {width: 650px;}
.mod-type5 a {padding:0 0 0 20px; background: url("../../graphics/carrots.gif") center left no-repeat; color: #993333; font-weight: bold;}
.mod-type5 p {margin:0 8px;}
.mod-type5 h2 {margin: 0 0 0 8px;}

/*Includes small logo,title, text, and button*/
.mod-type6 {float:left; display: inline; width: 205px;  margin: 0 4px 14px 4px;}
.mod-type6 a {color:#993333;}

/*Icon Quick Links*/
.mod-type7 {width:205px;float: left;display: inline;padding: 0 0 8px 0; margin: 0 4px 4px 4px;}
.mod-type7 img {float:left;padding-right:6px;}
.mod-type7 p {margin:0 0 0 54px;padding:0;}
.mod-type7 a {color:#993333;}

/* 100%FORMS bubble*/
.mod-type8 {width: 100%;margin: 4px;}
.mod-type8 .tbox {width: 100%;}
.mod-type8 a {color: #993333; font-weight: bold;}
.mod-type8 p {margin:0 8px;}
.mod-type8 h2 {margin: 0 0 0 8px;}


/* Small icon and text */
.mod-type9 {width:100%; min-height: 130px;margin: 0 0 10px 0;border-bottom: 1px dotted #666;background: url("../../graphics/watermark-flame.gif") top right no-repeat; }
.mod-type9 a  {color: #993333; font-weight: bold;}
.mod-type9 ul {list-style-position: inside; list-style-type: circle;}
.mod-type9 ul li a {color:#993333;font-weight: bold; background: none; padding:0;}
.mod-type9 img {float:left;padding:4px; margin:0 12px 0 0;}
.mod-type9 .text {width:580px;float:right;}
.mod-type9 .clear {clear: right;}

.mod-type-slideshow {float:left; width: 614px;margin: 0px;}
.mod-type-slideshow .tbox {width: 614px; }
.mod-type-slideshow img {float:left;padding:4px; margin:14px 12px 0 14px;border:1px solid #e0e0e0; }
.mod-type-slideshow a {padding:0 0 0 20px; background: url("../../graphics/carrots.gif") center left no-repeat; color: #993333; font-weight: bold; text-decoration: underline;}
.mod-type-slideshow h2 {color: #993333;font-weight: bold; }
.mod-type-slideshow .text {width:330px;float:right;}

/*Homepage three boxes*/
.mod-type-three {width: 303px;margin: 0px;text-align:left;}
.mod-type-three .tbox {width: 303px; }
.mod-type-three a {padding:0 0 0 20px; background: url("../../graphics/carrots.gif") center left no-repeat; color: #993333; font-weight: bold; text-decoration: underline;}
.mod-type-three img {float:left;padding:4px; margin:14px 12px 0 14px;border:1px solid #e0e0e0;background:none;}
.mod-type-three h2 {color: #993333;font-weight: bold; }
.mod-type-three .text {width:260px;float:right;}


/*Homepage login*/
.mod-type-login { float:right;display: inline; width: 299px;  margin: 0 4px 14px 4px;background: url("../../graphics/watermark-flame.gif") center right no-repeat; }

/*Homepage vids*/
.mod-type-vids {float:right;display:inline;width:324px;margin: 0 4px 14px 4px;}


/*NEWS*/
.mod-news-title {width: 320px;}
.mod-news-title span a {float: right; padding-top: 8px; color: #993333; font-size: 90%;}
.news-lines {width: 320px; height: 20px; background: url("../../graphics/bg-news-lines.gif") top left no-repeat;}

.mod-news {padding: 10px 0;border-bottom: 1px dotted #999; }
.mod-news h2 a {color: #993333; text-decoration: underline; font-weight: bold;background: none;padding: 0; }
.mod-news img {float:left;padding:4px; margin:0 0 0 12px;border:1px solid #e0e0e0;}
.mod-news a {padding:0 0 0 20px; background: url("../../graphics/carrots.gif") center left no-repeat; color: #993333; font-weight: bold;}
.mod-news .text {width:210px;float:right; }
#section-news #inner-left {width:320px;}
#section-news #inner-right {width:320px;}

#section-news .nav-left-type2 {border-bottom:none; border-top: 1px dotted #999;}
#section-news .nav-left-type2 a {padding:  0 0 0 17px; background: url("../../graphics/icon-doc.gif") center left no-repeat;}
#section-news .nav-left-type2 li a{margin: 0 0 0 15px;}
#section-news .nav-left-type2 h2 {padding: 0 0 10px 15px;}

.mod-type-blog {float:left; width: 589px;margin: 0px;}
.mod-type-blog .tbox {width: 589px; }
.mod-type-blog img {float:left;padding:4px; margin:14px 12px 0 14px;border:1px solid #e0e0e0; }
.mod-type-blog a {padding:0 0 0 20px; background: url("../../graphics/carrots.gif") center left no-repeat; color: #993333; font-weight: bold; text-decoration: underline;}
.mod-type-blog h2 {color: #993333;font-weight: bold; }
.mod-type-blog .text {width:330px;float:right;}

.mod-type-videos {width: 435px;margin: 4px;}
.mod-type-videos .tbox {width: 435px;}
.mod-type-videos .text {width:332px;float:right;}
a.plain{padding:0;background:none;}
.noborder img {border:none;}