/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px; background-color:#FCF2D4; background-image:url(images/main-bg.jpg); background-repeat:repeat-x; background-position:top;}

body,td,th {
	font-family:Arial, Helvetica, sans-serif; line-height:1.3em;
	font-size: 12px; color: #333333;
}

a{ outline: none;
    -moz-outline-style: none;
 }



a {
	font-size: 12px;
	color: #B41402;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #B41402;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: underline;
	color: #B41402;
}

.header-mid-bg{background-image:url(images/header-mid.gif); background-repeat:repeat-x; height:107px;}

.arrow{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#CD1702;}

.dotline{background-image:url(images/dotline.gif); background-repeat:repeat-x; height:1px;}

.h1{font-size:14px; color:#CD1702; font-weight:bold;}

.h4{font-size:11px; color:#CD1702; font-weight:bold;}

.h2{font-size:10px; font-weight:bold;}

.h3{font-size:11px; font-weight:bold;}

.h6{font-size:14px; color:#B8771F; font-weight:bold;}

.h7{font-size:14px; color:#FFFFFF; font-weight:bold; text-indent:10px;}

.h8{font-size:14px; color:#333; font-weight:bold; text-indent:10px;}

.h8n{font-size:14px; color:#333; font-weight:bold;}

.h9n{font-size:18px; color:#333;}

.white{font-size:11px; color:#FFFFFF;}

.bord1{border:solid 1px #CF8823;}

.input{
border:solid 1px #E4CDAD; 
background-image:url(images/input-bg.gif); 
background-repeat:repeat-x; height:18px; 
font-size:11px; color:#444444; text-indent:2px; overflow:hidden; padding-top:4px;
} 

.multi{
border:solid 1px #E4CDAD; 
background-image:url(images/input-bg.gif); 
background-position:top; background-color:#FFFFFF;
background-repeat:repeat-x;
font-size:11px; color:#444444; 
text-indent:2px; 
overflow:hidden; 
padding-top:4px; 
font-family:Arial, Helvetica, sans-serif;
resize:none;
} 

.select{
border:solid 1px #E4CDAD; 
background-image:url(images/input-bg.gif);
background-repeat:repeat-x; background-position:top; background-color:#FFFFFF;
font-size:11px; color:#444444;
} 


.footerlink:link{color:#FFFFFF; text-decoration:underline; font-weight:bold; font-size:11px;}
.footerlink:visited{color:#FFFFFF; text-decoration:underline; font-weight:bold; font-size:11px;}
.footerlink:hover{color:#000000; text-decoration:none; font-weight:bold; font-size:11px;}
.footerlink:active{color:#FFFFFF; text-decoration:underline; font-weight:bold; font-size:11px;}


.photos:link{color:#B41402; text-decoration:underline; font-weight:bold; font-size:16px;}
.photos:visited{color:#B41402; text-decoration:underline; font-weight:bold; font-size:16px;}
.photos:hover{color:#000000; text-decoration:none; font-weight:bold; font-size:16px;}
.photos:active{color:#B41402; text-decoration:underline; font-weight:bold; font-size:16px;}



.footer:link{color:#FFFFFF; text-decoration:underline; font-weight:bold; font-size:11px;}
.footer:visited{color:#FFFFFF; text-decoration:underline; font-weight:bold; font-size:11px;}
.footer:hover{color:#FF9900; text-decoration:none; font-weight:bold; font-size:11px;}
.footer:active{color:#FFFFFF; text-decoration:underline; font-weight:bold; font-size:11px;}

.footer-bg{background-image:url(images/footer-bg.jpg); background-repeat:repeat-x; background-position:top;}


/* ================================================================ 
Expandable Menu CSS
=================================================================== */

.glossymenu{
width: 150px; /*width of menu*/

}

.glossymenu a.menuitem{
background-color:#FFF5D8;
border-bottom: solid 1px #F0C65C; border-bottom-style:dashed;
font-weight:bold;
color: #000000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 5px;
text-decoration: none; text-align:left;
}


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

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

.glossymenu a.menuitem:hover{
background-image:url(images/menu_hover_bg.gif); background-repeat:repeat-y;
color:#CD1702;
}

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

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

.glossymenu div.submenu ul li{
border-bottom: solid 1px #F0C65C; border-bottom-style:dashed;

}

.glossymenu div.submenu ul li a{
background:url(images/arrow.gif) left no-repeat ; margin-left:4px;
display: block;
font-size:12px;
color: #351E00;
text-decoration: none;
padding: 4px 0;
padding-left: 8px; text-align:left;
}

.glossymenu div.submenu ul li a:hover{
background:url(images/arrow.gif) left no-repeat ; margin-left:4px;
font-size:12px; color:#CD1702;
}


.glossymenu a.menuitem1{
background-color:#FFF5D8;
border-bottom: solid 1px #F0C65C; border-bottom-style:dashed;
font-weight:bold;
color: #000000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 5px;
text-decoration: none; text-align:left;
}

.glossymenu a.menuitem1:visited, .glossymenu .menuitem1:active{
color: #000000;
}

.glossymenu a.menuitem1:hover{
background-image:url(images/menu_hover_bg.gif); background-repeat:repeat-y;
color:#CD1702;
}


/* ================================================================ 
Button CSS
=================================================================== */


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
	color: #FFFFFF;
    width: 100%;
}

a.buttons {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
}

a.buttons span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 5px;
} 

a.buttons:hover {
    background-position: bottom right;
    color: #FFFFFF; text-decoration:none;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttons:hover span {
    background-position: bottom left;
    color: #FFFFFF; text-decoration:none;
    outline: none; /* hide dotted outline in Firefox */
} 

a.buttons:visted {
    color: #FFFFFF; text-decoration:none;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttons:visited span {
    color: #FFFFFF; text-decoration:none;
    outline: none; /* hide dotted outline in Firefox */
} 



a.buttons:active{
    background-position: bottom right;
    color: #FFFFFF; text-decoration:none;
    outline: none; /* hide dotted outline in Firefox */

}

a.buttons:active span {
    background-position: bottom left; 
    color: #FFFFFF; text-decoration:none;
    padding: 6px 0 4px 5px; /* push text down 1px */
} 



.form-comments-box{font-size:11px; width:300px; color:#757575; resize:none; font-family:Arial, Helvetica, sans-serif;}

.star{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000}


#fadeinbox{
position:absolute;
width: -10;
right:0;
left: -600;
top: 0px;
border: 0px solid;
padding: 0px;
z-index: 9999;
visibility: hidden;
}

.fadeinbox { position:absolute; margin: 40px 0 0 210px; z-index: 9999;}