﻿/**************************************************
	Container
**************************************************/
#container {
	background:url('../../_img/background/container.jpg') repeat-y;
	margin:0 auto;
	width:910px;
}
#container:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

	/**************************************************
		Container - Container Inner
	**************************************************/
	#container_inner {
		background:url('../../_img/background/container_inner.jpg') no-repeat;
		background-position:left top;
		margin:0 auto;
		padding:15px 0 0;
		width:910px;
	}

		/**************************************************
			Container -> Container Inner -> Content
		**************************************************/
		#content {
			float:left;
			height:auto !important;
			height:375px;
			min-height:375px;
			padding:0 17px;
			width:620px;
		}
		#content:after {
			clear:both;
			content:'.';
			display:block;
			height:0;
			visibility:hidden;
		}
			.img {
			background:url('../../_img/background/mygreatplace/content.jpg') no-repeat;
			background-position:bottom right;
		}
		#content h2 {
			color:#004192;
			font:Lighter 1.9em 'Trebuchet MS', Arial, Helvetica, sans-serif;
			padding:0 0 10px;
		}
		#content h2 span {
			color:#72be34;
		}
		#content h2 strong {
			border-bottom:2px solid #72be34;
			font-weight:normal;
		}
		#content h3 {
			font:Lighter 1.25em 'Trebuchet MS', Arial, Helvetica, sans-serif;
			padding:0 0 10px;
		}
		#content p {
			font-size:1.3em;
			line-height:170%;
		}

	/**************************************************
		Container -> Container Inner -> Sidebar
	**************************************************/
	#sidebar {
		background:#ecf5ff;
		border-left:1px solid #efefef;
		float:right;
		margin:-10px 5px 0 0;
		width:249px;
	}
	#sidebar:after {
		clear:both;
		content:'.';
		display:block;
		height:0;
		visibility:hidden;
	}
	#sidebar h4 {
		background:url('../../_img/background/split.jpg') no-repeat;
		background-position:bottom;
		clear:both;
		font-size:1.4em;
		font-weight:normal;
		line-height:40px;
		padding:0 10px;
		position:relative;
		width:224px;
	}
	#sidebar h4 span.welcome {
		background:url('../../_img/icon/padlock.jpg') no-repeat;
		background-position:center right;
		display:block;
	}
	#sidebar h4.poll {
		background:url('../../_img/background/split.jpg') no-repeat;
		background-position:top;
		line-height:35px;
		margin:10px 0 0;
	}
		
	#sidebar h4 span {
		position:absolute;
		right:10px;
		top:10px;
		vertical-align:middle;
	}
	#sidebar h4 span a {
		background:url('../../_img/icon/rss.jpg') no-repeat;
		display:block;
		height:14px;
		margin:3px 0 0;
		text-indent:-9999px;
		width:36px;
	}

/*	#sidebar ul {
		list-style:none;
		margin:0;
		padding:0 0 10px;
		width:249px;
	}
	#sidebar ul li {
		font-size:1.3em;
	}
	#sidebar ul li a {
		background:url('../../_img/background/internal/sidebar_ul_li.jpg') no-repeat;
		background-position:bottom;
		display:block;
		line-height:140%;
		padding:4px 10px 7px 20px;
		width:219px;
		_width:214px;
	}
	#sidebar ul li a:hover {
		color:#333;
	}
	#sidebar ul li ul {
		background:#edf6ff url('../../_img/background/internal/sidebar_ul_li.jpg') no-repeat;
		background-position:bottom;
		list-style:none;
		margin:-2px 0 0;
		padding:0 0 3px;
	}
	#sidebar ul li ul li {
		background:#e3f0ff;
		font-size:.9em;
	}
	#sidebar ul li ul li a {
		background:#e3f0ff;
		line-height:120%;
		padding:7px 5px 4px 25px;
	}
	#sidebar ul li ul li a:hover {
		background:#dce9f8;
		color:#004192;
	}
	#sidebar ul li ul li a.selected {
		font-weight:bold;
	}*/


	#sidebar ul {
		background:url('../../_img/background/split.jpg') no-repeat;
		background-position:bottom;
		list-style:none;
		margin:0;
		padding:10px 0 13px 20px;
		width:229px;
	}
	#sidebar ul li {
		background:url('../../_img/icon/news.jpg') no-repeat;
		background-position:0 2px;
		padding:0 4px 10px 15px;
	}
	#sidebar ul li a {
		font-size:1.2em;
	}
	#sidebar ul li a span {
		font-size:.75em;
	}






	#sidebar form {
	}
	#sidebar form p {
		line-height:21px;
	}
	#sidebar form a {
		border-bottom:1px dashed #004494;
		font-size:.9em;
	}
	#sidebar form img {
		margin:0 5px 0 0;
		vertical-align:middle;
	}
	#sidebar form p.results {
		float:left;
	}
	#sidebar form p.vote {
		float:right;
	}
	#sidebar form p input {
		margin:0 0 0 10px;
	}
	#sidebar p, #sidebar div#login div.login{
		margin:0;
		padding:2px 10px;
	}
	#sidebar .poll 
	{
		padding-bottom:10px !important
	}
	#sidebar .poll p, #sidebar .housingOfficer p
	{
	margin: 2px 10px 0px 10px !important;	
	}
		#sidebar div#login p label {
			display:block;
			float:left;
			width:60px;
		}
	
	#sidebar div#login
	{
		padding:10px;
	}
	
	
	
	#mygreatplace #header h1 a {
		background:url('../../_img/background/mygreatplace/header_h1.jpg') no-repeat;
		background-position:0 22px;
		width:252px;
	}




/**************************************************
 *                  mygreatplace                  *
 **************************************************/
#container #content        { height:370px; height:auto !important; min-height:370px; position:relative; }
#container #content h2     { font-size:1.8em; }
#container #content #image { height:300px; position:absolute; right:0; top:0; width:300px; }


    /**
     * Special Boxes
     **************************************************/
	#container #content #specialboxes                 { clear:both; float:left; width:348px; }
	#container #content #specialboxes ul              { font-size:.9em; list-style:none; margin:0; padding:0; }
	#container #content #specialboxes ul li           { clear:both; margin:0 0 5px; }
	#container #content #specialboxes ul li a         { color:#004494; display:block; font:bold 1.3em Arial, sans-serif; height:56px; overflow:hidden; padding:5px; width:328px; }
	#container #content #specialboxes ul li a:hover   { background:url('../../_img/background/mygreatplace/homepage_li_hover.jpg') no-repeat; text-decoration:none; }
	#container #content #specialboxes ul li a img     { float:left; margin:0 15px 0 5px; vertical-align:middle; width:45px; }
	#container #content #specialboxes ul li a span    { font-size:.9em; font-weight:normal; line-height:135%; width:328px; }
	#container #content #specialboxes ul li a span em { font-style:normal; text-decoration:underline; }
