/***********************************************
*                                              *
*             CREATED BY:                      *
*             Justin Kirkman, May 2009         *
*                                              *
***********************************************/

@charset "utf-8";
/* CSS Document */
html{
margin:0px;
padding:0px;
height:100%;
overflow-x:hidden;
}

body{
margin:0px;
padding:20px;
height:100%;
}

#main_frame{
 margin-bottom:0px; 
 min-height:653px;
 min-width:880px;
 border:4px #000000 solid;
 border-bottom:0px;
 height:100%;
 overflow:hidden;
 position:relative;
 } 
 
 .color{
 color:#586F8B;
 }

/***********************************************
*                                              *
*                 Top Banner                   *
*                                              *
***********************************************/
 
#main_logo{
background: url(css_images/city_logo.jpg);
height:121px;
width:129px;
float:left;
} 

#title_right{
height:106px;
}

#title_text{
background:url(css_images/title.gif) no-repeat;
height:57px;
width:418px;
margin-top:20px;
float:left;
color:#586f8b;
}

#title_buttons{
float:right;
margin-top:60px;
min-width:100px;
}

/* Buttons */

.menu_button{
margin-left:9px;
margin-right:9px;
float:left;
position:relative;
}

.button{
height:46px;
width:47px;
border:none;
display:inline;
}

.button img{
border:none;
}

/***********************************************
*                                              *
*            Horizontal Rule                   *
*                                              *
***********************************************/


.cip_banner{
height:6px;
background:url("css_images/banner_center.gif");
}

.cip_banner_bb{
border-bottom:2px solid;
}

.cip_banner_bt{
border-top:2px solid;
}

.cip_banner_br{
border-right:4px solid;
}

.cip_banner_bl{
border-left:4px solid;
}

.left_banner{
float:left;
width:383px;
height:6px;
background:url("css_images/banner_left.gif");
}

.right_banner{
width:383px;
height:6px;
float:right;
background:url("css_images/Banner_right.gif");
}

/***********************************************
*                                              *
*               Project Banner                 *
*                                              *
***********************************************/

#project_banner{
height:78px;
background-color:#eab323;
}
#project_banner_inside{
padding:10px;
}
#project_banner_left{
height:58px;
width:130px;
float:left;
border-right:2px dashed;
text-transform:uppercase;
font-weight:bold;
padding-right:10px;
text-align:center;
line-height:58px;
vertical-align:middle;
margin-right:10px;
}
#project_banner_right{
height:58px;
width:140px;
float:right;
border-left:2px dashed;
padding-left:10px;
text-align:center;
vertical-align:middle;
}

#project_banner_right a{
color:#000000;
font-weight:bold;
text-transform:uppercase;
font-size:12px;
}

/*Project Images */

.project_image{
float:left;
width: 99px;
text-align:center;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
}

.project_image a{
text-decoration:none;
color:#000000;
}

.project_image img{
border:0px;
}

/***********************************************
*                                              *
*                  Map Area                    *
*                                              *
***********************************************/


#map_frame{
height:100%;
overflow:hidden;

}

/* Left menu items */
#map_left_menu{
min-height:438px;
width:292px;
background-color:#3e567c;
height:100%;
float:left;
border-right:2px solid black;
overflow:hidden;
color:#FFFFFF;
font-weight:bold;
padding:10px;
}

#map_left_menu h1, #map_left_menu p{
margin:0px;
}



/* form items */
#map_left_menu form{
margin:0px;
}

#map_left_menu .form{
width:282px;
border-bottom:1px dashed;
border-color:#000000;
height:42px;
padding-top:10px;
padding-bottom:10px;
}

#map_left_menu .project_name{
width:220px;
}

.form_boder_top{
border-top: 1px dashed;
}

#map_left_menu .form_item{
height:42px;
float:left;
}

#map_left_menu .form_button{
float:right;
height:42px;
}

/* Map items */
#map{
margin-left:292px;
width:inherit;
height:100%;
overflow:auto;
}

/***********************************************
*                                              *
*                   Footer                     *
*                                              *
***********************************************/

#footer{
min-width: 880px;
border:4px solid black;
border-top:0px;
margin-bottom:20px;
}

#bottem_banner{
height:34px;
background-color:#eab323;
}

