/* Base Stylesheet (base.css) */

/* basic elements */
html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
}

form, input { margin: 0; padding: 0; }
a { text-decoration: underline;}
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
   margin-top: 10px;
   margin-bottom: 10px;
}


/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }

/* page layout */

/*body { text-align: center; }*/ /* center on ie */

#banner { position: relative; }
#banner-inner { position: static; }

#container
{
   position: relative;
   margin: 0 auto; /* center on everything else */
}

#container-inner { position: static; width: auto; }

#pagebody { 
	position: relative;
	width:760px;
	min-width:760px;
	margin:auto;	
	text-align:left;
 }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta, #zeta, #eta, #theta, #search, #topTextNav, #quick_links, #logo
{
   display: inline; /* ie win bugfix */
   position: relative;
   float: left;
   min-height: 1px;
}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner, #zeta-inner, #eta-inner, #theta-inner, #search-inner, #topTextNav-inner, #quick_links-inner, #logo-inner
{
   position: static;
}

/* basic page elements */

h1, h2, h3, h4, h5, h6
{
   font-weight:bold;
}

/* page layout */

body
{
	margin:auto;
	padding:0;
}

/* one-column tweaks */

.layout-one-column body { min-width: 630px; }
.layout-one-column #container { width: 630px; }
.layout-one-column #banner { width: 620px; } /* necessary for ie win */


/* two-column-left tweaks */
.layout-two-column-left #alpha-inner, .layout-two-column-left #beta-inner {
	margin:0 10px 0 10px;
}

.layout-two-column-left #alpha
{
  margin: 0;
  width:230px;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
}

.layout-two-column-left #gamma, .layout-two-column-left #delta
{
  margin:0;
  width:220px;
  padding:0;
}

/* ie5 for mac hack \ hide the real width from ie for mac
*/ .layout-two-column-left #gamma, .layout-two-column-left #delta { width:240px; }

.layout-two-column-left #gamma
{
  margin-left:10px;
}

.layout-two-column-left #delta-inner, .layout-two-column-left #gamma-inner
{
  padding:0;
  margin:0;
}

.layout-two-column-left #alpha-inner
{
  padding: 0px;
}

.layout-two-column-left #beta
{
  width: 550px;
  margin-left:10px;
}

.layout-two-column-left #beta-inner
{
  margin-left:10px;
}

/* ie5 for mac hack \ hide the real width from ie for mac
*/ .layout-two-column-left #beta { width:500px; }

.layout-two-column-left #beta-inner
{
  padding: 0;
  border-width: 0;
}

/* two-column-right tweaks */
.layout-two-column-right #alpha-inner, .layout-two-column-right #beta-inner {
	margin:0 10px 0 10px;
}

.layout-two-column-right #alpha
{
  margin: 0;
  width:500px;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
}

.layout-two-column-right #alpha-inner
{
  padding: 0px;
}

.layout-two-column-right #beta
{
  width: 220px;
  margin-left:10px;
  padding-bottom: 32767px;
  margin-bottom: -32767px;
}

.layout-two-column-right #beta-inner
{
  margin-left:10px;
  padding: 0;
  border-width: 0;
}
/* ie5 for mac hack \ hide the real width from ie for mac
*/ .layout-two-column-right #alpha { width:510px; }

/* ie5 for mac hack \ hide the real width from ie for mac
*/ .layout-two-column-right #beta { width:230px; }


/* three-column tweaks */
.layout-three-column #alpha-inner, .layout-three-column #beta-inner, .layout-three-column #gamma-inner {
	margin:0 10px 0 10px;
}

.layout-three-column #alpha
{
  margin:0;
  padding:0;
  width:190px;
  margin-right:10px;
}

.layout-three-column #alpha-inner
{
  padding:0;
}

.layout-three-column #beta
{
  padding:0;
  width:400px;
}

.layout-three-column #beta-inner
{
  padding:0;
}

.layout-three-column #gamma
{
  padding:0;
  width:150px;
  margin-left:10px;
}

.layout-three-column #gamma-inner
{
  padding:0;
}

/* 100% height tweak */
.layout-three-column #alpha, .layout-three-column #beta, .layout-three-column #gamma {
	padding-bottom: 20010px;
	margin-bottom: -20010px;
}

.layout-three-column #pagebody-inner, .layout-two-column-left #pagebody-inner, .layout-two-column-right #pagebody-inner {
	overflow:hidden;
}

.layout-two-column-left #alpha, .layout-two-column-right #alpha, .layout-two-column-left #beta, .layout-two-column-right #beta {
	padding-bottom: 20010px;
	margin-bottom: -20010px;
}

/* Navigation Tweaks */

ul.navigation-horizontal, ul.navigation-vertical {
	list-style:none;
	margin:0;
	padding:0;
}

ul.navigation-horizontal li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

ul.navigation-horizontal li a {
	display:block;
} 

ul.navigation-horizontal li span {
	display:none;
}

ul.navigation-vertical {
	list-style:none;
}

ul.navigation-vertical li {
	margin-bottom:1px;
}

ul.navigation-vertical a {
	display:block;
}

ul.navigation-vertical li ul {
	list-style:none;
	margin:0;
	padding:0;
}

ul.navigation-vertical li li {
	list-style:none;
}

/* Table List Styles */

table.list {
	margin:10px 0 10px 0;
	background-color:#ccc;
}

td.list-row-light {
	background-color:#eee;
}

td.list-row-dark {
	background-color:#ddd;
}

/* Table Form Styles */
table.form {
	margin:10px 0 10px 0;
}

table.form td.label{
    font-weight:bold;
    vertical-align:top;
}

table.form td.field{
}

table.form td.submit{
	text-align:right;
}

/* Page Overlay Styles */

#pageOverlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:900;
	background:url(../img/blue_overlay.png);
	visibility:visible;
}

#pageOverlayContent {
	width:655px;
	margin:15% auto;
}

/* Citizen Profile Awards */

#caProfile {
	margin: 20px 0;
	padding: 0 0 10px 0;
	width: 465px;
	background: #e5e5e5 url('../img/citizen_profile_awards/bg_title.gif') top left no-repeat;
}

#caIconControls {
	margin: 0;
	padding: 3px 0 3px 117px;
}

#caArrowLeft {
	margin: 0;
	padding: 4px 10px;
	float: left;
}

#caArrowRight {
	margin: 0;
	padding: 4px 10px;
	float: right;
}

#caIcons img {
	margin: 0 4px;
	float: left;
	border: 0;
}

.caAward {
	margin: 0;
	padding: 10px 20px 0 0;
	clear: both;
}

.caAward img {
	margin: 0 0 0 22px;
	float: left;
}

.caAward h4 {
	margin: 0;
	padding: 0 0 3px 107px;
	font: normal 18px/22px Helvetica, Arial, sans-serif;
	color: #ff4c00;
}

.caAward p {
	margin: 0;
	padding: 0 0 0 107px;
	font: normal 12px/16px Helvetica, Arial, sans-serif;
	color: #ff4c00;
}

.caClear {
	clear: both;
}