@import url(/stylesheets/dropdown.css);
@import url(/stylesheets/weather.css);
#portalContainer	{ width: 100%; height: 30px; text-align: center; }
#portal			{ background: #000; height: 30px; width: 960px; margin: 0 auto; color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 9px; text-align: right; }
#portal a		{ color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 9px; text-decoration: none; }
#portal ul		{ margin: 0px; padding: 5px 0 0 0; }
#portal li		{ display: inline; list-style-type: none; padding: 0px 4px; }
#portal form		{ float: right; margin: 0px; padding: 2px; }
#portal label		{ display: none; }
#portal input 		{ font-family: Verdana, Arial, sans-serif; font-size: 9px; }
#portal img		{ margin: 0px; border: 0px; padding: 0px; }
#portal img		{ width: 25px; }

#logoContainer		{ width: 100%; background: #fff; text-align: center; position: relative; display: block; }
#logoBar		{ width: 960px; margin: 0 auto; text-align: left; position: relative; display: block; }
#logoBar img		{ border: 0px; padding: 5px; }
#logoBar ul.first	{ position: absolute; margin: 0px; padding: 0px; top: 35px; left: 150px; }
#logoBar ul.second	{ position: absolute; margin: 0px; padding: 0px; top: 35px; left: 320px;  }
#logoBar ul.third	{ position: absolute; margin: 0px; padding: 0px; top: 35px; left: 500px;  }
#logoBar li		{ color: #707070; text-decoration: none; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000; line-height: 1.4em; }
#logoBar a		{ color: #707070; text-decoration: none; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000; line-height: 1.4em; }


