@import "../styles/site.css";

/* LAYOUT SPECIFIC */

#pageBody {
	width: 100%;
	float: left;
	margin-top: 16px;
	margin-bottom: 6px;
}
#pageBody .content, #pageBody .sidebar .blurb {
	background: #fff;
	padding: 10px 6px;
	margin: 0px;
}

div.content {
position: relative;
}

#bodyLeft {
  margin: 0px;
  padding: 0px;
}

#bodyLeft.contentBox {
	margin: 0px;
	width: 630px;
	float: left;
	clear: none;
}
#bodyLeft.contentBox h2{
	margin: 0 1px 0 0;
	color: #003366;
	font-weight: normal;
	font-size: x-large;
}
#bodyBottomLeft.contentBoxBottom {
  width: 644px;
	margin: 0 16px 0 0;
	height: 14.4px;
}
#bodyLeft .contentBottomBar {
	height: 14.4pxm;
	margin: 0 1px 0 0;
}

#sidebar_wrapper {
	width: 300px;
	float: right;  
	margin: 0px;
}

#sidebar_wrapper h2{
	margin: 0 1px 0 0;
	color: #666;
	font-weight: normal;
	font-size: x-large;
}
#bodyBottomRight.contentBoxBottom {
  width: 284px;
	margin: 0 16px 16px 0;
	height: 14.4px;
}
#sidebar_wrapper .contentBottomBar {
	height: 14.4px;
	margin: 0 1px 0 0;
}

#pageFooter {
  padding-top: 50px;
  background: url(../images/footer.gif) no-repeat;
/*  height: 200px;*/
  width: 940px;
  margin: auto;
}

#pageFooter span.small {
line-height: 16px;
font-size: 10px;
}

/* Make stuff invisible */
.contentBoxBottom {
  display: none;
}


#headerLeft {
float: left;
background: url(../citiimages/logo.jpg) no-repeat top left;
width: 300px;
height: 92px;
margin: 5px 0 0 5px;
}

#headerRight {
float: right;
width: 450px;
}

#headerRight a {
font-size: 11px;
}


#testimonial {
color: #C96408;
font: 11px/17px Georgia, Times New Roman, serif;
font-style: italic;
height: 95px;
overflow: hidden;
width: 620px;
float: right;

}

.quoteText {
	text-align: left;
	display: block;
}

.quoteAuthor { 
	text-align: right;
	display: block;
	padding: 5px 0 0 0;
	font-style: normal;
}

#rightQuote {
background: url(../citiimages/quote_right.jpg) no-repeat bottom right;
padding-right: 10px;
}

#menuTop {
background: url(../citiimages/home_about.jpg) no-repeat bottom right;
height: 50px;
margin-left: 684px;
width: 200px;
}

#menuTopBlog {
background: url(../citiimages/blog.jpg) no-repeat bottom right;
height: 140px;
margin-right: 60px;
margin-top: 5px;
float: right;
width: 400px;
}


#menuRightCorner {
background: #003366 url(../citiimages/menucorner.gif) no-repeat bottom right;
padding-right: 1px;
height: 35px;
}

#menuLeftCorner {
background: #003366 url(../citiimages/menucorner.gif) no-repeat bottom left;
padding-left: 1px;
height: 35px;
}


#pageHeader{
height: 216px;
clear: both;
}


#testimonial blockquote {
  background: url(../citiimages/quote_left.jpg) left top no-repeat;
}
blockquote div {
  padding: 0 30px;
  background: url(../citiimages/quote_right.jpg) right bottom no-repeat;
}

.newsDate {
font-size: smaller;
}


/*Project Styles*/


tr.hover:hover,tbody.hover:hover,td.hover:hover,li.hover:hover,table.hover:hover,tbody.alt-hover:hover,tr.alt-hover:hover,div.hover:hover{
	background:#D6DDEF;
}
 div.tags {
background-color:#E5E5E5;
border-bottom:1px solid gray;
margin: 10px;
padding:1px 10px;
font-size: 11px;
}

