/* Global */
body
{
	background-color:#7f7f7f;
	font-size:1em;
	font-family:Verdana;
}

div.clearer
{
	clear:both;
}

.align.left
{
	float:left;
}

.align.right
{
	float:right;
}

/* Wrapper */
div#container
{
	width:960px;
	margin:0 auto;
}

/* Header */
div#header
{
	background-color:white;
}

div#navigation_top, div#footer
{
	font-size:77%;
	color:white;
	padding:0.5em 1em;
	background-color:#9999cc;
}

div#navigation_top a, div#footer a
{
	color:white;
}

div#footer
{
	line-height:1.5em;
}

div#logo_box
{
	background:url(./assets/logo_new.png) bottom left no-repeat;
	background-size: contain;
}

body.obs div#logo_box
{
	background:url(./assets/logo.obs.png) bottom left no-repeat;
	min-height:97px;
	background-size: contain;
}

div#search_box
{
	padding:10px 0px;
	margin:25px;
	font-size:77%;
}

input#search
{
	padding:3px;
}

div#navigation_main, div#banner
{
	border-bottom:5px solid #9999cc;
}

div#navigation_main ul
{
	margin-right:25px;
	background-color:#9999cc;
}

div#navigation_main li
{
	float:left;
	font-size:85%;
}

div#navigation_main li a
{
	padding:5px 10px;
	display:block;
	color:white;
}

/* Mid Section */
div#banner
{
	height:218px;
	background:url(./assets/banner.jpg) top left no-repeat;
}

body.obs div#banner
{
	height:218px;
	background:url(./assets/banner.obs.jpg) top left no-repeat;
}

div#mission
{
	background-color:#fff8b4;
	width:350px;
	padding:10px;
	position:relative;
	top:25px;
	left:25px;
}

div#mission p
{
	font-size:77%;
	margin-top:10px;
}

div#mission p small
{
	font-size:90%;
}

/* Submenu related */

div#nav_submenu
{
	float:left;
	width:260px;
	margin:16px;
	margin-left:0px;
}

div#nav_submenu div.block-menu ul
{
	list-style:none;
	padding:0px;
}

div#nav_submenu div.block-menu li
{
	margin:0px;
	background-color:#9999CC;
	list-style:none;
	padding:4px;
	padding-left:12px;
}

div#nav_submenu div.block-menu li a
{
	color:white;
}

/* Content main */
div#subcontent_wrapper
{
	margin-left:276px;
}

div#content
{
	background-color:white;
	padding:25px;
	line-height:16px;
	font-size:13px;
}

div#content h2
{
	font-size:18px;
}

div#content p
{
	margin:16px 0px;
}

div#content ul
{
	list-style-type:disc;
}

div#content ol 
{
	list-style-type:decimal;
}

div#content li
{
	margin-left:4em;
}


/* Footer */
/* ... */

/* Page-specific definitions */

/* Front page */
div#index-news, div#index-announce, div#index-aux
{
	float:left;
}

div#index-news, div#index-announce
{
	width:310px;
	margin-right:28px;
}

.obs div#index-news, .obs div#index-announce
{
/*	width:100%;*/
	width:300px;
	margin-right:0px;
}

div#index-aux
{
	width:222px;
}

div#mayor-info
{
	border:1px solid #9999cc;
	background-color:#fff8b4;
	line-height:1;
	margin-bottom:10px;
}

div#mayor-info-pic
{
	background:url(./assets/mayor.jpg) top left no-repeat;
	width:67px;
	height:82px;
	float:left;
}

div#mayor-info-detail
{
	margin-left:70px;
	margin-top:4px;
}

div.banner
{
	border:1px solid #9999cc;
	margin:5px 0px;
}

/* Front page news column */
div#index-news div.view-content .views-row-even,
div#index-news div.view-content .views-row-odd
{
	margin-bottom:16px;
}

/*
div#index-news div.view-content div.views-field-title
{
	font-weight:bold;
}
*/

#index-announce .views-field-created, 
#index-news .views-field-created
{
	font-size:13px;
}

/* News View */
body.page-news div.view-content ul li
{
	list-style:none;
	padding-bottom:16px;
	margin-bottom:16px;
	margin-left:0px;
	border-bottom:1px solid #9999CC;
}

body.page-news div.view-content ul li.views-row-last
{
	border-bottom:0px;
	margin-bottom:0px;
}

body.page-news div.view-content ul li div.views-field-title
{
	font-weight:bold;
}

body.page-news div.view-content ul li div.views-field-created
{
	font-size:80%;
	font-style:italic;
}

body.page-news div.view-content ul li div.views-field-body
{
	margin:8px 0px;
}

/* Announcements view */
body.page-announcements div.view-content ul li
{
	list-style:none;
	padding-bottom:16px;
	margin-bottom:16px;
	margin-left:0px;
	border-bottom:1px solid #9999CC;
}

body.page-announcements div.view-content ul li.views-row-last
{
	border-bottom:0px;
	margin-bottom:0px;
}

body.page-announcements div.view-content ul li div.views-field-title
{
	font-weight:bold;
	margin-bottom:8px;
}

body.page-announcements div.view-content ul li div.views-field-created
{
	font-size:80%;
	font-style:italic;
}

body.page-announcements div.view-content ul li div.views-field-body
{
	margin:8px 0px;
}

/* News nodes */
body.node-type-news div.node h1
{
	margin-bottom:16px;
	font-size:120%;
}

body.node-type-news div.node h1 a
{
	text-decoration:none;
}

/**/

div#index-news div.block h2, div#index-announce div.block h2
{
  margin-bottom:8px;
}

div#index-news div.views-field-created, div#index-announce div.views-field-created
{
  margin:4px 0px;
  font-style:italic;
  font-size:11px;
}

div#obs-mission
{
	margin-bottom:28px;
}

div#obs-mission p
{
	color: #666;
	font-style:italic;
}

div#obs-mission a
{
	display:block;
	text-decoration:none;
	font-weight:bold;
}