body{
background:url(../images/body_bg.jpg) left top repeat-x;
font-family:"Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-size:11px;
color:#717651;
padding:0;
line-height:18px;
margin:0;
height: 100%;
}

/* 
########## Main Text Styles ##########
- some general styles used throughout the layout
*/

p, h1, h2, h3, h4, h5, h6, ul, ol, fieldset, form, div, dl, dt, dd {
margin  : 0;
padding : 0;
}

p{
margin: 5px 0 10px 0;
}

h3{
font-size:12px;
margin: 5px 0 10px 0;
color:#5d780d;
}

h5 {
background:url(../images/paratext_bg.jpg) left top no-repeat;
padding:30px 0 10px 30px;
margin:10px 0 10px 10px;
color:#6c7b81;
}

h6 {
font-family:"Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#DD1C7D;
padding: 5px 0 5px 0;
 }
 
 /* Override some heading DNN styles - set same as h2*/
.SubHead {
font-family:"Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#778900;
text-transform:uppercase;
 }



acronym {
border-bottom: 1px dotted;
cursor: help;
}

a:link, a:visited, a:active {
font-family:"Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
color:#00aeef;
font-size:11px;
font-weight:normal;
text-decoration:none;
padding:0 5px 0 5px;
}

a:hover{
color:#008aff;
/* border-bottom:3px double #cbd5da; */
text-decoration:none;
}

a.more {
display:block;
float:left;
width:36px;
height:12px;
background:url(../images/news_more_button.gif) left top no-repeat;
text-indent:-9999px;
margin-top:5px;
}

a.more:hover {
background:url(../images/news_more_button_over.gif) left top no-repeat;
border:none;
}


div.clearer{
clear:both;
}
/* This is likely redundant - new replaced by hr */
div.bluehr{
 /* width:197px; */
height:9px;
margin:0 auto;
background:url(../images/hr_blue.gif) center top no-repeat;
border:none;
margin-top:15px;
margin-bottom:15px;
clear:both;
}

hr {
width:197px;
height:9px;
margin:0 auto;
background:url(../images/hr_blue.gif) center top no-repeat;
border:none;
margin-top:15px;
margin-bottom:15px;
}

/*
Container
*/

#containerhold { background: url(../images/container_bg.jpg) left top no-repeat;  
  min-height:313px;
  }

/*
Left column
*/

#columnLeft{
width:210px;
float:left;
}

#columnLeft h1{
text-indent: -9999px;
margin:0;
padding:0;
width:200px;
}

#columnLeft h1 a{
display:block;
float:left;
height:170px;
width:166px;
background:url(../images/logo_bg.jpg) no-repeat left top;
margin:25px 10px 10px 7px;
padding:0;
}


#columnLeft #leftoptions ul.bannerPrinters li a{
display:block;
text-indent:-9999px;
}

#columnLeft #leftoptions ul.bannerPrinters li a.laserPrinter{
width:183px;
height:74px;
background:url(../images/printers_laser.gif) left top no-repeat;
}

#columnLeft #leftoptions ul.bannerPrinters li a.inkjetPrinter{
width:183px;
height:74px;
background:url(../images/printers_inkjet.gif) left top no-repeat;
}

#columnLeft #leftoptions ul.bannerPrinters li a:hover{
border:none;
}

html>body #columnLeft h1 a{
margin:25px 10px 10px 11px;
}

#columnLeft h1 a:hover{
border:none;
}



/* News Box */

.newsContainer{
margin-left:30px;
}
/*
Replaced this class style with generic h3
h3.antialias{
font-size:12px;
margin-bottom:10px;
color:#5d780d;
} */



.newsContainer ul{
margin-top:15px;
}

.newsContainer ul li{
background:url(../images/news_photo_shade.gif) left top no-repeat;
display:block;
height:63px;
width:55px;
float:left;
padding:2px 5px 5px 3px;
margin-right:10px;
}

.newsContainer ul li a{
border:none;
margin:0;
padding:0
}

.newsContainer ul li a:hover{
border:none;
}

.newsContainer ul li a img{
border:none;
}

.newsContainer dl dd a{
padding:0;
}

.newsContainer dl dd a:hover{
border:none;
}


/* 
##########Center column ##########
*/
#columnCenter{
width:420px;
padding:10px;
float:left;
display:block;
margin:160px 0 0 10px;
}
#columnCenter{
width:420px;
padding:10px 20px 10px 10px;
float:left;
display:block;
margin:150px 0 0 10px;

}

#columnCenter h2, #columnCenter h1{
font-family:"Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-size:14px;
font-weight:bold;
color:#778900;
text-transform:uppercase;
}

#columnCenter ul{
border-left:4px solid #dbe3e5;
padding:10px 0 10px 0;
list-style-type:none;
width:300px;
margin:10px 0 20px 0;
}

#columnCenter ul li{
background:url(../images/ul_li_bg.gif) left 4px no-repeat;
padding:0 0 0 20px;
margin-bottom:10px;
list-style:none;
}

/* Case Studies */

#columnCenter h3{
font-family:"Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#778900;
text-transform:uppercase;
margin-bottom:15px;
}

#columnCenter #casestudies dl{
float:left;
width:187px;
margin-right:14px;
}

#columnCenter #casestudies dl dt{
font-family:"Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#778900;
margin-bottom:10px;
}

#columnCenter #casestudies dl dd img{
margin-bottom:10px;
}

