/* Redefine root styles  //////////////////////////////////////////////// */
body {
	font: 12px verdana, arial, helvetica, sans-serif;
	color:#000;
	background-color: #fff;
line-height: 1.2;
	}

a {
	color: #336699 ;
	}

a:hover {

}


h1 { 
font-size: 18px;
border-bottom: #999 1px solid;
padding: 2px;

}
h2 {
font-size: 15px;

}
h3 {
font-size: 13px;
padding-top: 2px;
margin-bottom: 2px;
}

table {
	border: #ccc 1px solid; 
	font-size:12px;
}

th {
	text-align: left;
	font-weight: bold;
	background-color: #eee;
}
ul{
	list-style-type: square;
}
li{ padding: 2px;}

/* ///////define style classes for use within content////////// */
.button {
   	background-color: #336699;
	color: #ffcc33;
        font-weight: bold;
        padding: 2px;
         border-top: #ccc 1px solid;
        border-left: #ccc 1px solid;	
        border-bottom: #000 1px solid;
        border-right:#000 1px solid;
}

#page_index {

	padding: 2px;
	font-size: 10px;
	margin-bottom: 10px;
}
.smallprint {
        font-size: 90%;
}
.form {
	padding: 5px;
	font-size: 12px;
}
. form ul {
	margin-left: 0px;
	padding-left: 0px;
}
.form li {
    list-style-type: none;
	padding-bottom: 10px;
}
 

/* ///define image presentation within content because xhtml1.1 depreciates img:align///*/ 

.border{
	border: #000 1px solid;
}

.bordernleft {
	border: #000 1px solid;
	float: left;
	margin-right: 5px;
}
.bordernright{
	border: #000 1px solid;
	float: right;
	margin-left: 5px;
}
.noncss {
	DISPLAY: none;
}

/* Define styles for header section ///////////////////////////////// */

#header {
	padding-left: 10px; 
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 2px; 
	font-size: 18px;
	font-weight: bold;
        height: 50px;
	border: #000 1px solid;
	
    

	BACKGROUND: url(flaglogo.gif) #336699 no-repeat 0% 50%;
}
	#header h1 {
		margin: 0px;
		padding: 0px;
		text-align:center;
		border: none;
color: #ffcc00;
	}

	#header h2 {
		margin: 0px;
		padding: 0px;
text-align: center;
		color: #fff;
		font-size: 11px;
		padding-top: 4px;
		font-weight: normal;
}

/* Define content section style and substyles //////////////////////// */
#content {
	margin-left: 10px;
	margin-right: 210px;
	width: auto; 
	position: relative; 
	min-width: 120px;
	padding: 10px;
	line-height: 150%;

}
#content p {

}

#navcrumbs {
	padding: 3px;
	font-size: 10px;
      	font-weight: bold;
}
	#navcrumbs a {
      		text-decoration: underline;
		color: #336699;
		font-weight: normal;
	}
	#navcrumbs a:hover {
		color: #ffcc33;
	}

/* /////////////////Define Styles for left hand content (menu and notes) /////// */
#leftcontent{

	right: 10px;  
	width: 200px; 
	position: absolute; 
	top: 80px;
        margin-bottom:100px;
	background-color: #fff;

}

#menu {
}

#menu li {

list-style-type: none;
border-bottom: #999 1px solid;
margin: 5px;
color: #336699;
}

#menu ul{
margin: 0px;
padding: 0px;

}
#menu li a:hover {
color: #fff;
background-color: #336699;
}

#menu li a {

display: block;
text-decoration: none;
font-weight: bold;

		}


#leftnote{

	font-size: 10px;
	border: #999 1px solid;
background-color: #f5f5f5;
padding: 5px;
}

#leftnote h1{
font-size: 10px;
border: 0px;
padding: 0px;
}



.loud {background-color: #ffcc00;}

.note { font-size: 10px;
color: #999;
}