/*defaults*/
body 	{background:#2765AF url('../img/body_bg.jpg') repeat-x 0 0; color:#000000; margin:20px 0; padding:0; font-family:verdana,sans-serif; font-size:16px; }
p		{margin:0; padding:0 0 16px 0; }
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#225799; text-decoration:none;}
h3             { font-family:verdana,sans-serif; font-size:22px; }

/*structural elements*/
#container	{margin:0px auto; text-align:center; width:760px;}
#holder		{width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#logo		{background:url('../img/logo.gif') no-repeat 150px 0; border-bottom:1px solid #DADADA; padding:5px 30px 20px 0px;}


#navigation	{padding:10px 0; }
#header		{background:#DADADA; padding:10px; }
#header img { max-width: 100%; height: auto;}

#content	{float:left; width:490px; padding:20px 10px 0 0; line-height:160%; }
#footer		{clear:both; height: 120px; width:100%; font-size:80%; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #2765AF; }
#copyright	{ margin-top: 100px; background:#DADADA; float:right; width:490px; text-align: right; font-size:80%;font-family:verdana,sans-serif;}
#blockl		{ background:#DADADA; float:left; width:220px; font-family:verdana,sans-serif; }

/*headings*/
#content h1		{font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 2px 0; }
#logo h1		{font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; }


/*navigation*/
#navigation ul 		{margin:0; padding:0; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
#navigation a		{color:#225799; padding:0 20px 0 0; text-decoration:none; }
#navigation a:hover	{color:#000000; }

#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }

/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */



/* Styles for 'max-width 800px' -----------------------------------------  */
@media only screen and (max-width: 800px) {

body 	{background:#2765AF url('../img/body_bg.jpg') repeat-x 0 0; color:#000000; margin:20px 0; padding:0; font-family:verdana,sans-serif; font-size:18px; }
p		{margin:0; padding:0 0 18px 0; }
a		{color:#000000; text-decoration:underline; }
a:hover	{color:#225799; text-decoration:none;}
h3             { font-family:verdana,sans-serif; font-size:22px; }


/*structural elements*/
#container	{margin:0px auto; text-align:center; width:90%;}
#holder		{width:85%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }
#logo		{background:url('../img/logo.gif') no-repeat 165px 0; border-bottom:1px solid #DADADA; padding:5px 30px 20px 0px;}

#navigation	{padding:10px 0; }
#header		{background:#DADADA; padding:8px; }
#header img { max-width: 100%; height: auto;}

#content	{float:left; width:100%; padding:20px 10px 0 0; line-height:160%; }
#footer		{clear:both; height: 120px; width:85%; font-size:80%; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #2765AF; }
#copyright	{display: none;}
#blockl		{ background:#DADADA; float:left; width:220px; font-family:verdana,sans-serif; }


/*headings*/
#content h1		{font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 2px 0; }
#logo h1		{font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; }


/*navigation*/
#navigation ul 		{margin:0; padding:0; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
#navigation a		{color:#225799; padding:0 20px 0 0; text-decoration:none; }
#navigation a:hover	{color:#000000; }

#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }

/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height:1%; }
.clearfix {display:block; }
/* End hide from IE-mac */

}