body{
margin:0;
padding:0;
background:#323232;
line-height: 1.5em;
height: 100%;

}

p {
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

b{ font-weight: bold; }

A:link {text-decoration: none; color: #aa2025;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #68181b;}

h1 {
font: bold 13px Verdana, Helvetica, sans-serif;
border-bottom: 1px solid #c43439; 
width: 325px;
}

h2 {
font: bold 13px Verdana, Helvetica, sans-serif;
border-bottom: 1px solid #c43439; 
width: 145px;
}

h3 {
font-size: 16px; 
font-weight: bold; 
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4 { font-size: 13px; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-transform: uppercase; 
border-bottom: 1px solid #c43439; 
width: 600px;}

h5 { font-size: 13px; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-transform: uppercase; 
border-bottom: 1px solid #c43439; 
width: 200px;}

h6 { font-size: 12px; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-transform: capitalize;}

h7 { font-size: 12px; 
font-weight: bold; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-transform: capitalize;}


/*b{font-size: 110%;}*/

em{color: red;}

#maincontainer{
background: #aa2025 url(../images/mainbg_3.gif) repeat-y;
/*background: #f3c31d;*/
width: 1140px; /*Width of main container: this width includes 20 extra px on each side for shadow*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
/*background: #EAEAEA;*/
background: black url(../images/header/photo01.jpg) repeat-x bottom left;
height: 150px; /*Height of top section*/
width: 1100px; /*Width of main container*/
margin-left: 20px; /*Set left margin to -(MainContainerWidth)*/
text-align: center;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 250px 0 240px; /*Margins for content column. Should be "0 RightColumnWidth(+20 for shadow) 0 LeftColumnWidth(+20 for shadow) */
min-height: 350px;
height: 100%;; /*Height of content section*/
font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; /*defining the font here makes the underline tighter for some reason*/
}

#leftcolumn{
float: left;
width: 220px; /*Width of left column in pixel*/
margin-left: -1120px; /*Set margin to that of -(MainContainerWidth)*/
height: 100%;
z-index:999;
/*background: #aa2025;*/
}

#rightcolumn{
float: left;
width: 230px; /*Width of right column*/
height: 100%;
margin-left: -250px; /*Set left margin to -(RightColumnWidth -another 20 for shadow)*/
font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
/*background: #ffcd20;*/
}

#footerMap{
z-index:1;
}

#footer{
/*background: black url(../images/menus/footer.gif) repeat-x bottom left;*/
background: url(../images/footer/bottom_ribbon.jpg) repeat-x top left;
clear: left;
width: 100%;
width: 1140px;/*Set left margin to -(MainContainerWidth) minus the shadows on either side.*/
margin-left: 0px; /*(20 for shadow)*/
/*background: black;*/
color: #FFF;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align: center;
padding: 0px 0;
height: 265px; /*Height of footer section*/
position: relative
z-index:1;
}

#footer a {
color: #FFFF80;
text-decoration:none;
}

.hide {
visibility:hidden;
}


 /*THE INNERTUBES*/

.innertube{
margin: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 25px;
}

.innertube_menu{
margin: 7px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 13px;
}

.innertube_top{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0px;
}

.innertube_main_include{
margin-left: 25px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 20px;
margin-right: 20px;
margin-bottom: 35px;
}

.innertube_right{
margin-left: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 20px;
}

.breadcrumbs{
font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin-left: 25px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
margin-bottom: 25px;
margin-right: 150px;
}

.login{
font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin-left: 25px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 330px;
margin-bottom: 25px;
margin-right: 150px;
}

/*THE ACCORDION MENU ON THE LEFT*/


.glossymenu * {

}

.glossymenu{
margin: 5px 0;
padding: 0px;
width: 205px; /*width of menu*/
border: 1px solid #990033;
border-bottom-width: 0;
position: relative;
z-index:999;
}

.glossymenu a.menuitem{
	background: #ab2025 url(../images/menus/glossyback.gif) repeat-x bottom left;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative;
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	left: 0px;
	top: 0px;
	
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/menus/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #f4eded;

}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;

}

.glossymenu div.submenu ul li{ /* color and thickness of lines within each sub menu*/
border-bottom: 1px solid #4d1214;
z-index:1000;
}

.glossymenu div.submenu ul li a{ /* sub menu font info*/
display: block;
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #4d1214;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;

}

.glossymenu div.submenu ul li a:hover{ /* rollover color of sub menu background*/
background: #dfd1cb;
color: black;

}

/*FEEDBACK FORM */

.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 500px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 180px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px solid #c43439;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 75px;
background: #e1dfe0;
}

a
{
  outline: none;
}

ul{list-style-type: square;}

.ulBody {

font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: 1.0em;
font-weight: normal;
font-variant: normal;
line-height: 1.5em;
text-decoration: none;
text-indent: 0px;
list-style-position: outside;
padding: 0px;
margin-left: -25px;
margin-right: 30px;
}