div.project img {
margin: 5px;
}




		div#buttons {
		margin: 5px;
		text-align: center;
		}
		div#buttons a {
		cursor: pointer;
		padding: 5px 30px;
		border: thin gray solid;
		background-color: silver;
		margin: 5px;
		cursor: pointer;		
		}
		
		div#buttons a:hover {
		cursor: pointer;
		background-color: gray;
		border: thin silver solid;
		color: white;
		text-decoration: underline;		
		}
		
		div#buttons a.hide {
		visibility: hidden;
		}	
		
		div#featured{
		position: relative;
		overflow: hidden;

		width: 700px;		
		}
		

		
		.aselected {
                font-weight: bold;
                color:#136E9B;
		}
		
		div#links {
		float: left;
		width: 230px;
		z-index: 1;
		background-color: white;
		}	
		
		div#links ul {
		margin: 0px;
		padding: 0px;
		list-style-image: url(../images/0159_flobullet.png);
		list-style-type: bullet;
		}
		
		div#links ul li{
		line-height: 12px;
		margin: 10px;
		}	
		
		div#links ul li a{
		cursor: pointer;
		}				
		
		div.tile {
		overflow: hidden;
		background-color: white;
		cursor: pointer;
		float: left;
   		border: 1px solid #000000;
		overflow: hidden;
		width: 100px;
		height: 100px;
		margin: 5px;
		text-align: left;
		padding: auto;
		vertical-align: left;
                  /* for IE */s
                filter:alpha(opacity=60);
                /* CSS3 standard */
                opacity:0.6;
		}
		
		div.tile div.noImage p {
		padding: 5px;
		text-align: center;
		text-decoration: none;
		margin: auto;
		}
		
		div.tile:hover {
		padding: 0px;
                position: relative;
                top: -15px;
                left: 5px;
                  /* for IE */
                filter:alpha(opacity=100);
                /* CSS3 standard */
                opacity:1.0;
		}
                
                div.tile.selected {
		padding: 0px;
                border: 1px solid #003366;
                position: relative;
                  /* for IE */
                filter:alpha(opacity=100);
                /* CSS3 standard */
                opacity:1.0;
		}
		
		div#right {
		float: right;
		width: 700px;
		}	
		
		
		div.project {
		position: relative;
		}
                
                div.allProjects {
                padding-top: 10px;
                }
		
		div#tagCloud {
		width: 680px;
		border: thin dashed silver;
		padding: 10px;
		margin-bottom: 5px;
		}
		
		div.allTags {
		margin: 5px 0px;
		}
		
		span.taglink {
		margin-right: 4px;
		}
		
		div.project img {
		margin: 5px;
		}
		
	/*	div.tags {
		background-color:#FFFFCC;
		border-bottom:1px solid #FFCC00;
		margin: 20px 10px 10px 10px;
		padding:5px 10px;
		} */
		
		div.link {
		margin: 10px 0px;
		}
		
		div.clearButton {
		text-align: right;
		}
		
		div.clearButton input {
		  background: url(../citiimages/btn_sml_1.jpg) left bottom no-repeat;
		  width: 130px;
		  height: 33px;
		  border: none;
		  padding: 5px;
		  text-align: center;
		  font-weight: bold;
		  font-family: Arial, sans-serif;
		  color: white;
		  cursor: pointer;
		}
		
		div.clearButton input:hover {
		  background: url(../citiimages/btn_sml_2.jpg) left bottom no-repeat;
		}
		
		.undo {
		font-size: 10px;
		}		
		
		#instructions {
		position: absolute;
		width: 600px;
		background-color: white;
		border: thin black solid;
		z-index: 1;
		padding: 20px;
		left: 300px;
		}
		
		#instructions a {
		text-decoration: underline;
		}
		
		a#close {
		float: right;		
		}

		a#back {
		position: absolute;
		top: -45px;
		right: 1px;
		}
		
		a.external {
		background:transparent url(../images/external.png) no-repeat scroll right center;
		padding-right:13px;
		}