/*
  Kingston Taxpayers Association.CA Styles
  Table of Contents:
    layout
    typography
    forms
*/
/* layout
----------------------------------------------- */
/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html { 
	margin:0; 
	padding:0; 
	border:0; 
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1.5;
  background: white; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { 
	border-collapse: separate; 
	border-spacing: 0; 
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
	float:none !important; 
}
table, th, td { 
	vertical-align: middle; 
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }
html, body  {
  text-align: left;
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 0px;
  margin-bottom: 10px;
}
div
  {
  border        : none;
  margin        : 0px;
  padding       : 0px;
  }
  
.container {
  width: 960px;
  margin: 0;
}  

.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


h1    {
  margin : 0 0 0 0;
  padding-top : 10px;
  clear: both;
      }

h2    {
  margin : 0 0 0 0;
  padding-top : 10px;
  clear: both;  
      }

h3    {
  margin : 0 0 15px 0;
  padding-top : 8px;
  clear: none;
      }

h4    {
  padding-top: 3px;
  margin-bottom: 5px;
  padding-bottom: 0;
  clear: left;
}

.leftbox {
	float: left;
	border-right: thin solid Black;
	border-bottom: thin solid Black;
	width: 180px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 6px;
} 

.pagecontents {
	float: left;
}
  
.mission {}  
  
.flag {}  

.itemdesc blockquote, .letter blockquote  {
	padding: 12px;
	border: thin dashed Black;
}  
.item {
	padding: 7px;
	border: 1px solid #00000D;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 3px;
	float: left;

}

.itemtitle {margin-bottom: 0em;
}

.itemdesc {
  padding-right: 14px;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 3px;
}

.itempubdate {
  text-align: right;
}

.emphasis, .backgroundcomment {
  border: 2px solid;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 9px;
  margin-left: 15px;
  margin-right: 16px;
  float: left;
}

.letter{
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 2%;
  margin-bottom: 2%;
  border: 1px solid Black;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.votes, .vote, .voteheading,.votedirection, .votemissed {
float: left;
}

.news {
	width: 600px;
}


.votes {
	width: 760px;
}

.vote {
	width: 525px;
	border: 1px solid;
	border-color: #A6A6A6;
	margin: 5px;
	padding: 8px;
	padding-top: 20px;	
	padding-bottom: 20px;		
}

.votecounciltxt{
   clear: both;
	width: 520px;
	text-align: center;
	padding: 3px;
}

.voteheading {
line-height: 130%;
}

.votedirections {
	padding: 2px;
	clear: both;
}

.votedirection {
	width: 47%;
	height: auto;
	border: thin; 
	border-color: Gray;
}

.votemissed {
   clear: both;
	width: 100%;
	text-align: center;
	padding-top: 7px;
}

/* typography
----------------------------------------------- */
html, body  {
  background: #FFFFFF;
  text-align: left;
  font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif;
}

h1    {
  font-size : 20px;
      }

h2    {
  font-size : 16px;
  line-height : 28px;
  font-weight  : 600;
  color : #000;
      }

h3    {
  font-size : 16px;
  color : #000;
      }

h4    {
  font-size: 13px;
  color: #000;
}

.emphasis, .backgroundcomment {
 background-color: White;
}

.mission {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}  
  
.flag {
	color: Red;
   font-weight: bold;
	font-size: 80%;
}  
  
a:link {
  color : #0033cc;
      }
a:visited {
  color : #70126E;
      }
a:active {
  color : #0033cc;
      }
a:hover {
  color : #ff0000;
      }

.leftbox {
font-size: 12px;}

.updated {
 font-size: 85%;
 font-style: italic;
 float: left;
 clear: both;
}		

.vacant {
  color: Red;
  font-size: 11pt;  	
  margin-left: 8px;
  padding: 5px;
}

.orgname {
	font-weight: bold;
	margin-bottom: 5px;
}

.navsection {
  font-weight: bold;
  margin-top: 5px;	
}

.navsubection {
  margin-top: 4px;
  font-variant: small-caps;
}

.councillorhistory {
  clear: both;
}

.formattedperson {
  float: left;
  margin-left: 8px;
  padding: 5px;
  border: 1px dotted Silver;  
}

.formattedcouncillor {
  border: 1px dotted Silver;
  float: left;
  margin-left: 8px;
  padding: 5px;
  font-size: 12pt;  
}


.personname{
	font-weight: bold;
}

.item {
   background-color: #F1F1F1;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.item a {
  font-weight: bold;
}

.itemtitle {font-family: Arial, Helvetica, sans-serif;
font-size: 15px;  font-weight: bold;}

.itemdesc blockquote, .letter blockquote  {
  font-size: 13px;
  font-family: "Courier New", Courier, monospace;
  background-color: #C4C4C4;
}
.itempubdate {
  font-family: Arial, Helvetica, sans-serif;
  font-size: smaller;
  color: Maroon;
}


th, td {   font-size: 12px;
  font-family: verdana, arial, helvetica, sans-serif; }
  
th { font-weight: bold;}  

.letter{
  color: Black;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  background-color: #EEEEEE;  
}

.votedirtxt {
	font-weight: bold;
}

.votedirection {
	line-height: 125%;
	font-size: 14px;	
	text-align: center;
}

.votemotion {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 15px;
	font-weight: bold;
	border-bottom: none #FF3333;
}

.votecounciltxt {
	font-weight: bold;
}

/* Border table */

.bordertable {
	border: 1px solid Black;
	background-color: White;
	padding: 2px;
	border-spacing: 1px;
	position: relative;
	border-collapse: collapse;
	empty-cells: show;
	margin-top: 7px; margin-bottom: 10px;
}

.bordertable caption {
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
}

.bordertable tr td,  .bordertable tr th {
	border: 1pt solid Gray; padding: 4px; 	background-color: White;
}

.bordertable tr th { padding: 6px; background-color: White; text-align: center; }

.bordertable tr.activeitem td {
	border: 1pt solid Gray; padding: 4px; 	background-color: Aqua; }

.itemguid {margin:0px 3pt .5em 2em; text-align: right;  
          font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; clear: both; }
.alert, .info, .tip, .success { text-align: left;	padding: 5px 20px 5px 45px;	margin-bottom: 1em; }
.alert p, .info p, .tip p, .success p { margin-bottom: 0px; }
.alert { background: #fff6bf url(exclamation.png) center no-repeat;	background-position: 15px 50%; border-top: 2px solid #ffd324;	border-bottom: 2px solid #ffd324; }
.info { background: #f8fafc url(information.png) center no-repeat;	background-position: 15px 50%; border-top: 2px solid #b5d4fe;	border-bottom: 2px solid #b5d4fe; }	
.tip { background: #f8fafc url(tip.gif) center no-repeat;	background-position: 15px 50%; border-top: 2px solid #b5d4fe;	border-bottom: 2px solid #b5d4fe; }
.success { background: #f8fafc url(check.gif) center no-repeat;	background-position: 15px 50%; border-top: 2px solid #b5d4fe;	border-bottom: 2px solid #b5d4fe; }