/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */



/* Purpose: undo some of the default styling of common (X)HTML browsers */



/* link underlines tend to make hypertext less readable, 

   because underlines obscure the shapes of the lower halves of words */

:link,:visited { text-decoration:none }



/* no list-markers by default, since lists are used more often for semantics */

ul,ol { list-style:none }



/* avoid browser default inconsistent heading font-sizes */

/* and pre/code too */

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }



/* remove the inconsistent (among browsers) default ul,ol padding or margin  */

/* the default spacing on headings does not match nor align with 

   normal interline spacing at all, so let's get rid of it. */

/* zero out the spacing around pre, form, body, html, p, blockquote as well */

/* form elements are oddly inconsistent, and not quite CSS emulatable. */

/*  nonetheless strip their margin and padding as well */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

{ margin:0; padding:0 }



/* whoever thought blue linked image borders were a good idea? */

a img,:link img,:visited img { border:none }


/* de-italicize address */

address { font-style:normal }



/* this adds a vertical scrollbar to all pages in non IE browsers, stopping the jumping as page lengths vary and scroll bars come and go */

html{
	height: 100%;
	margin-bottom: 1px;
}

/* finish undo html */


body  {
	margin:0;
	padding:0;
	font-family:verdana, arial, times, georgia, sans-serif;
}



img.left {
	float:left;
	padding:3px;
	margin-right:6px;
	border:1px solid #c4c4c4;
}

img.right {
	float:right;
	padding:3px;
	margin-left:6px;
	border:1px solid #c4c4c4;
}

img:hover {
   color: #fff;
	background-color: #EbF1F5;
}

#wrapper {
	height:100%;
	margin:auto;
	width:624px;
}

	
/*************************** HEADER PROPERTIES ************************/
#top {
	margin:0 auto;
	padding:10px;
	width:624px;
	}
	
	

	

/************************** MAIN CONTENT IN MIDDLE ******************/

#middle {
	float:left;
	width:500px;
	line-height:16px;
	padding-left:20px;
	padding-right:20px;
}
	
#middle p, p {
	font-size:11px;
	color:#404040;
	background-color: #fff;
	padding-bottom: 7px;
}

#middle ul, li {
	font-size:11px;
	color:#404040;
	background-color: #fff;
}


#middle h1 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:21px;
	font-weight:bold;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:7px;
	margin-bottom: 7px;
	margin-top:10px;
}

#middle h2 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:16px;
	line-height: 18px;
	font-weight:normal;
	padding-bottom:7px;
	margin-bottom: 7px;
	margin-top:10px;
}

#middle h4 {
	font-family:"Century Gothic", verdana, arial, times, sans-serif;
	font-size:12px;
	font-weight:bold;
}


/********************************************    FOOTER  *****************/
#footer {
	border-top:1px solid #c4c4c4;
	padding-top:5px;
	text-align:center;
	width:624px;
	margin:0 auto;
	clear:both;
}

.footer {
	margin-top:-2px;
}