/*========== First, remove many browser quirks in one fell swoop ==========*/
/*======= http://www.websemantics.co.uk/tutorials/useful_css_snippets/=====*/

* { margin: 0; padding: 0; } /* Removes margin and padding from every element. */

html
{
height: 100%;				/* Sets the window height */
font-size: 100.01%;	/* Set font-size to % fixes WinIE bug. */
}
										  
body
{
min-height: 101%;   /*	Force NS & FF to display vertical scrollbars,
     										preventing content jumping on fixed width pages. */

font-size: 100.01%;	/*	Set font-size to a percentage preventing a Windows IE bug.
     										Set font-size slightly larger than 100% to repair Opera rounding errors,
												but less than 101% to prevent Safari errors. */
line-height: 130%;
}

/**** XHTML Tags ***/
body
{
color: #000000;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin-top: 10px;
margin-left: 10px;
/*\*//*/ MacIE5 only
font-size: 80%;
/**/
}

h1
{
color: #003366;
font-size: 1.2em;
margin-bottom: 1em;
clear: both;
}

h2
{
font-size: 1.1em;
color: #C4C208;
margin-bottom: 1em;
clear: both;
}

p
{
margin-bottom: 1em;
}

ul
{
margin-left: 1.5em;
margin-bottom: 1em;
}

ol
{
margin-left: 4em;
margin-bottom: 1em;
}

a
{
font-weight: bold;
color: #C4C208;
text-decoration: underline;
}

address
{
font-size: 1em;
font-weight: bold;
color: #003366;
font-style: normal;
}

fieldset {
margin-bottom: 10px;
}


legend
{
color: #C4C208;
font-size: inherit;
padding: 0px 0.5em;
}

/*** CSS ID definitions ***/

#breadcrumbs {
display: block;
clear: both;
font-size: 0.8em;
color: #003366;
}

#leftcolumn {
float: left;
display: block;
min-width: 200px;
width: 30%;
}

#contactdetails {
margin-top: 1em;
margin-bottom: 1em;
}

#navigation { 					/* Holding box for navigation graphics */
position: relative;
display: block;				/* Keep the div square */
width: 100%;				/* Fill the width of div.leftcolumn */
}

#roundedboxcontent
{
margin: 15px;
}

#picturebox {
margin-top: 10px;
margin-bottom: 10px;
width: 173px;
}

#mainbody {
float: left;
margin-right: 2%;
margin-left: 2%;
width: 60%;
}

#sectionhead
{
text-align: center;
color: #C4C208;
font-size: 1.3em;
padding: 0.2em;
}

#sectionTitle
{
margin: 5px;
}

#copyright {
display: block;
clear: both;
font-size: 0.8em;
line-height: normal;
text-align: center;
padding-top: 2em;
width: 100%;
}

#kathdesign, #kathdesign a, #kathdesign a:link {
color:#CCCCCC;
font-weight: normal;
}


/*** CSS Class definitions ***/

.olive {
color: #C4C208;
}

.blue {
color: #003366;
}

.smalltext {
font-size: 0.7em;
}

.navButtonList {
list-style-type: none;		/* remove list item bullets */
margin: 0px;				/* remove list item indent */
padding: 0px;				/* remove list item indent */
}


 /* To get around a known bug in IE5/win, apply the
 border (no margin, padding or positioning) to the
 content class and apply whatever positioning you
 want to the contentWrapper class. */

.navbutton
{
display: block;
background-image: url(../images/navbutton.gif);
background-position: 0px -60px;
font-size: 13px;
font-weight: bold;
line-height: 26px;
text-indent: 35px;
text-align: left;
color: #FFFFFF;
margin-bottom: 10px;
height: 27px;
width: 180px;
}

.navbutton a
{
display: block;
background-image: url(../images/navbutton.gif);
background-position: 0px 0px;
color: #003865;
text-decoration: none;
height: 27px;
width: 180px;
}

.navbutton a:hover
{
background-position: 0px -29px;
color: #FFFFFF;
}

.biographyEntry
{
margin: 1.5em 0px;
clear: both;
}

.biographyEntry img
{
float: left;
border: none;
margin-top: 0.2em;
margin-right: 1em;
}

.biographyEntry ul
{
clear: both;
}

.formText
{
}

.required
{
color: #FF0000;
}

/*  CSS for rounded box */
/* Inset 3D Raised */
.raised
{
background: transparent;
width: 100%;
}

.raised .top, .raised .bottom
{
display: block;
background: transparent;
font-size: 1px;
}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b
{
display: block;
overflow: hidden;
}

.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b
{
height: 1px;
}

.raised .b2
{
background: #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
}

.raised .b3 
{
background: transparent; 
border-left: 1px solid #999; 
border-right:1px solid #999;
}

.raised .b4 
{
background: transparent; 
border-left: 1px solid #999; 
border-right:1px solid #999;
}

.raised .b4b 
{
background: transparent; 
border-left: 1px solid #999; 
border-right: 1px solid #999;
}

.raised .b3b 
{
background: transparent; 
border-left: 1px solid #999; 
border-right: 1px solid #999;
}

.raised .b2b 
{
background: transparent; 
border-left: 1px solid #999; 
border-right: 1px solid #999;
}

.raised .b1 { margin: 0 5px; background: #fff; }
.raised .b2, .raised .b2b { margin: 0 3px; border-width: 0 2px; }
.raised .b3, .raised .b3b { margin: 0 2px; }
.raised .b4, .raised .b4b { height: 2px; margin: 0 1px; }
.raised .b1b { margin: 0 5px; background: #999; }

.raised .boxcontent
{
display: block;
background: transparent;
border-left: 1px solid #999;
border-right: 1px solid #999;
padding: 10px;
padding-top: 0px;
}

#picturebox .boxcontent
{
padding-top: 10px;
}

/* ========== CONTACT FORM ======== */
div.clear
{
float: left;
clear: both;
width: 100%;
}

div.column
{
float: left;
text-align: right;
width: 45%;
}

div.layoutright
{
float: left;
text-align: left;
width: 45%;
}

div.layoutrow {
clear: both;
padding-top: 5px;
}

div.layoutrow span.layoutleft
{
float: left;
width: 28%;
text-align: right;
vertical-align: baseline;
margin-right: 5px;
}

div.layoutrow span.layoutright {
float: right;
width: 70%;
text-align: left;
}

.displaytextonly
{
display: none;
}