body  {
        margin: 2px 0;
        padding:0;
        border:0; /* removes border around viewport in old versions of IE */
        width:100%;
        background:#3885c2;
        min-width:660px;    /* Minimum width of layout  */
        font-family:verdana,arial,helvetica,sans-serif;
		font-size:90%;
		/* word-wrap:break-word; */
}

a {
    	color:blue;
	}

td a:hover, p a:hover {
		color:#369;
		background:#ffff99;
		text-decoration:none;
	}

h1, h2, h3, h4 {
        font-family:verdana,arial,helvetica,sans-serif;
        margin:.7em 0 .2em 0;
        padding:0;
        color: #369;
}

h1 {
	font-size:large;
}
h2, h3 {
	font-size:1em;
}
h3.inside {
        margin:	1.2em 0 .4em 0;
}

p, td, li {  font-family:Arial, Helvetica, sans-serif; }

p {
        margin:.4em 0 .8em 0;
        padding:0;
        font-size:.9em;
    }

img { margin:0px 0px; border:0; }
img.left { margin:0px 10px 8px 0px; border:0; float:left; border:0; }
img.right { margin:0px 0px 8px 10px; border:0; float:right; border:0; }

.menutext, .menutext ul {
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.menutext li {
	margin-left: 3px;
	padding: 2px 5px 2px 0px;
	list-style: none;
	font-size:1em;
	line-height:1.2em;
	border-bottom: 1px solid #cccccc;
}

.menutext a { display:block; text-decoration: none; color: #003366; background-color: inherit; border-bottom: 1px solid #ffffff; padding: 0px 5px 0px 5px; }
/*
.menutext a { word-wrap: break-word; Internet Explorer 5.5+  }
*/
.menutext a:visited { text-decoration: none; color: #003366; background-color: inherit; }
.menutext a:hover { text-decoration: none; color: #ffffff; background-color: #ff9e3d; }
li #thispage { text-decoration: none; color: #ffffff; background-color: #6fbe34; padding: 0px 5px 0px 5px; }

.menutext li ul li ul li, .menutext li ul li {
	font-size:.9em;
	margin-left: 0px;
	padding-left: 10px;
}

	/* Header styles */
#header {
        clear:both;
        width:100%;
        max-width: 1000px;
        background-color:#ffcc00;
        margin: 0px auto;
        height: 52px;
        overflow: hidden;
        padding: 0px;
		/* border-bottom:1px solid #0099ff; */
	}
	
.logo {
	display:table-cell; vertical-align:middle; width:300px; height:40px; float:left; text-align:left; margin:5px 0px 0px 15px; padding: 0px;
}	
.search {
	display:table-cell; width:300px; float:right; text-align:right; margin:0 25px 10px 0px; padding:0px;
}
.search form { margin-bottom:10px; }
.search input { margin-top:0px; margin-bottom:10px; }
.search .s2  { 
font-family: Arial, Helvetica, sans-serif; font-size: 8pt; letter-spacing: 1pt; padding-left: 4px; padding-right: 0px; padding-top: 0; 
padding-bottom: 0; margin:0 0 10px 0; }
select, input { color:#000000; background-color:#ffff99; }
	
#breadcrumbs {
clear:both;
/* width:100%; */
max-width: 970px;
color:#ffffff; 
background-color:#0099ff;
font-weight:normal; 
font-size:.8em; 
/* line-height:2em;  */
font-family:verdana,arial,helvetica,sans-serif; 
text-decoration:none; 
padding:2px 15px !important;
margin: 0 auto;
text-align:left;
}
#breadcrumbs a,
#breadcrumbs a:visited,
#breadcrumbs a:hover { color:#ffffff; background:#0099ff; text-decoration:none; }

	/* column container */
.colmask {
		overflow: hidden;	/* chop off any overhanging divs */
	    position:relative;	/* fixes IE7 overflow hidden bug */
	    clear:both;
        width:100%;			/* width of whole page */
        max-width: 1000px;
        margin: 0 auto;
		background-color:white;
}
	/* common column settings */
.colright,
.colmid,
.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
.col1,
.col2,
.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, just make them narrower instead 
								only padding top and bottom is included here */
		overflow:hidden;
	}
	
.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:80%;				/* right column width */
		background:#fff7cc;		/* left column background colour */
	}
	.leftmenu .col1 {
		width:76%;				/* right column content width */
		left:102%;				/* 100% plus left column left padding */
		background:#fff;
	}
	.leftmenu .col2 {
		width:18%;				/* left column content width (column width minus left and right padding) */
		left:5%;				/* (right column left and right padding) plus (left column left padding) */
	}
	
.triplerow     { width:100% }
.tleftcol  	   { width:33%; height:75%; float:left; }
.midcol  	   { width:33%; height:75%; float:left; padding-left:5%; }
.trightcol      { width:28%; height:75%; float:left; }
.leftcol  	   { width:50%; height:75%; float:left }
.shortleftcol  { width:49%; height:75%; float:left }
.rightcol  	   { width:50%; height:75%; float:right }
.shortrightcol { width:48%; height:75%; float:right }

.clear { clear:both }
	
	/* Footer styles */
#footer {
        clear:both;
        width:100%;
        max-width: 1000px;
        /* height:30px; */
        margin: 0 auto;
        background-color: #fff;
		border-top:1px solid #ccc;
		padding-bottom:12px;
		overflow:hidden;
}
    
#footer p {
        padding:10px;
        margin:0;
}
.blue       { color:#ffffff; background-color:#0099ff }
.green      { color:#ffffff; background-color:#6fbe34 }
.orange     { color:#ffffff; background-color:#ff9e3d }
.gold       { color:#ffffff; background-color:#f0c000 }
.bluebox    { color:#000000; background-color:#ffffff; border:1px solid #0099ff  }
.greenbox    { color:#000000; background-color:#f8fcfc; border:1px solid #66c4b6  }
.orangebox   { color:#000000; background-color:#fdfcf2; border:1px solid #ff9e3d  }
.goldbox     { color:#000000; background-color:#fdfcf2; border:1px solid #f0c000  }