/* << ----------------// General Styles //---------------->> */

body {

margin:10px;
padding:0;
background-color:#ccffff;
font-family:Verdana, Georgia, "Times New Roman", Times, serif;
font-size:16px;
line-height:18px;
color:#000000;
}

.rounded {
  -moz-border-radius:2ex;
  -webkit-border-radius:2ex;
} 


strong {

font-weight:bold;
}
em {
font-style:italic;
}
h1 {
font-size:26px;
}
h2 {
font-size:18px;
}
h3 {
font-size:16px;
text-align:justify;
margin-left:80px;
padding-right:20px;

}


h4 {
font-size:17px;
}


a:link, a:visited {
color:blue;
text-decoration:none;

}


a:hover, a:active {
color:#cc3300;
text-decoration:underline;

}

ul {
margin:5px 0 5px 20px;
padding:0;
list-style-type:disc;
}





ul li,  li {

margin:0 0 0 0;
padding:0;
}

ol  {
	list-style:decimal;
}
ol {
	margin-left:30px;
	margin-top:8px;
}
ol li  {
	font-size:.7em;
	
}

/* << ----------------// Outer container that holds all the columns //---------------->> */

#mainContainer {

margin:0 auto;
padding:0;
width:932px;
}

/* << ----------------// Header //---------------->> */

#header {
margin:0;
padding:0px;
height:180px;
font-family:verdana;
font-size:.75em;
background-color:#ffffff;
background-image: url("img/white-header.jpg");
}


#header h2  {
position:relative;
left:200px;
top:30px;
text-align:center;
}

#header h1  {
position:relative;
top:50px;
left:20px;
font-size:3em;
line-height:30px;
}

#header p  {
position:relative;
left:200px;
top:50px;
text-align:center;
}

#header h1 [id="hugh"] {
font-size:68px;
}


/* << ----------------// Horizontal navigation //---------------->> */

#navHorizontal {

padding:0 131px 0 120px;
height:30px;
line-height:30px;
font-size:.9em;
background-image:url("img/nav-grad.jpg");
background-color:#ffffff;


}



#navHorizontal ul {

padding:0;
list-style:none;
}



#navHorizontal ul li {

padding:5px 0 5px 0;
list-style:none;
display:inline;

}



#navHorizontal ul li a:link, #navHorizontal ul li a:visited {
padding-right:5px;
color:#000000;
text-decoration:none;
border-right:1px solid #999999;
padding-left:5px;
}



#navHorizontal ul li a:hover, #navHorizontal ul li a:active {

text-decoration:none;
color:blue;
background-color:#ffffff;
padding-left:5px;

}







/* << ----------------// Left column //---------------->> */

#columnOne {

float:left;

text-align:center;

padding:8px 5px 0px 5px;
margin:0px 0 0 0;
width:140px;
background-color:#ffffff;

}

#calloutbox2  {
margin:10px 0 0 0;

}


#calloutbox2 p  {
font-size:10px;

font-weight:normal;

text-align:justify;

text-color:#000000;
line-height:11px;

margin:5px 0 0 5px;

}



#columnOne h2, #columnThree h2 {

font-size:16px;

}

#columnOne  p  {
	font-size;12px;
	text-align:center;
	padding-top:5px;
}



#calloutbox3 {
margin:18px 0 0 0;
padding:0;
width:auto;
height:auto;

}

#calloutbox3 p {
	font-size:.7em;
	line-height:12px;
}


#button  {

padding:2px;

height:45px;

width:115px;

margin:5px 5px 10px 10px;

border-color:black;

border-style:solid;

border-width:1px;
position:relative;
top:40px;

}





.button a:hover, a:visited  {

color:#cc0000;

}



/* << ----------------// Vertical navigation //---------------->> */



/* << ----------------// Middle column //---------------->> */

#columnTwo {

float:left;

margin:0;

padding:0 5px 10px 5px;

width:590px;
background-color:#ffffff;

}



#columnTwo p  {

text-indent:2em;

text-align:justify;
font-size:12px;
padding:5px;



}



#columnTwo h1  {

font-family:Verdana;

text-align:center;
font-size:18px;
line-height:20px;

}



#columnTwo h2[id="frontpage"]  {

text-align:left;

font-size:16px;

font-family:georgia;

}



#columnTwo h1[id="welcome"]  {

font-size:22px;

font-family:georgia;

}



#columnTwo h2  {

text-align:center;

font-size:16px;

}



#bodybait  {

text-align:center;

padding-top:10px;
padding-bottom:10px;

}



#searchbox  {

border:1px solid black;

position:relative;

top:-10px;

}



#socialmarker  {

position:relative;

right;50px;

bottom:30px;

margin:8px;



}



#headshot  {

border:1px solid black;

margin-left:170px;

}





#chairs  {

position:relative;

margin-left:160px;

border:2px solid black;

}



#office  {

position:relative;

margin-left:160px;

border:2px solid black;

}
#calloutbox 4 {
	margin-top:10px;
}
#calloutbox1  {
margin:5px 0 0 0;
}

/* << ----------------// Right column //---------------->> */

#columnThree {
float:left;
margin:0px 0 0 0;
padding:14px 5px 0px 5px;
width:140px;
background-color:#ffffff;
}

#columnThree p  {
	font-size:12px;
	text-align:center;
}

#rss-icon  {
position:relative;
left:20px;
top:0px;
}




#smallhead  {
position:relative;
margin-left:8px;
margin-top:10px;
margin-right:8px;
border-width:1px;
border-style:solid;
border-color:#000000;

}



#columnThree a:link, a:visited  {
color:#800080;
}



#columnThree h2  {
font-size:10px;
font-weight:normal;
text-align:center;
text-color:#000000;
line-height:12px;
position:relative;

}

#movie  {
padding:2px;
position:relative;
top:3px;
right:5px;
}


#marker  {

position:relative;

top:35px;

}

#calloutbox6  {
	padding-top:0;
	margin-top:0;
	position:relative;
	bottom:10px;
	
}





/* << ----------------// Footer //---------------->> */

#footer {

margin:0;

text-align:center;

padding:5px 5px 5px 10px;

width:885px;

height:20px;

font-size:10px;

color:blue;

background-color:#ffffff;

clear:both;

}



#footer a:link, #footer a:visited {

color:blue;

text-decoration:none;

}



#footer a:hover, #footer a:active {

color:#000000;

text-decoration:underline;

}



/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.clearfix {display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */