/*  CSS  Document  */

body  {  
  margin:0px;
  font:normal  12px/20px  "Lucida  Sans  Unicode",  Arial,  Helvetica,  sans-serif;
  background:#fff;
  }

*  html  {
  margin:0;padding:0;
  }


.img_border  {
  padding:1px;  
  background:#FFFFFF;
  border:5px  solid  #CFCFCF;
  margin-bottom:10px;  
  
  }

.img_border:hover  {
  border:5px  solid  #aaa;
  }  
  
a  {
  text-decoration:none;
  color:#0091D4;
  outline:none;  
  }
  
a:hover  {
  color:#0091D4;
  text-decoration:underline;
  }


.alignleft  {
  float:left;
  margin:10px  20px  10px  0;
  }
  
.alignright  {
  float:right;
  margin:0px  5px  15px  15px;  
  }
  
.aligncenter  {
  clear:both;
  display:block;
  margin:10px  auto;
  padding:10px  0;
  }  
  
.floatleft  {  float:left;  }  
.floatright  {  float:right;}  

.clear  {  clear:both;  }

p  {
  margin:  5px  0  15px  0;
  color:#5c5c5c;
  font-size:12px;
  }


.img  {
  border:2px  solid  #eee;
  margin:10px  30px  10px  0;
  padding:5px;
  
  }
  
  .border  {
  background:#f5f5f5;
  border:1px  solid  #b7b7b7;
  padding:3px;
  }




/*  Headings
------------------------------------------------------*/



h1  {
  font:  normal  28px/28px  "PTSansBold",  "Trebuchet  MS",  Arial,  Helvetica,  sans-serif;
  margin:0;
  color:#000;
  }

h2  {
  font:  normal  22px  "PTSansBold",  "Trebuchet  MS",  Arial,  Helvetica,  sans-serif;
  color:#000;
  margin:0  0  10px  0;  
  }

h3  {  
  font:  normal  18px  "PTSansBold",  "Trebuchet  MS",  Arial,  Helvetica,  sans-serif;
  color:#000;
  margin:0  0  10px  0;
  clear: both;
  padding-top: 1em;
  }

h4  {  
  font:  normal  14px  "PTSansBold",  "Trebuchet  MS",  Arial,  Helvetica,  sans-serif;
  color:#000;  
  margin:0;
  }

h5  {  
  font:  bold  12px  "Trebuchet  MS",  "Trebuchet  MS",  Arial,  Helvetica,  sans-serif;
  color:#000;  
  margin:0;
  }

h6  {  
  font:  italic  normal  12px  "Trebuchet  MS",  "Trebuchet  MS",  Arial,  Helvetica,  sans-serif;
  color:#000;  
  margin:0;
  }


/*  Page  Structure
------------------------------------------------------*/  
#Wrapper  {
  width:100%;
  }  
  


/*  header
------------------------------------------------------*/  
#header  {
  
  background-color:#00111d;
  height:70px;
  }
  
  
  .logo  a  {
  background:url(../images/doft-logo.jpg)  no-repeat;
  margin:20px  0px  0  0px;
  text-indent:-9999px;
  display:block;
  border:0;
  width:400px;
  height:51px;
  }
  

  
/*  topmenu
------------------------------------------------------*/
#menu  {
  margin-top:21px;
  float:right;
  }


/*  index  sliderpart
--------------------------------------------------------------------------------------------------*/

#sliderbg  {
  background:#0066af  url(../images/bg.jpg)  top  center  no-repeat;
  width:100%;
  height:310px;

  }  
  .slider_text  {
  margin:0;
  padding:0;  
  }

  .slider_text  h1  {
  margin:60px  0  0  10px;
  }
  
  .slider_text  p  {
  margin:20px  0  0px  10px;
  }
  
  .button  {
  margin:20px  0  20px  10px;
  }
  

/*  slider
------------------------------------------------------*/  

