/********  L A Y O U T  *********/

body {margin:0 auto; width:460px; }
blockquote {margin:23px;}
dl{margin-bottom:23px;}
dd{margin-left:23px;}
hr {margin:32px 0 35px 0; width:100%;}
p img		{margin:23px 0;}
p img.left	{margin:23px 23px 23px 0;		float:left;padding:0;}
p img.right	{margin:23px 0    23px 23px;	float:right;}
pre, code, tt	{margin:23px 0; }

/*** Button Layout ***/
a.button	{padding:10px;}
input.button	{padding:0 10px; height:28px;}
select.button	{padding:0;      height:28px;}

/*** Form Layout ***/
fieldset {margin:0 0 24px 0; padding:21px 0 0px 23px; border-width:1px;}  /* subtract border from lineheight */
input, select, textarea {margin-bottom:18px; padding-top:3px; border-width: 2px;}
textarea {height:228px;} /*multiple of base-line minus bottom border and padding */
input, select {height:21px;  }

/*** List Layout ***/
ul, ol {margin:0 0 23px 35px}
li  ul, ol ol,ul ul ,ol ul,ul ol {margin-left:15px; margin-bottom: 0}

/*** Table Layout ***/
table {margin-bottom:23px; width:100%; border-collapse:collapse; }
table, tr, td  {border-width:2px; }
caption, th, td, tr, tbody, thead, tfoot {height:21px; line-height:21px}


/*** Common Classes ***/
.alignleft	{text-align:left;}
.alignright	{text-align:right;}
.centered	{text-align:center; margin:0 auto;}
.floatleft	{float:left;}
.floatright	{float:right;}
.hidden{display:none;}
.rounded {margin:52px; padding:25px;}
.error, .notice, .success {margin-bottom:1em; padding:18px; }

#header{
height: 200px;
}

#container{
height: 400px;
}

#footer	{
clear:both;
}

#box {
height: 210px;
width: 410px;
margin: 0;
}

/************** T Y P O G R A P H Y **************/
/* FONT STACKS */
/* Times New Roman-based serif stack:	font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
/* Georgia-based serif stack:			font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
/* Garamond-based serif stack:		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;
/* Helvetica/Arial-based sans serif stack:	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;
/* Verdana-based sans serif stack:		font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
/* Trebuchet-based sans serif stack:		font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;
/* Impact sans serif stack:			font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif;
/* Monospace stack:				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;
*/

body, textarea{font-size:100%;}	/*  E2R on a 23px Horizontal Grid  */
body, textarea{line-height:23px;	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; }
pre, code, tt {line-height:19px;	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; } /* IE will likely need a different line-height set*/
h1, h2, h3, h4, h5, h6 {margin-bottom:0;}
h1 {font-weight:normal;	font-size:30px;	margin-bottom:0;	line-height:46px;}
h2 {font-weight:normal;	font-size:27px;	margin-bottom:0;	line-height:46px;}
h3 {font-weight:normal;	font-size:23px;	margin-bottom:0;}
h4 {font-weight:normal;	font-size:20px;	margin-bottom:0;}
h5 {font-weight:bold;	font-size:17px;	margin-bottom:0;}
h6 {font-weight:bold;	font-size:14px;	margin-bottom:0;}
p  {font-weight:normal;	font-size:16px;	margin-bottom:23px;}

a {text-decoration:underline;}
abbr, acronym {border-bottom:1px dotted #666;}
address {font-style:italic;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {font-style:italic;	quotes:"" "";}
dfn	{font-weight:bold;	font-style:italic;}
dl dt	{font-weight:bold;}
em	{font-style:italic;}
hr	{height:2px; }
pre 	{white-space:pre;}
pre, code, tt	{font-size:16px;}
small{font-size:12px;}
strong{font-weight:bold;}
sup, sub{line-height:0;}

/*** Form Typo ***/
legend   {font-weight:bold;}
textarea {line-height:23px;}
input, select, textarea {font-size:16px;}
label{font-weight:bold; line-height:23px;}

/*** List Typo ***/
ol > li{list-style-type:decimal;}
ul > li {list-style-type:disc;}
li {font-size:16px;}

/*** Table Typo ***/
caption, th {font-weight:bold; }
tfoot {font-style:italic;}

/*** Common Classes ***/
.small{font-size:12px;}


/*************  C O L O R  +  S T Y L E  *************/

body{ background:#fff url('../images/grad.jpg') repeat-x 0 0;

}
body, textarea {color:#444;}
h1, h2, h3, h4, h5, h6{color:#000;}
a:focus, a:hover, a:visited {color:#000;}
a{color:#009;}
blockquote {color:#666;}
del{color:#666;}
hr{color:#000; background-color:#000;}

/*** Button Color ***/
a.button		{background:transparent url('mask-black-25.png') repeat 0 0; text-decoration:none;}
a.button:hover	{background:transparent url('mask-black-50.png') repeat 0 0;}

/*** Form Color ***/
fieldset {border-color:#444; border-style:solid;}
input, select, textarea {background-color:#fff; border-color: #777; border-style: solid;}
input:hover	{background-color:#9f9; }
select:focus	{background-color:#9f9;}
input:focus	{border-color:#0f0; }
textarea:focus{border-color:#0f0; }

/*** Table Color ***/
table, tr, td {border-color:black; border-style:solid;}
tr.even td {background-color:#eef;}


/*** Common Class Color ***/
.added {background-color:#060;color:#fff;}
.highlight {background-color:#ff0;}
.loud {color:#F00;}
.quiet {color:#666;}
.removed {background-color:#900;color:#fff;}
.error, .notice, .success {border-width:2px; border-style:solid }
.error	{background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4;}
.notice	{background:#FFF6BF; color:#514721; border-color:#FFD324;}
.success{background:#E6EFC2; color:#264409; border-color:#C6D880;}
.error a    {color:#8a1f11;}
.notice a  {color:#514721;}
.success a{color:#264409;}
.rounded {
  color: #444;
  background-color: #fff;
  border: 4px solid #000;
  -moz-border-radius: 20px;
  -webkit-border-radius:20px;
  behavior: url(css/zf-border-radius.htc);
}



/*****************  D E B U G  ******************/

/* body {background: transparent url(grid.png) repeat scroll 0 0; }   /*  Sets up Grid for verifying horizontal rule   */