#columnCenter #casestudies dl dd a.details{
display:block;
float:left;
width:96px;
height:12px;
background:url(../images/case_study_bg.gif) left top no-repeat;
text-indent:-9999px;
margin-top:10px;
}

#columnCenter #casestudies dl dd a.details:hover{
border:none;
}

#columnCenter h4{
font-weight:normal;
background:#f4fcff;
color:#7c834c;
padding:5px;
border-bottom:3px double #dbeef5;
}
/* #columnCenter img{
float:right;
margin:20px 0 20px 20px;
clear:both;
border:10px solid #FFFFFF;
} */

#columnCenter img{
/* margin:20px 0 20px 20px; */
/* clear:both; */
}

#columnCenter a img{
border:10px solid #d6f4ff;
}

#columnCenter a:hover img{
border-bottom:10px solid #00b4ff;
}

#columnCenter div.paraText{
background:url(../images/paratext_bg.jpg) left top no-repeat;
width:210px;
float:right;
clear:both;
padding:30px 0 10px 30px;
margin:10px 0 10px 10px;
color:#6c7b81;
}



/*
#############Left Column    ###################
*/

#columnRight{
/* width:230px; */
width:220px;
float:left;
height:500px; 
}

#columnRight #topmenu{
text-align:right;
padding-top:10px;
z-index: -1;
}

#columnRight #topmenu a{
color:#FFFFFF;
padding:0;
margin-right:10px;
}

#columnRight #topmenu a:hover{
border-bottom:3px double #8cd7f1;
padding:0;
}

/* Options zone*/
#columnRight #rightoptions{
margin-top:170px;
}


/* ########## Wide Column ################ */

#columnWide{
width:550px;
padding:10px 50px 10px 10px;
float:left;
display:block;
margin:150px 0 0 10px;
}

/* ############# Laser/Ink Jet Printer banner ################# */

#columnRight #rightoptions ul.bannerPrinters{
list-style-type:none;
}

#columnRight #rightoptions ul.bannerPrinters li a{
display:block;
text-indent:-9999px;
}

#columnRight #rightoptions ul.bannerPrinters li a.laserPrinter{
width:183px;
height:74px;
background:url(../images/printers_laser.gif) left top no-repeat;
}

#columnRight #rightoptions ul.bannerPrinters li a.inkjetPrinter{
width:183px;
height:74px;
background:url(../images/printers_inkjet.gif) left top no-repeat;
}

#columnRight #rightoptions ul.bannerPrinters li a:hover{
border:none;
}

/*
Footer
*/

#footer{
background:url(../images/footer_bg.jpg) left top no-repeat;
width:500px;
padding:50px 0 20px 270px;
margin-left:60px;
height: 137px;
}



/* container styles */

 .clearContainer {
margin: 0 0 0 15px;
}



/* ############# STYLES FOR FORMS ############ */
/* in these next 3 had to change form#views to div#views */
.memberForm {
background:url(../images/input_and_button.jpg) left top no-repeat;
width:210px;
height:32px;
display:block;
}

.memberForm .SubHead {
}

.memberForm input {
border:none;
background:none;
padding:5px;
float:left;
width:160px;
display:block;
font-family:"Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-size:11px;
color:#5d780d;
}

#columnRight #rightoptions #memberlocator div#views input#go{
border:none;
background:none;
text-indent:-9999px;
display:block;
float:left;
width:35px;
height:30px;
cursor:pointer;
font-size:0;
color:#d81c7d;
}

/* ####### LOGIN MODULE ########*/

.loginModule
{
width: 206px;
/* height: 90px; */
display: block;

}

.loginModule .SubHead
{
font-size: 10px;
font-weight: normal;
}





.loginModule input.NormalTextBox {
border:none;
background:none; 
height:24px;
width:160px;
font-family:"Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-size:11px;
color:#5d780d;
padding-left:10px;
/* margin-right:-10px; */
}

.loginModule .mainButtons {
/* float:left; */
clear:both;
}

.loginModule input.StandardButton {
border:none;
background:none;
text-indent:-9999px;
display:block;
width:42px;
height:26px;
cursor:pointer;
font-size:0;
color:#d81c7d;
background-image: url(../images/login_bg_button.gif);
background-repeat: no-repeat;
background-position: left 0px;
margin:5px 0px 0px 125px;

} 



.loginModule a.CommandButton, .loginModule .checkBox label
{
font-family:"Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
color: #5d780d;
font-size: 10px;
text-decoration: none;
}

.loginModule a.CommandButton {
margin: 0 0 0 15px;
}

.passwordDiv, .usernameDiv {
padding-top:3px;
height:23px;
width:170px;
background-image: url(../images/login_bg_new.gif);
background-repeat: no-repeat;
background-position: left 0px;
}



/* ###################################*/
/* ########## left menu ############## */
/* ###################################*/
#columnLeft ul {
margin:0;
padding:0;
}

/*#columnLeft ul li{
list-style-type:none;
}*/

/*#columnLeft ul li a{
display:block;
color:#d81c7d;
padding:5px 5px 5px 30px;
font-weight:bold;
margin:0;
}*/

/*#columnLeft ul li a:hover{
border:none;
/*background:url(../images/left_menu_bg_line.gif) left bottom no-repeat;*/
/*}

/* override borders */
/*
#columnCenter a img{
border:0;
}

#columnCenter a:hover img{
border-bottom:0;
}
*/

/* test comment 2 */