/*  Sub  Header
------------------------------------------------------*/
#subheader  {
  
  margin:0px;
  padding:  0px;
  background:url(../images/subheaderbg.jpg)  repeat-x;
  height:100px;
  
  }

  #subheader  h2  {
  color:#fff;
  margin:30px  0;
  }

  #subheader  p  {
  float:right;
  color:#fff;
  font-size:10px;
  margin:40px  0;
  text-transform:uppercase;
  }

  #subheader  img  {
  float:right;
  border: 1px solid #ffffff;
  margin: 4px 0;
  }

  
/*  Mid  Content
------------------------------------------------------*/  
.midcontent  {

  padding:0px;
  margin:0px;
  }


  .content  {
  
  
  padding:30px  10px  30px  0px;
  }
  
  .line  {
  border-right:1px  solid  #ddd;
  }



/*  sidebarbox(index)
--------------------------------------------------------*/
  
.sidebarbox  h3  {  
  color:#4D4C4C;
  text-align:center;
  padding-bottom:  10px;
  margin:0;
  text-decoration:none;
  }

  .sidebarbox  {
  background:#FFFFFF  url(../images/h3-bg.gif)  repeat-x;
  }


  .sidebarbox  {
  border:1px  solid  #cbcbcb;
  padding:5px  15px  15px  15px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
  }

  .tour  {
  padding:0px  0  0  10px;


  }


/*  Sidebar
--------------------------------------------------------*/



  .imgborder  {
  padding:3px;
  border:1px  solid  #dadada;
  }

  .img  {
  background:#dee0e1;
  padding:5px;
  float:left;
  margin-right:15px;
  }
  
  .l1  {list-style:circle;
  
  }  
  
  
ul.newslist  {
  margin:0;
  padding:0;
  list-style:none;
  }
  
  ul.newslist  li  {
  padding:10px  0;  
  font-size:11px;
  line-height:normal;
  border-top:1px  solid  #ddd;
  }

  ul.newslist  li  h5  {
  font-weight:bold;
  margin-bottom:5px;
  }

  ul.newslist  li  span  {
  font-size:10px;
  font:normal  10px  Tahoma,  "Trebuchet  MS",  sans-serif;
  color:#5c5c5c;
  padding:2px  0;
  display:inline;
  text-align:left;
  padding-bottom: 8px;
  }
  
  ul.newslist  li  p  {
  color:#5c5c5c;
  padding:2px  0;
  display:block;
  text-align:left;
  margin: 0 0 5px;
  }
  
/*  Read  More
------------------------------------------------------*/

a.read  {

  float:left;
  background:url(../images/arrow.jpg)  0px  50%  no-repeat;
  text-decoration:none;
  padding:0px  0  0px  15px;
  margin-left:5px;
  margin-bottom:10px;
  
  }


a.read:hover  {
  color:#0091D4;  
  }
  
  
  
/*  recentposts
------------------------------------------------------*/
ul.recentposts  {

  margin:0px  0px  10px  0;
  padding:0;
  list-style:none;
  border-bottom:1px  solid  #dddddd;  
  }



  ul.recentposts  li  {
  padding:6px  0px;
  color:#666666;
  border-bottom:1px  solid  #dddddd;
  }



  ul.recentposts  li  p  {
  margin:0  0  10px  0;  
  padding:0;
  }



  ul.recentposts  li  a:link,  ul.recentposts  li  a:visited,  ul.recentposts  li  a:active  {
  padding:0px  0px;
  text-decoration:none;
  }



  ul.recentposts  li  a:hover  {
  color:#006FB7;
  padding:0px  0px;
  text-decoration:none;
  }



  ul.recentposts  li  h6  {
  font-weight:bold;
  }


  
/*###########################################################
  Sub  Menu
############################################################*/

ul.subnav  {
  margin:0px  0  30px  0;
  padding:0;
  }

  .subnav  ul  li  {
  margin-left:0px;
  list-style-type:none;
  }

  .subnav  li  a  {
  height:100%;
  border-bottom:1px  solid  #ccc;
  padding:3px  0;
  margin:0px  0;
  text-decoration:none;
  }

  .subnav  li  li  a  {
  margin:0;
  text-decoration:none;
  }

  .subnav  li  a:link,  
  .subnav  li  a:visited  {
  color:#5f5f5f;
  display:block;
  text-decoration:none;
  }

  .subnav  li  li  a:link,  
  .subnav  li  li  a:visited  {
  color:#6b6b6b;
  display:block;
  text-decoration:none;
  }


  .subnav  li.current  a  {
  color:#006FB7;
  font-weight:bold;
  text-decoration:none;
  }

  .subnav  li  a:hover  {
  color:#006FB7;
  text-decoration:none;
  }