#footer_links{
padding-top:20px;
padding-bottom:20px;
text-align:center;
background:#d7e0e5 url(css_images/footer.gif) repeat-y right;
color:#000000;
font-family:Arial;
font-size:8pt;
font-weight:bold;
text-decoration:none;
}
#footer_links a{
color:#000000;
font-family:Arial;
font-size:8pt;
font-weight:bold;
text-decoration:underline;}

/***********************************************
*                                              *
*               Project Detail                 *
*                                              *
***********************************************/

#large_img{
max-width:800px;
}

.small_photo{
float:left;
padding:10px;
}

.project_info_main{
padding:10px;
}

.project_info_main h2{
color:#586f8b;
margin-bottom:0px;
font-size:14px;
}

.project_info_main p{
color:#000000;
margin:0px;
font-weight:normal;
}
#project_summary{
float:right;
background:#eee;
padding:10px;
margin-left:10px;
margin-bottom:10px;
}

.project_main_frame{
height:auto!important;
min-height:200px!important;
}

.project_map{
min-height:438px;
}

/***********************************************
*                                              *
*               Calendar                       *
*                                              *
***********************************************/
#calendar_spacing{
background:#FFFFFF;
height:10px;
width:1045px;
position:fixed;
}

.fix-ie{
width:1020px;
height:222px;
}

#calendar_body{
padding:0px;
margin:0px;
padding-left:20px;
}

#calendar_header{
 margin-bottom:0px; 
 width:1020px;
 border:4px #000000 solid;
 border-bottom:0px;
 position:fixed;
 background:#FFFFFF;
 }

#calendar_info{
width:1020px;  
border:4px #000000 solid;
border-bottom:0px;
border-top:0px;

}

#calendar_headings{
width:1020px;
height:45px;
}

#calendar_project_h{
width:294px;
height:45px;
float:left;
background:#4c698f;
color:#FFFFFF;
border-right:1px solid black;
border-bottom:1px solid black;
padding-left:5px;
font-weight:bold;
text-transform:capitalize;
font-family:Arial, Helvetica, sans-serif;
}

.sort_text{
float:right;
font-size:10px;
padding-top:15px;
padding-right:5px;
font-weight:bold;
}

.sort_text a{
font-size:9px;
color:#FFFFFF;
}

#calendar_date_h{
height:45px;
border-bottom:1px solid black;
}

.calendar_year{
width:239px;
height:25px;
float:left;
background:#4c698f;
color:#FFFFFF;
font-weight:bold;
text-align:center;
border-right:1px solid black;
cursor:default;
}

.calendar_month{
width:19px;
height:20px;
float:left;
text-align:center;
color:#586f8b;
border-right:1px solid black;
font-weight:bold;
cursor:default;
}

.calendar_footer{
width:1020px;
}

.calendar_project{
width:294px;
height:24px;
float:left;
background:#4c698f;
color:#FFFFFF;
border-right:1px solid black;
border-bottom:1px solid black;
padding-left:5px;
} 

.calendar_project a{
color:#FFFFFF;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:13px;
line-height:24px;
vertical-align:middle;
}

.calendar_project a:hover{
color:#EAB323;
}

.calendar_info{
text-align:right;
line-height:34px;
vertical-align:middle;
padding-right:5px;
font-weight:bold;
}

.ProjectTitle2{
color:#EAB323!important;
}

.calendar_item{
width:19px;
height:24px;
float:left;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
font-weight:bold;
cursor:default;
}

.no_timeline{
 background-color:#EEEEEE;
 color:#cccccc;
 text-align:center;
}

.item_bar{
border-right:0px;
width:20px;
border-bottom:1px solid black;
}

/***********************************************
*                                              *
*               List of Projects               *
*                                              *
***********************************************/
#project_list{
display:none;
}


@media print{
	#project_list{display:block;}
	#map_left_menu{display:none; overflow:visible;}
	#map{margin-left:0px;}
	.main{display:none;}
	#main_frame{border:none; overflow:visible;}
	#main_logo{display:none;}
	#title_buttons{display:none;}
	#title_right{height:auto;}
	.cip_banner{display:none;}
	#bottem_banner{display:none;}
	#footer{display:none;}
	#calendar_info{padding-top:0px;}
	.fix-ie{height:50px;}
	#map_frame{overflow:visible;}
	#title_right{display:none;}
}