html 	{width:100%; }
body	{background:#4E595F url('images/body-bg.gif') repeat-x 0 0; margin:0; padding:0; font-family:"Trebuchet MS", Verdana, Arial, "Times New Roman", serif; font-size:70%; color:#666666; width:100%; }

p		{padding:0 0 15px 0; margin:0; line-height:140%; }
h5		{margin:0; padding:0; color: #CC6633; font-size:250%; font-weight:bold; }
h3		{margin:0; padding:0 0 10px 0; font-size:140%; font-weight:bold; color:#1A292F}


/*link styling*/
a			{color:#CC6633; text-decoration:none; }
a:hover		{color: #CC6633; text-decoration:underline; }


/*structural elements*/
.section 		{text-align:center; width:100%; border-bottom:1px solid #637076 }

#header			{background:#1A292F; margin:0 auto; text-align:left; padding:10px 10px 10px 10px; width:740px; border-left:1px solid #637076; border-right:1px solid #637076; }
#container		{margin:0 auto; text-align:left; padding:0 20px 20px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076; }
#logo			{background:#E8EDF7; float:left; padding:5px 20px; width:200px; font-family: Georgia; text-align:center; min-height:24px; }
#pics	{text-align:center; }
#news			{background:#E8EDF7; float:left; width:200px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; }
#menu			{background:#1A292F; margin:0 0 0 260px; border:1px solid #FFFFFF; padding:5px; color:#FFFFFF; text-align:center; }
#content		{background:#E8EDF7; margin:20px 0 0 260px; padding:20px 20px 5px 20px; border:1px solid #FFFFFF; }
#footer			{margin:0 auto; text-align:left; padding:10px 20px 30px 20px; width:720px; border-left:1px solid #637076; border-right:1px solid #637076 }
#footer p		{background:#1A292F; padding:7px; font-size:90%; color:#637076; border:1px solid #637076; text-align:center;}


/*section dependant style over-rides*/
#news h2	{margin:0; padding:5px 0 0 0; font-size:120%; font-weight:bold; color:#1A292F;   border-top:1px solid #000000; }
#news p		{padding:5px 0;}

#header p	{text-align:center; font-size:170%; color:#E8EDF7; padding:45px 0 0 0; }

ul#menu 	{ }
ul#menu li	{margin:0; padding:0; list-style:none; display:inline; }
ul#menu  a	{color:#FFFFFF; text-decoration:none; padding:10px 15px; }
ul#menu  a:hover		{color: #CC6633; text-decoration:none; }

#pics img	{margin:20px 10px;border:1px solid #FFFFFF;  }
#content img		{border:1px solid #000000; float:right; margin:0 0 20px 20px; }

/*just makes sure the content doesn't spill out the boxes*/
.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 */