/*###########################################################
  List  Item
############################################################*/


ul.listitems
{
margin:0  0  20px  20px;
padding:0;
}

ul.listitems  li
{
margin:0;
padding:  3px  10px;
list-style:circle;
}


ul.listitems  li  strong{
color:#000;
}

/*  services
------------------------------------------------------*/
.servicebox  {
	clear:both;
  	margin:5px  0;
	text-align:left;
  }

.serviceimgbox  {
  width:  300px;
  float:  left;
  margin:  10px  20px  20px  0px;
}


p.subheading  {
  font-size:  12px;
  color:  #6d6d6d;
  margin-bottom:  15px;
  }




  
/*  portfolio
------------------------------------------------------*/

.pic  a{  float:left;  padding:0;  margin:5px  0  0  0  !important;  display:block;  no-repeat;  }
.pic  a  img{  float:left;  padding:0;  margin:0;  height:150px;}




/*  Blog  post  
------------------------------------------------------*/
.post  {
  margin:0px  0  20px  0;
  padding:0  0  20px  0;  
  border-bottom:1px  solid  #CFCFCF;
  overflow:hidden;
  height:100%;
  
  }

  .post  .excerpt  {
  width:685px;
  float:left;
  
  }
  
  .excerpt  p{
  margin:10px  0;
  }  

  .post-info  {
  padding:0px  0;
  font-size:11px;
  }
  
  .post-img  img  {
  background-color:#EFEFEF;
  border:1px  solid  #CFCFCF;
  padding:5px  ;
  
  }
  
  .post  h2  {
  font-weight:bold;
  margin-bottom:0;
  padding:0;
  }
  
  
  span.postcomment  a{
  float:right;
  margin:0px  5px  15px  15px;  
  }
  
  
#bigimg  {
  position:  absolute;  
  background-color:#fabc77;  
  border:3px  solid  #e68e46;
  }
  
.sidebar  {
  margin:0px  0;
  }

  
  
  /*  C  O  M  M  E  N  T  S  (Blog  comments)
------------------------------------------------------*/
#commentblock  {
  background-color:#fcedd5;
  border:1px  solid  #debb83;
  padding:10px;
  margin:10px  0;
  }
  
  #comments  {
  }
  
  #comments  h1  {
  padding:20px;  
  }
  
  .post_comment  {
  margin:20px  0;  
  }

ol.commentlist  {
  margin:  0;
  padding  :  0;
  }  
  
  ol.commentlist  li  {
  margin:  0px;
  padding:5px  10px  0px  10px;
  padding-left:100px;
  list-style:none
  }

.comment_wrap  {
  position:relative;  
  overflow:visible;
  height:100%;
  background-color:#feecce;
  border:1px  solid  #debb83;
  }

  .comment-author  {
  position:  absolute;
  left:  -90px;
  width:  90px;
  color:  #484848;
  font-size:  10px;
  line-height:  12px;
  }

  .single_comment  {
  padding:5px;
  padding-bottom:10px;
  margin-bottom:10px;
  }

.alt  {
  margin:  0;
  padding:0px;
  }

.comment-author  a  {
  text-decoration:none;
  }

