/* ********** 
<DEFINITIONS>

OurGray: #6E634E;
DarkGray: #333333;
OurOrange: #dc7f31;
OurRed: #cd3528;
OurGreen: #31734C;

        <<  PAGE BACKGROUND >>
PageBackground-color:        inherit;
PageBackground-image:        url('images/tile2.jpg');
PageBackground-repeat:       inherit;

      << MAIN TABLE SIZE AND APPEARANCE >>
MainTableWidth:         925px;
NavMenuWidth:           210px;

InnerBorderWidth:       0px;
InnerBorderColor:       #CC9900;

OuterBorderWidth:       1px;
OuterBorderColor:       #6E634E << @OurGray >>;

MainTableBackground-image:          inherit;
MainTableBackground-repeat:       inherit;
MainTableBackground-color:         white;

    << HEADER >>
HeaderHeight:               inherit;    << inherit does nothing--cell will adjust with content >>
HeaderBackground-color:     inherit << @PageBackground-color >>;
HeaderBackground-image:     none;
HeaderBackground-repeat:    none;


    << NAVIGATION MENU ITEMS >>
    
NavMenuBackground-Color: inherit;
NavMenuFont-Size:           11px;
NavMenuFont-Weight:         bold;
NavMenuText-decoration:     none;
NavMenuFont-family:          Arial, Helvetica, sans-serif;
NavMenuColor:              Black;	<< Default font. Does not affect menu choices >>

<<  hilighting for menu items when mouse is held over it >>
NavMenuHoverColor:              #dc7f31 << @OurOrange >>;
NavMenuHoverText-decoration:   none;
NavMenuHoverFont-weight:       bold;

<< hilite menu item for current page >>
NavMenuCurrentItemColor:  #cd3528 << @OurRed >>;
NavMenuCurrentItemFont-weight:  bold;
NavMenuCurrentItemText-decoration: none;

<< NAVIGATION  SUBMENU  ITEMS >>
    
SubMenu0Background-Color:	inherit;
SubMenu0Font-Size:           11px;
SubMenu0Font-Weight:         normal;
SubMenu0Text-decoration:     none;
SubMenu0Font-family:         Arial, Helvetica, sans-serif;
SubMenu0Color:               #333333;	<< Default font. Does not affect menu choices>>
SubMenu0Indent:              0px;	

<<  hilighting for menu items when mouse is held over it >>
SubMenu0HoverColor:              #dc7f31 << @OurOrange >>;
SubMenu0HoverText-decoration:    none;
SubMenu0HoverFont-weight:        normal;
<< hilite menu item for curent page >>
SubMenu0CurrentItemColor: #DD0000;
SubMenu0CurrentItemFont-weight: inherit;
SubMenu0CurrentItemText-decoration: none;


NavMenuPadding-left:     0px;


   << CONTENT TEXT AND HYPERLINKS >>
ContentFont-family:            Arial, Helvetica, sans-serif;
ContentFont-Size:               12px;
Content-Color:			black;	<< default content text color	>>
ContentText-alignment:          justify;

ContentHyperlinkColor:          #6E634E << @OurGray >>;
ContentHyperlinkText-decoration:    underline;
ContentHyperlinkHoverColor:    #dc7f31 << @OurOrange >>;

</DEFINITIONS>
********** */

/*  © 2009 by pda http://www.hosenose.net */

/*

*/

/* Overrides of normal HTML suff */
body
{
    background-color: inherit /* @PageBackground-color */;
    background-image: url('images/tile2.jpg') /* @PageBackground-image */;
    background-repeat: inherit /* @PageBackground-repeat */;
    font-family: Arial, Helvetica, sans-serif /* @ContentFont-family */;
    font-size: 12px /* @ContentFont-Size */;
	color:		black /* @Content-Color */;
}

a
{
    color: #6E634E /* @ContentHyperlinkColor */;
	text-decoration: underline /* @ContentHyperlinkText-decoration */;
}

a:hover
{
    color:  #dc7f31 /* @ContentHyperlinkHoverColor */;
}

/*  Our elements */

#maintable
{
    border: @OuterBorderWidth solid #6E634E /* @OuterBorderColor */;
    width: 925px /* @MainTableWidth */; 
    background-image: inherit /* @MainTableBackground-image */;
    background-repeat: inherit /* @MainTableBackground-repeat */;
    background-color: white /* @MainTableBackground-color */;
    table-layout: fixed;
}

#header
{
    height: inherit /* @HeaderHeight */;
    background-color: inherit /* @HeaderBackground-color */;

    background-repeat: no-repeat;
    border-bottom-style: solid;
	border-bottom-color: #CC9900 /* @InnerBorderColor */;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom-width:  0px /* @InnerBorderWidth */; 
	
}

#menucell /* This is the table cell that contains  menucontainerdiv, which contains the menu items */
{
    background-color: inherit /* @NavMenuBackground-Color */;
    border-right-style: solid;
	border-right-color: #CC9900 /* @InnerBorderColor */;
    border-right-width: 0px /* @InnerBorderWidth */;
	padding-bottom: 10px;
	
}

