/* Start Photo Gallery Section */
.figure {
	float: left;
	width: 210px;
	margin: 0 10px 10px 10px;
}
.figure p {
	font: bold 1em/normal Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	margin: 10px 0 10px 0;
	height: 5em;
}

.photo img {
	border: 1px solid #000;
	background-color: #FFF;
	padding: 4px;
	/*position: relative; #####REMD BY DW TO PREVENT MENU RUNNING UNDER PHOTO*/
	top: -5px;
	left: -5px;
}

/*################################# START MAIN MENU SECTION ##########################*/
/*################################# Set  MAIN Menu Width ##############################*/
#menu {
width: 12em;
background: #0000CC <!-- FBFBEF -->;
}
/*############################### Strip usual bullets etc added by browser ######*/
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
/*############################### Make h2 & a tags same basic look ###############*/
#menu a, #menu h2 {
font: bold 14px/30px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
margin: 0;
padding: 2px 3px;
}
/*############################### Make h2 setup for  MAIN menu categories ################*/
#menu h2 {
color: #fff;
background:#0000CC <!-- #000 -->;
text-transform: uppercase;
}
/*############################### Make a setup for  MAIN menu items ######################*/
#menu a {
color: #ffd800;
background: #1a0876;
text-decoration: none;
}
/*###############################  MAIN Menu Items Hover Behavior ######################*/
#menu a:hover {
color: #d2ba32;
display: block;
border-width: 1px;
border-style: solid;
border-color: #a00 #a00 #a00 #a00;
/*background: #white;*/
}
/*############################### Create Sub  MAIN Menu Items ###########################*/
#menu ul ul ul {
position: absolute;
top: 0;
left: 0;
}
/*############################### Position Sub  MAIN Menu Items ###########################*/
#menu li {position: relative;}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
/*############################### Display & Hide Sub MAIN  Menu Items #####################*/
div#menu ul ul ul 
{display: none;}
div#menu ul ul li:hover ul 
{display: block;}
/*############################ Display & Hide Sub -> Sub  MAIN Menu Items ##################*/
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/*############################ End  MAIN Menu Style #########################################*/
/*############################ Begin Page Layout #########################################*/
/*############################ Page Outline #########################################*/
div.container
{
width:100%;
margin:0px;
border:0px solid blue;
line-height:150%;
}
/*############################ Header Background #########################################*/
div.header,div.footer
{
padding:0.5em;
    text-align:center;
color:Red;
background-color:#1a0876;
clear:left;
}
/*######################## SETS UP CLASS "LEFT" TO CREATE LH COL. ##############*/
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
/*######################## SETS UP CLASS "CONTENT" TO CREATE MAIN BODY ##############*/
div.content
{
margin-left:220px;

border-left:3px solid #1a0876;
padding: 2em;
}
/*############################ End Page Layout #########################################*/
/*############################ Change HR tag #########################################*/
hr {
border: 0;
width: 70%;
color: #1a0876;
background-color: #1a0876;
height: 3px;
}
/*############################ Change H1 and H2 tag #########################################*/
h2 { color: #880e0e; }
h1 { color: #1a0876; }

/*######################## SETS UP SUB MENU #########################################*/
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #1a0876;
color: #ffd800;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #1a0876;
color: #ffd800;
text-decoration: none;
float: right;
border-left: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #1a0876;
color: #d2ba32;
}
/*######################## END SUB MENU SETUP #########################################*/
/*####################### Stlyes for form layout ###########margin: 0 2em 1px 0############################*/


fieldset
{
background-color:  #1a0876;
border: #ffd800 solid 2px;
width: 7.5em
} 
legend
{
background: #ffd800;
border: #1a0786 solid 2px;
padding: 1px 25px
}
label {
color: #ffd800;
width: 8em;
float: left;
text-align: left;
margin-left: 2em;
clear: both
} 
.submit-button {
margin-left: 1em;
clear: both
color: #000;
background: #ffd800;
border: 2px #9cf outset
}
.input-box {
float: left;
margin-bottom: 8px
margin-left: 2em;
color: #26a;
background: #feb;
border: #ffd800 solid 2px
} 
div.congress
{
float:left;
margin:4px;
}
/*####################### END Stlyes for form layout #########text-align: left;##############################*/
/*####################### Defines location of img float right  ###########################*/
img.floatRight { 
    float: right; 
    margin: 4px;
   
}