.avatar  {
  padding:3px;
  border:1px  solid  #ddd;
  background:  #fff;  
  }

  .commentlist  ul.children  {
  margin:5px  0  0px  0;
  padding:0px;
  }

  ol.commentlist  li  ul.children  li  {
  margin:  0px;
  padding:0px;
  padding-left:25px;
  }
  
  .children  .comment-author  {
  position:  absolute;
  top:15px;
  width:  110px;
  color:  #484848;
  text-align:left;
  font-size:  10px;
  line-height:  11px;
  }

  .commentlist  ul.children  {
  border-left:1px  solid  #ccc;
  }

  ul.children  .comment-author  img.avatar  {
  width:  40px;
  float:right;
  margin-left:0px;
  margin-right:10px;
  margin-top:0px;
  height:40px;
  }

  ul.children  li.depth-2  .single_comment  {
  padding-top:0px;
  padding:15px;
  margin-right:0;
  padding-bottom:1px;
  }
  
  
  ul.children  li.depth-3  .single_comment  {
  padding:15px;
  margin-right:0;
  padding-bottom:15px;
  }
  
  .single_comment  p  {
  padding:10px;
  text-align:left;
  line-height:normal;
  }

  .commentlist  code  {
  background:#e6e6e6;
  padding:3px;
  }

  .commentlist  .moderation  {  
  margin-top:  10px;
  color:  #dd0000;  
  }

  .commentlist  .children  {
  margin-top:5px;  
  }





/*###########################################################
  Footer
############################################################*/

#footer  {
  width:100%;  
  border-top:1px  solid  #bbb;
  background:#e1dfdf;
  overflow:hidden;
  padding:20px  0  15px  0;
  margin-top:0px;
  }


  #footer  h4  {
  margin:0  0  10px  0;
  }
  
/*  Footer  Lists  */


#footer  ul  {
  margin:0px  0  30px  0;
  padding:0;
  }

  #footer  ul  li  {
  margin-left:0px;
  list-style-type:none;
  }

  #footer  li  a  {
  height:100%;
  padding:3px  0;
  margin:0px  0;
  text-decoration:none;
  }

  #footer  li  li  a  {
  margin:0;
  text-decoration:none;
  }

  #footer  li  a:link,  
  #footer  li  a:visited  {
  color:#5f5f5f;
  display:block;
  text-decoration:none;
  }

  #footer  li  li  a:link,  
  #footer  li  li  a:visited  {
  color:#6b6b6b;
  display:block;
  text-decoration:none;
  }


  #footer  li.current  a  {
  color:#006FB7;
  text-decoration:none;
  }

  #footer  li  a:hover  {
  color:#006FB7;
  text-decoration:none;
  }
  
  
  .copyright  {
  background:#000;
  overflow:hidden;
  height:100%;
  padding:5px  0;
  }
  

/*  Error  /  Success  /  Notice  
-----------------------------------------------------------------------------------*/

.notes  {background:  #f0f0f0;border:  1px  solid  #b8b8b8;}
.success  {background:  #ccfcd1;border:  1px  solid  #60a400;}
.error  {background:  #f9e3e3;  border:  1px  solid  #e79e9e;}
.notice  {background:  #fcf0cc;border:  1px  solid  #ecc735;}
  .notes,  .notice,  .success,  .error  
  {font-size:  100%;color:#484848;padding:10px;width:auto;margin:  0  0  20px  0px;  text-align:left}
  .notes  span,  .notice  span,  .success  span,  .error  span  
  {font-weight:  bold;font-size:  1.2em;padding:  2px  40px;}
  .notes  p,  .success  p,  .error  p,  .notice  p  
  {margin:  0px;padding:  0px  40px;}

ul.error,
ul.error li {list-style: none;}

/*  Contact  Form
--------------------------------------------------------------------------------------------*/
#form  {
  padding:  15px  0;
  }


  #form  label  {
  font-size:  1.2em;
  width:  140px;
  display:  inline-block;
  margin-right:  0px;
  margin-bottom:  15px;
  }
  

  #form  .input  {
  background:#fbfbfb;  
  border:  1px  solid  #e5e5e5;
  padding:  5px  7px;
  margin-bottom:  15px;
  width:  360px;
  }
  

  #form  select  {
  background:#fbfbfb;  
  width:  375px;  
  font:  1.2em  Tahoma;
  border:  1px  solid  #e5e5e5;
  padding:  5px  6px;
  margin-bottom:  15px;
  }
  

  #form  textarea  {
  background:#fbfbfb;  
  border:  1px  solid  #e5e5e5;
  vertical-align:  top;
  width:  355px;
  font:  1.1em  Tahoma;
  line-height:  1.7em;
  padding:  9px;
  height:  200px;
  }
  

  #form  .indent  {
  padding-left:  145px;
  padding-top:  15px;
  }
  
  /*  The  button  */
  #form  .submitbutton  {
  background:url(../images/button.gif)  no-repeat;
  width:  105px;
  border:none;
  height:28px;
  }