.NavMenuWidth
{ width: 210px /* @NavMenuWidth */; }

.menucontainerdiv /* This is the div containing the menu items */
{
  
    padding-left:   0px /* @NavMenuPadding-left */; /*  Padding to the left of the menu items */
	padding-right: 20px;
	text-align: right;

	display: inherit; /* set to NONE to get rid of left menu */

float: right;

}

/* This is the body content region */
#maincontent
{
    
    padding-bottom: 10px;
    padding-top: 5px;

    text-align: justify /* @ContentText-alignment */;


}

#footer
{
    background-color: inherit;
    border-top-style: solid;
    padding-left: 0px;
    padding-right: 0px;
 
    border-top-width: 0px /* @InnerBorderWidth */;
    border-top-color: #CC9900 /* @InnerBorderColor */;
    vertical-align: top;

}

/*  Our classes */
.menuitemdiv	/* div containing each menu item */
{
    padding-top: 14px;

/*	Put menu items on top of crosshatch graphic	*/
	z-index: 100;
	position: relative;


}

.designwidth
{
width: 925px /* @MainTableWidth */;
}

.submenu0itemdiv	/* div containing each submenu item */
{
    padding-top: 3px;
	padding-left: 0px /* @SubMenu0Indent */;
}


a.CurrentMenuSelection
{
    font-family: Arial, Helvetica, sans-serif /* @NavMenuFont-family */;
	font-size: 11px /* @NavMenuFont-Size */;
    color: #cd3528 /* @NavMenuCurrentItemColor */;
    font-weight: bold /* @NavMenuCurrentItemFont-weight */;
    text-decoration: none /* @NavMenuCurrentItemText-decoration */;
}
a:hover.CurrentMenuSelection
{
    text-decoration: none /* @NavMenuHoverText-decoration */;
    color:  #dc7f31 /* @NavMenuHoverColor */; 
    font-weight: bold /* @NavMenuFont-Weight */; /*    isn't working for some reason */
}

a.menu
{
    font-family: Arial, Helvetica, sans-serif /* @NavMenuFont-family */;
    font-size: 11px /* @NavMenuFont-Size */;
    font-weight: bold /* @NavMenuFont-Weight */;
    color: Black /* @NavMenuColor */;
    text-decoration: none /* @NavMenuText-decoration */;
}

a:hover.menu
{
    /*font-family: Arial, Helvetica, sans-serif;*/
    color: #dc7f31 /* @NavMenuHoverColor */;
    text-decoration: none /* @NavMenuHoverText-decoration */;
    font-weight: bold /* @NavMenuHoverFont-weight */;

}

a.CurrentSubMenu0Selection
{
    font-family: Arial, Helvetica, sans-serif /* @SubMenu0Font-family */;
	font-size: 11px /* @SubMenu0Font-Size */;
    color: #DD0000 /* @SubMenu0CurrentItemColor */;
    font-weight: inherit /* @SubMenu0CurrentItemFont-weight */;
    text-decoration: none /* @SubMenu0CurrentItemText-decoration */;
}


a:hover.CurrentSubMenu0Selection
{
    text-decoration: @SubMenu0MenuHoverText-decoration;
    color:  #dc7f31 /* @SubMenu0HoverColor */; 
    font-weight: normal /* @SubMenu0Font-Weight */; /*    isn't working for some reason */
}

a.submenu0
{
    font-family: Arial, Helvetica, sans-serif /* @SubMenu0Font-family */;
    font-size: 11px /* @SubMenu0Font-Size */;
    font-weight: normal /* @SubMenu0Font-Weight */;
    color: #333333 /* @SubMenu0Color */;
    text-decoration: none /* @SubMenu0Text-decoration */;
}

a:hover.submenu0
{
    /*font-family: Arial, Helvetica, sans-serif;*/
    color: #dc7f31 /* @SubMenu0HoverColor */;
    text-decoration: none /* @SubMenu0HoverText-decoration */;
    font-weight: normal /* @SubMenu0HoverFont-weight */;

}

/*	Our classes	*/

h1
{
font-size: 18px;
font-weight: bold;
}

h2
{
font-size: 15px;
font-weight: bold;
}

.outerBorder
{
border-color: #6E634E /* @OuterBorderColor */;
border-width: 1px /* @OuterBorderWidth */;
}

.DarkGray
{
color: #333333 /* @DarkGray */;
border-color: #333333 /* @DarkGray */;
}

.SmallText
{
font-size: 11px /* @SubMenu0Font-Size */;
}

.pictureBorder
{
border: 2px solid #6E634E /* @OurGray */; 
padding: 0px; 
}

table.SplitRows
{

   border-spacing: 0px 15px
}
table.SplitRows td 
{
    border-color: #6E634E /* @OurGray */; 
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    padding:  5px 10px 5px 10px;
   
}

.OurOrange
{
color: #dc7f31 /* @OurOrange */;
}

.OurRed
{
color: #cd3528 /* @OurRed */;
}

.OurOrangeBorder 
{
border-color: #dc7f31 /* @OurOrange */;
}