/* Reset
------------------------------------------------------------ */
#container {
  width: 920px; /*If you add borders/padding/margin to your grid boxes you'll need to adjust this*/
}
.gridBox1, .gridBox2 {
  /*height: 200px;
  width: 200px;
  background-color: #555;*/
  float: left;
}
.gridBox2 {
 /* background-color: #999;*/
}



* { margin: 0; padding: 0; }

html { overflow-y: scroll;}

body { 	background:#ffffff; 
		font-size: 13px; 
		color: #111111; 
		font-family: Arial, helvetica, sans-serif;
	   	background-repeat:repeat; 
       	background-image:url('../images/backgrounds/B_foliage-100h.gif'); }
	         
ol, ul { list-style: none; margin: 0;}

ul li { margin: 0; padding: 0;}

h1 { margin-bottom: 10px; color: #111111;}

h2 { margin-top: 10px; margin-bottom: 10px; color: #111111;}
	
a, img { outline: none; border:none; color: grey; font-weight: bold; text-transform: uppercase;}

a:hover
{
background-color:black; color:white;
}

nav a:hover
{
background-color:black; color:white;
}

p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em; }

img { display: block; margin-bottom: 10px;}

aside { font-style: italic; font-size: 0.9em;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}

	
/* Structure */
#wrapper {
	width: 96%;	
	max-width: 920px;
	margin: auto;
	padding: 2%;
	} 

#main {
	width: 60%;
	margin-right: 5%;
	float: left;
	}		
		
aside {
	width: 35%;
	float: right;
	background-color:rgba(192,192,192,0.3);
	}

/* Logo H1 */
header h1 {
	height: 85px;
	width: 160px;
	float: left;
	display: block;
	/*background: url(../images/glissonlogo-140w.gif) 0 0 no-repeat;*/
	text-indent: -9999px;
	}
		
/* Nav */
header nav {
	float: right;
	margin-top: 20px;
	margin-bottom: 10px;
	background-color:white;
	font-style:italic; 
	}
	
header nav li {
	display: inline;
	margin-left: 15px;
	}

#skipTo {
	display: none;
	}
	
#skipOff {
		display: block;
	}		
	
#skipTo li {
	background: #b1fffc;
	}

/* Banner */			
#banner {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	}

	#banner img {
	width: 100%;
	}

/*New look */

img#a 
{
float:left;
}
img#b
{
float:left;
width: 80%;
}
img#c
{
float:right;
}
p#a
{
clear:both;
}

strong{font-weight:bold}

em {font-style:italic}

span.glisson{font-family:"Brush Script Std","Brush Script",serif}

p#d
{

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
}






/* Media Queries */
@media screen and (max-width: 625px) {

	#skipTo {
		display: block;
		}
		
	#skipOff {
		display: none;
		}	
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
	header nav li {
		margin: 0;
		background: #efefef;
		display: block;
		margin-bottom: 3px;
		}
	header nav a {
		display: block;
		padding: 10px;
		text-align: center;
		}			
}