body 				{ background: #fff url('//www.georgetown.org/images/bg.commdev.gradient.jpg'); background-repeat: repeat-x; background-attachment:fixed;color: #444; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 11px; margin: 0 auto; text-align: center; }

a 				{ color: #707070; text-decoration: none; }
a:hover				{ color: #888888; text-decoration: underline; }
li 				{ list-style: none; }
td				{ padding: 2px 2px 2px 4px; }

div.hr 				{ height: 10px; background: #efefef; width: 960px; margin: 0 auto; }
div.hr hr 			{ display: none; }

.main 				{ position: relative; background: #FFF; margin: 0 auto; padding: 0px; width: 960px; border: 1px solid #E7E7E7; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 12px; font-weight: normal; text-decoration: none; position: relative; }

.top 				{ background-color: #EEE; width: auto; height: 15px; margin: 0px;}
.topb 				{ background-color: #EEE; width: auto; height: 5px; margin: 0px; }

.content 			{ float: right; margin: 10px 0; padding: 0 16px; width: 518px; }
.title 				{ color: #579; font-size: 13px; font-weight: bold; margin: 4px; }
.date 				{ font-size: 9px; margin: 3px; }

.comments			{ padding: 6px; margin: 30px 30px 30px 0px; background-color: #fff; border: 1px solid #efefef; text-align: left; height: auto; }
.categories			{ margin: 3px 0 0 7px; }
.WP-PrintIcon			{ float: left; }

input	 			{ font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 10px; font-weight: normal; background-color: #ffffff; border-bottom: #CCD5E0 1px solid; border-left: #CCD5E0 1px solid; border-right: #CCD5E0 1px solid; border-top: #CCD5E0 1px solid; color: #31384a; font: 10px Verdana, Arial, Helvetica, sans-serif; font-family: Verdana, Arial, Helvetica, sans-serif; height: 15px; text-indent: 0px; vertical-align: bottom;}
.textboxsm 			{ width: 23px;}
.textboxmd 			{ width: 50px;}             
.textboxmdlg 			{ width: 175px;}
.textboxlg 			{ width: 300px;}  
textarea 			{ font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 10px; font-weight: normal; background-color: #ffffff; border-bottom: #CCD5E0 1px solid; border-left: #CCD5E0 1px solid; border-right: #CCD5E0 1px solid; border-top: #CCD5E0 1px solid; color: #31384a; font: 10px Verdana, Arial, Helvetica, sans-serif; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: 0px;}  
option				{ font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 10px; font-weight: normal; }
select				{ font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 10px; font-weight: normal; }


h1, h1 a, h1 a:visited 		{ font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size: 26px; text-transform: uppercase; font-weight: normal; margin: 0px; padding: 0px; padding-top: 30px; color: #736451; margin-bottom: 10px; text-align: left; margin-left: 16px; }
h3 				{ font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size: 12px; text-transform: uppercase; text-align: right; font-weight: normal; margin: 0px; padding: 0px; color: #000000; border-bottom: 1px solid #eeeeee; padding-right: 25px; }
h5 				{ font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size: 12px; text-transform: uppercase; text-align: right; font-weight: normal; margin: 20px 0px 10px 0px; padding: 0px; color: #000000; border-bottom: 1px solid #eeeeee; padding-right: 25px; clear: both; }
h4 				{ font: 15px verdana; color: #B0B0B0; margin: 5px; font-weight: bold; }
h6, h6 a, h6 a:visited 		{ font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size: 12px; text-transform: uppercase; text-align: left; font-weight: bold; margin: 10px 0 0 0; padding: 0px; color: #000000; border-bottom: 1px solid #eeeeee; padding-right: 25px; clear:both; }

.right 				{ float: right; margin-top: 20px; padding-bottom: 20px; margin-right: 14px; }
.left 				{ margin-top: 20px; margin-left: 215px; }
.picture			{ margin: 3px; }

.insidebox 			{ width: 650px; color: #000; font-size: 12px; padding: 5px 6px 0px 6px; margin: 10px 0 3px 0; background-color: #fff; border: 0px solid #efefef; text-align: left; height: auto; }
.insidebox h1 a			{ font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size: 26px; }
.insidecomment 			{ width: 520px; color: #555A60; font-size: 12px; padding: 6px 7px 0px 7px; background-color: #fff; border: 0px solid #efefef; text-align: justify; height: auto; margin-top: 10px; padding-bottom: 5px; }
/* the code in this section is to fix the problem with floats and container divs */
.insidebox:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .insidebox {height: 1%;}
/* End hide from IE-mac */

.info 				{ font-size: 11px; background: #fff; border: 0px solid #E3E4E4; color: #666; margin: 2px 0 15px 0; padding: 5px 10px; }

.navigation 			{ text-align: left; width: 235px; background-color: #f1f1f1; border: 1px solid #efefef; color: #666666; font-size: 0.9em; margin-top: 18px; margin-left: 10px; padding-bottom: 4px; }
.navigation h2 			{ color: #5A5A43; font: 14px Arial, sans-serif;  line-height: 14px; padding: 3px 0 0 8px; margin: 0 0 4px 0; font-weight: bold; }
.navigation ul 			{ padding: 0; border-top: 1px solid #DDDDDD; margin: 0; }
.navigation li 			{ border-bottom: 1px solid #EAEADA; }
.navigation li.active		{ padding: 8px 0 8px 5%; background: #D3C5B0; }
.navigation a 			{ color: #666666; background: #f9f9f9; font-size: 12px; display: block; padding: 8px 0 8px 5%; text-decoration: none; font-weight: normal; }
.navigation li a 		{ color: #666666; background: #f9f9f9; font-size: 12px; display: block; padding: 8px 0 8px 5%; text-decoration: none; font-weight: normal; }
.navigation li a:hover 		{ background: #f1f1f1; }
.navigation li.listtitle		{ font-size: 12px; display: block; padding: 8px 0 8px 5%; text-decoration: none; font-weight: bold; }
.navigation:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.categories			{ padding: 5px 0 0 0; margin: 5px 0 0 0; }


.footer 			{ clear: both; width: auto; line-height: 20px; color: #555A60; font-size: 10px; background: #f4f4f4; border: 1px solid #DDDDDD; text-align: center; height: auto; margin-top:10px; }
#contactfooter 			{ clear: both; width: auto; line-height: 20px; color: #555A60; font-size: 10px; background: #f4f4f4; border: 1px solid #DDDDDD; text-align: center; height: auto; margin-top:10px; }

.linetable			{ background:#fff repeat-y; margin: 0 auto; position:relative; padding:0;  border-bottom : 1px solid #CCD5E0; border-left : 1px solid #CCD5E0; border-right : 1px solid #CCD5E0; border-top : 1px solid #CCD5E0; border-collapse: collapse; padding: 2px; }

#column1			{ width: 245px; margin:0px; padding: 0px; }
#column1 a 			{ background: #f9f9f9; font-size: 12px; display: block; padding: 8px 0 8px 5%; text-decoration: none; font-weight: normal; color: #666666; }
#column2			{ float: right; width: 670px; margin: 0px; padding: 10px 15px 0 0; text-align: left; line-height: 1.3em; background: #fff; }
#column2 a			{ color: #6F2626; font-size: 12px; }
#column2 h1			{ background: #F5F5F5; border: 1px solid #E3E4E4; margin: 2px 0 4px; padding: 10px 10px; color: #6F2626; font-size: 16px;  text-transform: none; font-weight: bold; font-family: Verdana, Arial, sans-serif;  }
#column2 h1 a			{ color: #6F2626; font-size: 16px; margin: 0px; padding: 0px; text-transform: none; font-weight: bold; font-family: Verdana, Arial, sans-serif; }
#column2 h2			{ background: #F5F5F5; border: 1px solid #E3E4E4; margin: 2px 0 4px; padding: 8px 8px; color: #6F2626; font-size: 16px;  text-transform: none; font-weight: bold; font-family: Verdana, Arial, sans-serif; clear:both;  }
#column2 li			{ list-style: disc; margin: 6px 0px; }
#column2 ul			{ margin: 5px 30px 10px 15px; padding: 0 0 0 15px; }
#column2 table			{ border: solid #CCD5E0; border-collapse: collapse; }
#column2 td			{ font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; font-size: 10px; font-weight: normal; }
#column2 img			{ margin: auto; padding: 5px; display: block; }
#column2 p			{ margin: 0 0 10px 0; }

#container			{ margin: 0 auto; padding: 0px; width: 960px; text-align: left; }



#logoBar			{ width: 950px; margin: 0 auto; text-align: left; position: relative; display: block; background: #fff; padding: 10px 5px 5px 5px; }
#logoBar img			{ border: 0px; padding: 5px; }
#logoBar ul			{ position: absolute; margin: 0px; padding: 0px; top: 65px; left: 580px; display: inline; }
#logoBar li			{ color: #113880; text-decoration: none; font-family: "Century Gothic"; font-size: 16px; line-height: 1.4em; display: inline; padding: 0 6px 0 6px; }
#logoBar a			{ color: #113880; text-decoration: none; font-family: "Century Gothic"; font-size: 16px; line-height: 1.4em; }

#menuBar			{ text-align: left; background: #024B82 url('//www.georgetown.org//images/bg.menu.commdev.jpg'); width: 960px; height: 20px; margin: 0 auto; padding: 6px 0 0px 0; position: relative; }
#menuBar a			{ color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none; }
#menuBar a.sitetitle		{ color: #fff; font-family: "Century Gothic"; font-size: 13px; text-decoration: none; }
#menuBar ul			{ display: inline; margin: 0; padding: 0; }
#menuBar li			{ display: inline; margin: 0px; padding: 0px 6px 0px 22px; }

#fcolumn1	{ width: 250px; float:left; padding: 10px 5px 10px 5px; }
#fcolumn1 h3	{ font-family: Verdana, sans-serif; color: #af2206; font-size: 12px; margin: 0px 0px 10px 0px; padding: 6px 0 0 0; font-weight: bold; border-width: 8px 0 0 0; border-color: #af2206; border-style: solid; text-align: left; }
#fcolumn1 ul	{ margin: 0px; padding: 0px; }
#fcolumn1 li	{ line-height: 1.5em; }
#fcolumn1 h5	{ margin: 10px 0 5px 0; padding: 0px; }
#fcolumn1 h5 a	{ font-family: Verdana; color: #666; font-size: 11px; margin: 3px 0 3px 0; font-weight: bold; }
#fcolumn1 p	{ margin: 2px 0 2px 0; font-family: Verdana; font-size: 11px; }
#fcolumn1 a	{ color: #666; }

#fcolumn2 	{ width: 420px; float:left; padding: 10px; }
#fcolumn2 h3	{ font-family: Verdana, sans-serif; color: #56317b; font-size: 12px; margin: 0px 0px 10px 0px; padding: 6px 0 0 0; font-weight: bold; border-width: 8px 0 0 0; border-color: #56317b; border-style: solid; text-align: left; }
#fcolumn2 ul	{ margin: 0px; padding: 0px; }
#fcolumn2 li	{ line-height: 1.5em; }
#fcolumn2 p	{ margin: 3px 0 3px 0; }
#fcolumn2 h5	{ margin: 15px 0 5px 0; }
#fcolumn2 a	{ color: #3b54a8; }

#fcolumn3	{ width: 250px; float:left; padding: 10px 5px 10px 5px; text-align: left; }
#fcolumn3 h3	{ font-family: Verdana, sans-serif; color: #9a691c; font-size: 12px; margin: 0px 0px 10px 0px; padding: 6px 0 0 0; font-weight: bold; border-width: 8px 0 0 0; border-color: #9a691c; border-style: solid; text-align: left; }
#fcolumn3 ul	{ margin: 0px; padding: 0px; }
#fcolumn3 li	{ line-height: 1.5em; }
#fcolumn3 a	{ color: #666; }

#dropmenudiv 		{ position:absolute; border:1px solid #666666; font-weight: normal; font-size: 10px; font-family : 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;  line-height:22px; text-align: left; z-index: 100; }
#dropmenudiv a 		{ display: block; text-indent: 3px; border-bottom: 0px solid #efefef; padding: 1px 0; text-decoration: none; font-weight: normal; font-size: 10px; font : 10px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; font-family : 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;  }
#dropmenudiv a:hover	{ /*hover background color*/ background-color: white; font-weight: normal; font-size: 10px; font-family : 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;  }

.linkcat	{ margin: 10px 0 0 0; }


#sidebar 		{}


#mDepartments, #mHowDoI, #mCodes, #mPermits, #mApplications, #mPrograms, #mStatistics					
	{ margin: 0 auto; background: #fff; visibility: hidden; width: 937px; position: absolute; left:0px; top: 25px; text-align: left; color: #000; }
#mDepartments ul, #mHowDoI ul, #mCodes ul, #mPermits ul, #mApplications ul, #mPrograms ul, #mStatistics ul	
	{ float: left; margin: 3px 7px 5px 10px; list-style-type: none; line-height: 1.7em; }
#mDepartments li, #mHowDoI li, #mCodes li, #mPermits li, #mApplications li, #mPrograms li, #mStatistics li			
	{ display: block; margin: 1px; padding: 0; font: 11px Verdana, Arial, sans-serif; color: #414141; border: 0px; line-height: 1.2em; }
#mDepartments h2, #mHowDoI h2, #mCodes h2, #mPermits h2, #mApplications h2, #mPrograms h2, #mStatistics h2
	{ font: 12px Verdana, Arial, sans-serif; color: #254C6D; margin: 0 0 0 10px; padding: 0px; }
#mDepartments a, #mHowDoI a, #mCodes a, #mPermits a, #mApplications a, #mPrograms a, #mStatistics a
	{ margin: 0 0 0 3px; padding: 1px; font: 11px Verdana, Arial, sans-serif; color: #414141; text-decoration: none; }
#mDepartments a:hover, #mHowDoI a:hover, #mCodes a:hover, #mPermits a:hover, #mApplications a:hover, #mPrograms a:hover, #mStatistics a:hover	
	{ margin: 0 0 0 3px; padding: 1px; font: 11px Verdana, Arial, sans-serif; color: #414141; text-decoration: underline; }
	
	/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

.clear {
	clear: both;
}
.post hr {
	display: block;
	}
.postmetadata {
	padding-top: 5px;
	}

.postmetadata {
	margin: 30px 0;
	}

.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}	
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.wp-caption {
	border: 0px solid #ddd; text-align: center; padding: 0px; font: 9px Verdana, sans-serif; font-family: Verdana, sans-serif; font-size: 9px; color: #666; margin: auto;
}
.wp-caption img {
	margin: auto !important; display: block;	
}
.wp-caption p.wp-caption-text {
	font: 9px Verdana, sans-serif; font-size: 9px; color: #666; margin: 0px; padding: 0px; 
}
/* End Images */

#autocomplete ul 				{ list-style-type: none; font-family: verdana; arial, sans-serif; font-size: 12px;  margin: 5px 0 0 0; background: white; border-bottom : 1px solid #CCD5E0; border-left : 1px solid #CCD5E0; border-right : 1px solid #CCD5E0; border-top : 1px solid #CCD5E0; border-collapse: collapse; }
#autocomplete li 				{ margin: 0 0 3px 0; cursor: default; color: red; font-size: 10px;}
#autocomplete li:hover 				{ background: #ffc; }

form#submission_form 				{ margin:0x; }
form#submission_form label 			{ color : #53514B; width:185px; float:left; clear:left; vertical-align:middle; padding:0; font-weight:bold; text-align:right; margin-right:10px; }
form#submission_form label span.label_plain	{ width:185px; float:left; clear:left; vertical-align:middle; padding:0; font-weight:normal; text-align:right; margin-right:0px; }
form#submission_form label span.required	{ color: red; width:185px; float:left; clear:left; vertical-align:middle; padding:0; font-weight:bold; text-align:right; margin-right:0px; }
form#submission_form fieldset 			{ border:1px solid #ccc; margin-bottom:20px; padding: 10px; }
form#submission_form div			{ margin: 5px; }
form#submission_form textarea			{ width: 300px; height: 80px; }
form#submission_form label span.fine_print 	{ font-weight:normal; font-size:9px; line-height:11px; }
form#submission_form ul				{ margin: 0 10px 0 10px; }
form#submission_form ul.column1			{ float: left; }
form#submission_form li				{ list-style-type:none; }
form#submission_form h2				{ background: #efefef; }


img.feedback {
	position: fixed;
	top: 194px; 
	right: 0px; 
	z-index: 1;
	}
	
* html img.feedback { /* fixes for ie 6 */
	position: absolute;
	z-index: -1;
	}
	

*:first-child+html img.feedback { /* fixes for ie 7 */
	position: absolute;
	z-index: -1;
	}
#feedback { 
	position: relative;
	margin: 0px auto;
	padding-bottom: 50px;
	}

* html #feedback {
	background-image: none;
	}