div#petition-box
{
  float: left;
  margin-bottom: 20px;
}

ul#sign-up-list
{
  float: left;
  margin-left: 20px;
}

div#map-box
{
  clear: both;
}

form.fancybox-form
{
  float: left;
  padding: 10px;
}

form.fancybox-form ul li
{
  display: block;
  margin-bottom: 10px;
}

form.fancybox-form ul li label
{
  display: block;
  margin-bottom: 2px;
}

form.fancybox-form ul li input[type="text"]
{
  width: 400px;
}

form.fancybox-form ul li input.short
{
  width: 80px;
}

form.fancybox-form ul li label#civic-leader-label
{
  display: inline;
}

form.fancybox-form ul li textarea
{
  height: 90px;
  width: 400px;
}

form.fancybox-form ul li textarea#comments
{
  margin-top: 5px;
}

/* non fancybox form */
form.form
{
  float: left;
  padding: 10px;
}

form.form ul li
{
  display: block;
  margin-bottom: 10px;
}

form.form ul li label
{
  display: block;
  margin-bottom: 2px;
}

form.form ul li input[type="text"]
{
  width: 285px;
}

form.form ul li input.short
{
  width: 80px;
}

form.form ul li label#civic-leader-label
{
  display: inline;
}

form.form ul li textarea
{
  height: 150px;
  width: 285px;
}

form.form ul li textarea#comments
{
  margin-top: 5px;
}
/* end non-fancybox form */

div#fancybox-organization
{
  padding: 20px;
}

div#fancybox-organization ol
{
  list-style: decimal
}

table#petition-table
{
  border-collapse: collapse;
  margin: 30px 0;
}

table#petition-table th
{
  background: #85D8FF;
  border-bottom: 1px #AAA solid;
  padding: 8px;
  text-align: left;
}

table#petition-table td
{
  border-bottom: 1px #CCC solid;
  padding: 8px;
}

table#petition-table tr.datacellone
{
  background: #D1F0FF;
}

.social-icon
{
  padding-right: 29px;
}

ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
	padding-left: 2em;
}

#fancybox-outer {
    padding: 1em 2em;
}

#fancybox-outer #fancybox-inner {
    padding: 1em 2em;
}

#petition table {
	max-width: 920px;
}
#petition table th {
	background-color: #ffffcc;
}

#petition table th, #petition table td {
	border:1px solid #CCCCCC;
	padding:6px;	
}

.nowrap {
	white-space: nowrap;
}

.pagination {
    float:right;
    font-size: 1.2em;
    padding-bottom: 0.5em;
}

.nopad {
    padding: 0;
}

.linkButton {
	border: 1px solid #eeeeee;
}

.linkButton:hover {
    background: #f0f0f0;
}

.linkButton a {
    padding: 0.5em 1em;
    display: block;
}

.smallnote {
    color: #ff0000;
    font-size: 12px;
}

.page-table {

}

.page-table th, .page-table td {
    border: 1px solid #000000;
    padding: 0.5em 1em;
}

.page-table2 {
}

.page-table2 th, .page-table2 td {
    border: 1px solid #999999;
    text-align:center;
    height:50px;
    vertical-align:middle;
    padding:5px 10px;
}

.petition-btn {
    text-align: center;
    width: 100%;
    float: left;
    border: 0px solid #CCCCCC;
    padding-bottom: 1em;
}

.transit_icons {
    width: 100%;
    margin: 0 10%;
    border: 0px solid red;
    float: left;
}

.transit_icons img {
    margin: 0 50px 0 0px;
}

#sidebar .content h3 {
    padding-top: 0;
}

#sidebar .content p.more-links {
    padding-bottom: 1em;
}

.required {
    font-weight: bold;
    color: #990000;
    font-size: 1.5em;
}

.left {
	float: left;
}

.right {
	float: right;
}

.content .message {
    font-size: 14px;
}

.confirm {
    display: none;
}