/* Main CSS File for Americana Website */

/**************/
/* CHANGE LOG */
/**************/

/* 04/27/05 */
/* Chris Ham:  Organized file, added comments, added layout control */

/* 05/01/05 */
/* Chris Ham:  Added topnav and topbottom to divisions */

/* 05/24/05 */
/* Chris Ham:  Completed leftnav conversion to entirely text/css based. */

/********************/
/* BASIC FORMATTING */
/********************/

body {
    
    font-family:                verdana;
    font-size:                  12px;
    font-weight:                bold;
    color:                      #000080;
    word-spacing:               1px;
    
    margin:                     0px 0px 0px 0px;
    height:                     100%;
}

h1,h2,h3,h4,h5,h6 {
    font-family:                Verdana;
    color:                      #C00000;
}

td {
    font-family:                Verdana;
    font-size:                  11px;
    font-weight:                bold;
    color:                      #000080;
    word-spacing:               1px;
}

ul.news {
    font-family:                Verdana;
    font-size:                  11px;
    font-weight:                normal;
    color:                      #000080;
    word-spacing:               1px;
    list-style-type:            disc;
}

a {
    text-decoration:            underline;
    color:                      #0000C0;
    font-size:                  12px; 
}

a:hover {
    text-decoration:            underline;
    color:                      #C00000;
    font-size:                  12px;
}

a.biglink {
    text-decoration:            underline;
    color:                      #0000C0;
    font-size:                  14px;
}

a.biglink:hover {
    text-decoration:            underline;
    color:                      #C00000;
    font-size:                  14px;
}

a.biglink2 {
    text-decoration:            underline;
    color:                      #0000C0;
    font-size:                  16px;
}

a.biglink2:hover {
    text-decoration:            underline;
    color:                      #C00000;
    font-size:                  16px;
}

b {
    font-size:                  13px;
    color:                      #C00000;
}

b.news {
    font-size: 11px;
    color: #C00000;
}

input {
    background-color:           #FFFFFF;
    font-family:                Verdana;
    font-size:                  11px;
    font-weight:                normal;
    color:                      #000080;
    border:                     solid 1px #000080;
}

input.button {
    background-color:           #000080;
    font-family:                Verdana;
    font-size:                  11px;
    font-weight:                bold;
    color:                      #FFFFFF;
    border:                     solid 1px #000000;
}


textarea {
    background-color:           #FFFFFF;
    font-family:                Verdana;
    font-size:                  11px;
    font-weight:                normal;
    color:                      #000080;
    border:                     solid 1px #000080;
}

select {
    background-color:           #FFFFFF;
    font-family:                Verdana;
    font-size:                  11px;
    font-weight:                normal;
    color:                      #000080;
    border:                     solid 1px #000080;
    
    scrollbar-face-color:       #000080;
    scrollbar-arrow-color:      #C00000;
    scrollbar-track-color:      #FFFFFF;
    scrollbar-shadow-color:     #C0C0C0;
    scrollbar-highlight-color:  #0000C0;
    scrollbar-3dlight-color:    #FFFFFFF;
    scrollbar-darkshadow-color: #000000;
}

/*ul.normal {
    font-family: verdana;
    font-size: 11px;
    font-weight: normal;
    color: #000080;
    word-spacing: 1px;
    list-style-type: disc;
}*/

/********************/
/* LAYOUT/DIVISIONS */
/********************/

#top {
    width:                      100%;
    height:                     160px;
    text-align:                 left;
    white-space:								nowrap;
}

#topnav {
    margin-left:                6px;
    text-align:                 left;
    border-collapse:            collapse;
    padding:                    1px 0px 0px 1px;
    white-space:                nowrap;
}

#topnav a {
    border-color:               #000000;
    border-width:               1px;
    border-style:               solid solid none solid;
    font-size:                  13px;
    letter-spacing:             -1px;
    text-decoration:            none;
    color:                      #000080;
    padding:                    4px 10px 1px 10px;
}

#topnav a:hover {
    background-color:           #000080;
    color:                      #FFFFFF;
}

#topbottom {
    background-color:           #C0C0C0;
    border-bottom:              solid 1px #000;
    border-top:                 solid 1px #000;
    height:                     10px;
}

#leftnav, #leftnav ul {
    position:                   relative;
    float:                      left;
    width:                      200px;
    background:                 #FFFFFF;
    margin-right:               15px;
    margin-top:                 0px;
    padding-bottom:           	20px;
    z-index:                    2;
}

#leftnav ul {
	margin:                     0;
	padding:                    0;
	list-style:                 none;
	width:                      200px; /* Width of Menu Items */
	border-bottom:              1px solid #000; 
}

#leftnav ul li {
	position:                   relative;
}
	
#leftnav li ul {
	position:                   absolute;
	left:                       199px; /* Set 1px less than menu width */
	top:                        0;
	display:                    none;
}

/* Styles for Menu Items */
#leftnav ul li a {
	display:                    block;
	text-decoration:            none;
	color:                      #777;
	/*background:               #fff; May need this line for IE6?*/
	padding:                    5px;
	border:                     1px solid #000; 
	border-bottom:              0; */
}

#leftnav li a:hover {
    background:                 #E3E1E1;
    color:                      #E2144A;
}

.hassub {
    background:                 transparent url(graphics/arrows.gif) no-repeat right center;
    width:                      13px;
    height:                     20px;
    padding:                    0px;
    margin:                     -15px 0px -5px 175px;
}

#leftnav li a:hover .hassub {
    background-image:           url(graphics/arrows.gif);
    background-position:        right;
    background-repeat:          no-repeat;
}
#leftnav li a:active .hassub {
    background-image:           url(graphics/arrows.gif);
    background-position:        right;
    background-repeat:          no-repeat;
}

/* Fix IE. Hide from IE Mac \*/
* html #leftnav ul li { float: left; height: 1%; }
* html #leftnav ul li a { height: 1%; }
/* End */

#leftnav li ul li a { /* Sub Menu Styles */
    padding:                    5px 5px;
}

/* Support for multiple levels */

#leftnav li:hover ul, #leftnav li.sfhover ul { 
	display:                    block;
}

#leftnav li:hover ul ul, #leftnav li.sfhover ul ul {
	display:                    none;
}

#leftnav ul ul li:hover ul, #leftnav ul ul li.sfhover ul {
	display:                    block;
}

#leftnav li:hover ul ul ul, #leftnav li.sfhover ul ul ul{
	display:                    none;
}

#leftnav ul ul ul li:hover ul, #leftnav ul ul ul li.sfhover ul {
	display:                    block;
}

#leftnav li:hover ul ul ul ul, #leftnav li.sfhover ul ul ul ul{
	display:                    none;
}

#leftnav ul ul ul ul li:hover ul, #leftnav ul ul ul ul li.sfhover ul {
	display:                    block;
}

#rightcontent {
    position:                   relative;
    margin-left:                200px;
    width:                      570px;
    z-index:                    1;
}