/* Start of CMSMS style sheet 'Main Stylesheet' */
/* CSS Document */

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

body{background:#f8f3ed; text-align:center; }

img {vertical-align:top;}
a img { border:0;}

/*ul { list-style:none;}*/

.center {
text-align:center;
}

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

.left_image {
float:left;
margin:6px;
}

.right_image {
float:right;
margin:6px;
}

.mayors_photo {
border: 1px solid #000;
}

h3 {
padding:20px 0px;
}

html{ font-family:"Times New Roman", Times, serif; font-size:0.9375em; line-height:1.2em; color:#492b11;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#4e5a00;}
a:hover{text-decoration:none;}
.black{ color:#492b11;}
p {padding-top:18px;}
strong{ color:#bb7101; font-weight:normal; font-size:1.133em; line-height:1.294em; display:block; margin-bottom:9px;}
h6{ color:#bb7101; font-size:0.933em;}
.extra{ margin:0;}

.councilman_image {
margin: 9px;
float:left;
border: 1px solid #000;
}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.padding1{ padding-top:31px;}
.padding2{ padding-top:15px;}
.padding3{ padding-top:10px;}
.margin1{ margin-left:9px;}

/* ============================= header ====================== */

#header{ padding:0 38px; position:relative;}
#header .menu{ width:100%;} 
#header .menu li{ background:url(uploads/images/menu-bg.gif) top repeat-x; float:left; line-height:1em;  list-style:none;}
#header .menu a{ display:block; background:url(uploads/images/menu-border.gif) top right no-repeat;  font-size:1.067em; font-weight:bold; color:#eeeecb; text-decoration:none;}
#header .menu a:hover{ text-decoration:none;
	color:#492B11;}
#header .menu a span{ display:block; padding:15px 29px 21px 31px;}
#header .menu .first span{ background:url(uploads/images/menu-left-bg.gif) left no-repeat; padding-left:51px;}
#header .menu .last a{ background:none;}
#header .menu .last span{ display:block; background:url(uploads/images/menu-right-bg.gif) right no-repeat; padding-right:47px;}

#header .menu2{ float:right; padding:43px 36px 0 0;}
#header .menu2 li{ float:left; line-height:2em; padding-right:7px;  list-style:none;}
#header .menu2 .m1{ background:url(uploads/images/m1-bg.gif) no-repeat 1px 5px; padding-left:30px;}
#header .menu2 .m2{ background:url(uploads/images/m2-bg.gif) no-repeat 1px 5px; padding-left:30px;}
#header .menu2 .m3{ background:url(uploads/images/m3-bg.gif) no-repeat 1px 5px; padding-left:30px;}
#header .menu2 a{  color:#492b11; text-decoration:none; font-size:0.8em;}
#header .menu2 a:hover{ text-decoration:underline;}

#header .logo{ padding:36px 0 0 30px;}
.banners{ position:absolute; bottom:0; margin-left:3px; margin-bottom:250px;}
.banners_home{ position:absolute; bottom:0; margin-left:3px;}
#logo h1 {
	font: 2.7em Georgia, "Times New Roman", Times, serif;
	padding-top:30px;

}

.header_h2 {
	width: 545px;
	height: 75px;
	position: relative;
        padding-bottom:15px;

}
	
.header_h2 span {
	background: url(http://cityofdonaldsonville.net/uploads/images/welcome_title.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}



/* ============================= content ====================== */
#content{ padding:52px 38px 22px 41px; font-family:Arial, Helvetica, sans-serif;}
#content_page{ margin:-200px 38px 22px 41px; font-family:Arial, Helvetica, sans-serif;}
.title{ border-bottom:solid 1px #4c2d11; margin-bottom:32px;}
.indent{ margin:9px 20px 15px 26px;}

h2{
font:1.8em Geneva, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #492B11;
}

.indent2{ margin:9px 20px 37px 26px;}
.right-link{ text-align:right;}
.link1, .link2{ background:url(uploads/images/link-bg.gif) no-repeat 0 8px; float:right; padding-left:8px; font-size:0.933em; margin:9px 20px 0 0;}
.link2{ float:left;}
.link3{ padding:1px 0 0 18px;}
.link3 a{ color:#bb7101;}

.box1{ background:url(uploads/images/box1-corner-left-top.gif) top left no-repeat #f5e9c1; margin-top:35px;}
.box1 .right-top{ background:url(uploads/images/box1-corner-right-top.gif) top right no-repeat;}
.box1 .left-bot{ background:url(uploads/images/box1-corner-left-bot.gif) bottom left no-repeat;}
.box1 .right-bot{ background:url(uploads/images/box1-corner-right-bot.gif) bottom right no-repeat; width:100%;}
.box1-indent{ padding:16px 36px 33px 27px;}
.box1 .title{ border-bottom:solid 1px #beb28a; margin-bottom:29px;}

.box2{ background:url(uploads/images/box2-border.gif) top repeat-x #fdfcfa; position:relative;}
.box2 .left-border{ background:url(uploads/images/box2-border.gif) left repeat-y;}
.box2 .right-border{ background:url(uploads/images/box2-border.gif) right repeat-y;}
.box2 .bot-border{ background:url(uploads/images/box2-border.gif) bottom repeat-x;}
.box2 .left-top{ background:url(uploads/images/box2-corner-left-top.gif) top left no-repeat;}
.box2 .right-top{ background:url(uploads/images/box2-corner-right-top.gif) top right no-repeat;}
.box2 .left-bot{ background:url(uploads/images/box2-corner-left-bot.gif) bottom left no-repeat;}
.box2 .right-bot{ background:url(uploads/images/box2-corner-right-bot.gif) bottom right no-repeat;}
.box2-indent{ padding:28px 24px 28px 24px; position:relative;}
.box2-indent2{ padding-left:10px; position:relative;}
.box2 .title{ border-bottom:solid 1px #beb28a; padding-bottom:17px; margin-bottom:29px;}

.list li{ background:url(uploads/images/list-bg.gif) no-repeat 0 4px; padding-left:18px; line-height:1.4em;}
.list li a{ color:#492b11; text-decoration:none;}
.list li a:hover{ text-decoration:underline;}

.date{ font-size:0.933em; font-weight:bold; color:#bb7101;}

/* ============================= page1 ====================== */
#page1 .column-2{ margin-left:26px;}

#page1 .box1 .col-1{ padding-left:10px;}
#page1 .box1 .col-2{ margin-left:50px;}
#page1 .box1 .col-3{ margin-left:45px;}

/* ============================= page2 ====================== */
#page2 .column-2{ margin-left:26px;}

#page2 .col-2{ margin-left:45px;}
#page2 .col-3{ margin-left:50px;}

/* ============================= page3 ====================== */
#page3 .column-2{ margin-left:26px;}

/* ============================= page4 ====================== */
#page4 .column-2{ margin-left:26px;}

/* ============================= page5 ====================== */
#page5 .column-2{ margin-left:26px;}
#page5 .col-2{ margin-left:85px;}

/* ============================= page6 ====================== */
#page6 .column-2{ margin-left:26px;}
#page6 .col-2{ margin-left:40px;}



/* ============================= page7 ====================== */
#page7 .column-2{ margin-left:26px;}
#page7 .col-2{ margin-left:10px;}

.phone{ float:right; padding-right:58px;}

/* ============================= footer ====================== */
#footer{ border-top:solid 5px #603a18; margin:0 39px 0 41px; font: Arial, Helvetica, sans-serif 0.933em; color:#603a18; padding-top:35px; text-align:center;}


/* ============================= forms ============================= */
#OrderForm input{ border:solid 1px #504931; position:absolute; height:18px; width:175px;}
#OrderForm label{ display:block; height:25px; position:relative;}
#OrderForm span{ width:53px; display:inline-block;}

#ContactForm{ padding-top:3px;}
#ContactForm input{ border:solid 1px #492b11; position:absolute; width:233px; background:#f6eac4; padding:0 0 1px 3px; font-family:"Times New Roman", Times, serif; color:#492b11;}
#ContactForm textarea{ border:solid 1px #492b11; position:absolute; width:258px; background:#f6eac4; padding:1px 0 1px 3px; overflow:hidden; height:68px; font-family:"Times New Roman", Times, serif; color:#492b11;}
#ContactForm label{ display:block; height:26px; position:relative;}
#ContactForm span{ width:53px; display:inline-block;}
#ContactForm .padd1{ margin-right:0;}




#main { width:980px; margin:0 auto; text-align:left;}

#header {height:552px;}

#footer { height:76px;}

.column-1, .column-2, .col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}

/* ============================= page1 ===========================*/
#page1 .column-1{ width:577px;}
#page1 .column-2{ width:297px;}

#page1 .box1 .col-1{ width:140px;}
#page1 .box1 .col-2{ width:140px;}
#page1 .box1 .col-3{ width:129px;}

/* ============================= page2 ===========================*/
#page2 .column-1{ width:297px;}
#page2 .column-2{ width:577px;}

#page2 .col-1{ width:140px;}
#page2 .col-2{ width:140px;}
#page2 .col-3{ width:125px;}

/* ============================= page3 ===========================*/
#page3 .column-1{ width:297px;}
#page3 .column-2{ width:577px;}

/* ============================= page4 ===========================*/
#page4 .column-1{ width:577px;}
#page4 .column-2{ width:297px;}

/* ============================= page5 ===========================*/
#page5 .column-1{ width:297px;}
#page5 .column-2{ width:577px;}

/* ============================= page6 ===========================*/
#page6 .column-1{ width:577px;}
#page6 .column-2{ width:297px;}

#page6 .col-1{ width:240px;}
#page6 .col-2{ width:240px;}

/* ============================= page7 ===========================*/
#page7 .column-1{ width:577px;}
#page7 .column-2{ width:297px;}

#page7 .col-1{ width:240px;}
#page7 .col-2{ width:260px;}







.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(uploads/images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(uploads/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}



#header_home{ padding:0 38px; position:relative;}
#header_home .main{ height:552px; background:url(uploads/images/header-bg.jpg) no-repeat 0 158px;}
#header_home .menu{ width:100%;} 
#header_home .menu li{ background:url(uploads/images/menu-bg.gif) top repeat-x; float:left; line-height:1em;  list-style:none;}
#header_home .menu a{ display:block; background:url(uploads/images/menu-border.gif) top right no-repeat;  font-size:1.067em; font-weight:bold; color:#eeeecb; text-decoration:none;}
#header_home .menu a:hover{ text-decoration:none;
	color:#492B11;}
#header_home .menu a span{ display:block; padding:15px 29px 21px 31px;}
#header_home .menu .first span{ background:url(uploads/images/menu-left-bg.gif) left no-repeat; padding-left:51px;}
#header_home .menu .last a{ background:none;}
#header_home .menu .last span{ display:block; background:url(uploads/images/menu-right-bg.gif) right no-repeat; padding-right:47px;}

#header_home .menu2{ float:right; padding:43px 36px 0 0;}
#header_home .menu2 li{ float:left; line-height:2em; padding-right:7px;  list-style:none;}
#header_home .menu2 .m1{ background:url(uploads/images/m1-bg.gif) no-repeat 1px 5px; padding-left:30px;}
#header_home .menu2 .m2{ background:url(uploads/images/m2-bg.gif) no-repeat 1px 5px; padding-left:30px;}
#header_home .menu2 .m3{ background:url(uploads/images/m3-bg.gif) no-repeat 1px 5px; padding-left:30px;}
#header_home .menu2 a{  color:#492b11; text-decoration:none; font-size:0.8em;}
#header_home .menu2 a:hover{ text-decoration:underline;}

#header_home .logo{ padding:36px 0 0 30px;}
#header_home .main{ height:552px; background:url(uploads/images/header-bg.jpg) no-repeat 0 158px;}



/* End of 'Main Stylesheet' */