/* 1.0 The Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

body {line-height: 1;}

h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight:normal; padding: .6em 0; margin: 0 15px;}

ul, ol {list-style: none;}

.floatLeft {float: left; padding: .5em .5em .5em 0;}

.floatRight {float: right; padding: .5em 0 .5em .5em;}

.clearsides {clear: both;}

/* 2.0  The Basic Tags */

html, body {font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}
body {font-size:12px; margin:0; padding:0; background: #fff;}
strong, em, b, i, .bold {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}

table, td {font-size: 1em;}
th {text-align:left; background-color:#eee;}
p {margin:0 0 1em 0;}
h1, h2, h3, h4, h5, h6 {font-family:Georgia,"Times New Roman",Times,serif; color:#036;}
h1 {font-size:1.6em;}
h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
h4 {font-size:0.9em;}
input, select, textarea {font-family:Arial,Helvetica,sans-serif; font-size:1em;}
form {display:inline;}
label {vertical-align:middle;}

/* 2.1  Basic Classes

Reminder:  You can combine classes in your HTML!

 */

.skip {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
.smallest {font-size:.7em;}
.smaller {font-size:.8em;}
.small {font-size:.9em;}
.normal {font-size:1em;}
.large {font-size:1.1em;}
.larger {font-size:1.2em;}
.largest {font-size:1.3em;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.italic {font-style:italic;}
.strike {text-decoration:line-through;}
.red {color:#600;}
.blue {color:#036;}
.white {color:#fff;}
.vtop {vertical-align:top;}
.center {text-align:center;}
.right {text-align:right;}
.nowrap {white-space:nowrap;}
.clear {overflow:hidden; clear:both; height:0; margin:0; padding:0; font-size:1px; font-size:0.01em; display:block;}
.shadow {text-shadow: 1px 1px 1px #000;}

/* 2.2  Vertical Spacer and Optional Horizontal Rule */

.vspacer10 {width:100%; height:10px; display:block; overflow:hidden; margin:0; padding:0;}

/*
.fzrulesm, .fzrule, .fzrulelg {width:100%; background-color:#fff; background-repeat:no-repeat;  background-position:top center;  background-image:url(FILE NAME);}
.fzrulesm {height:32px;}
.fzrule {height:36px;}
.fzrulelg {height:36px;}
*/

/* 2.3  Fonts Listing */

.arial {font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.courier {font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;}
.georgia {font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;}
.garamond {font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
.impact {font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;}
.lucida {font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}
.times {font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
.trebuchet {font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;}
.verdana {font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;}

/* 2.3.1 Optional Additional Fonts

@font-face {font-family: 'FONT NAME'; src: url('FILE NAME');}
.TAG NAME {font-family: FONT NAME;}

*/

/* 2.4  Link Tag */

a, a:link, a:visited {color: #036; text-decoration: underline;}
a:hover {color: #600; text-decoration: underline;}
a:active {color: #036; text-decoration: underline;}
a:active, a:focus {outline:0;}

/* 3.0 Framework

NOTE:  This is for the raw basic framework, with minimal settings.  Use a seperate additional style sheet for borders background colors, and other effects

*/

#centeredwrapper {margin: 0 auto;} 

/* 3.1 Header */

#pageheader, header {
  margin: 10px;
  padding: 5px;
  height: 80px;
  margin-bottom: 10px;
  text-align: center;
}

/* 3.2.1 Left Sidebar */

#leftsidebar, nav {
  float: left;
  width: 190px;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: 2px;
  font-size: 10pt;
}

/* 3.2.2 Content Area with Left added */

#contentleft {
  margin-right: 230px;
  margin-left: 2px;
  padding: 5px;
  margin-bottom: 10px;
}

/* 3.2.3 Middle Content Area Only */

#content {
  margin-left: 210px;
  margin-right: 220px;
  padding: 5px;
  margin-bottom: 10px;
}

/*3.2.4 Content Area with Right Added */

#contentright, article {
  margin-left: 210px;
  margin-right: 2px;
  padding: 5px;
  margin-bottom: 10px;
}

/*3.2.5 Right Sidebar */

#rightsidebar {
  float: right;
  width: 200px;
  padding: 5px;
  margin-bottom: 10px;
  margin-right: 2px;
  font-size: 10pt;
}

/*  Use the Clear tag above to make sure that the bottom line lies under the longest column here */

/*3.3 Footer */

#pagefooter, footer {
  margin: 30px 20px 20px 20px;
  text-align: left;
  font-family: Courier, 'Courier New', monospace;
  font-size: 8pt;
}

/*4.0 Misc. Tags
Note:  These are basic vanila layout tags.  Use a second CSS style to further enhance them or add site-specific tags
*/

/*4.1 Double Column View */

.columns {
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -moz-column-rule: 1px solid black;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  -webkit-column-rule: 1px solid black;
}