/* CSS Document */
* {font-size:100%; margin:0; padding:0;}

#main { width:900px; margin:0 auto; align:center;}

body{ background-image: url(../images/index_images/sq.jpg); background-repeat: repeat;}

html, input, textarea { font-family:Tahoma;}

/* ============================= main layout ====================== */

#column_left { width:242px; float:left; padding-right:6px;}
#column_right { width:580px; float:right;}
#column_full { width:824px; padding-right:6px;}

#footer { width:836px; margin-left:26px; padding:15px 0 15px 12px; background:url(../images/index_images/bkgd_footer.gif) top left repeat-x; }

h1 {color:#7f1d00; font-size:1.0em; line-height: 1.65em; font-family:Arial, Helvetica, sans-serif;}
h2 {color:#7f1d00; font-size:1.0em; line-height: 1.65em; font-family:Arial, Helvetica, sans-serif;}
h3 {color:#7f1d00; font-size:.875em; line-height:1.1em; font-family:Arial, Helvetica, sans-serif;}
h4 {background:#828282; color:#fff; padding-left:11px; font-size:0.866em; line-height:2em; margin:4px 0; font-family:Arial, Helvetica, sans-serif;}
h5 {color:#000; font-size:.850em; line-height:1.0em; font-family:Arial, Helvetica, sans-serif;}
h6 {color:#69756c; font-size:.850em; line-height:1.0em; margin: 6px 2px; font-family:Arial, Helvetica, sans-serif;}

p {font-size:0.750em; margin:.65em; text-align:left;}

ul {display: block;}
ul li { font-size:12px; margin-bottom:4px;}
ul li a{ color: #666666; text-decoration: underline; }
ul li a:hover{ color: #800D00; text-decoration: none; }

.m_text { font-family:Tahoma; font-size:.750em; line-height:normal; color:#666666; }
.m_text a { text-decoration:none; color:#666666;}
.m_text a:hover { text-decoration: underline;}
.m1_text { font-family:Tahoma; font-size:.625em; line-height:.625em; color:#828282; }
.m2_text { font-family:Arial; font-size:.813em; line-height:1.125em; color:#828282; }
.m3_text { font-family:Arial; font-size:.813em; font-weight:bold; line-height:1.125em; color:#828282; }
	
.c_text { font-family:Tahoma; font-size:.625em; line-height:1.3em; color:#706F6F; }
.c_text a {color:#828282;}
.c_text a:hover { text-decoration:none;}

a._text{text-decoration:none;color:#828282;}	
a._text:hover {text-decoration:underline;color:#828282;}

img { border:none;}

.red {color:#7f1d00;}
.small_b {font-size:11px; color:#2D2D2D; text-decoration:none; font-weight: bold;}
.line {border-bottom:1px dotted #dddede; padding:4px;}

#info_box_title { width:165px; padding:4px 6px 4px 9px; margin-left:10px; background-color:#EBE7DC; text-align:left; }
#info_box { width:165px; padding:9px 6px 12px 9px; margin-left:10px; background-color:#E8E9E9; text-align:left; }

#info_box_index { width:204px; padding:14px 12px 12px 22px; background-color:#E8E9E9; text-align:left; }

.nav_foot { font-family:Tahoma; font-size:.750em; font-weight:bold; line-height:normal; color:#828282; margin-bottom:14px; }
.nav_foot a { text-decoration:none; color:#828282;}
.nav_foot a:hover { text-decoration: underline;}

/*-----------  Header Styles  ----------------*/
div#header { width:830px; height:150px; position: relative; }
div#header div.logo { background: url('../images/logo-head.png') no-repeat; padding-top: 85px; padding-left: 30px; font-size: 14px;}
div#header div.contact { float: right; margin-top: -80px; font-size: 20px; color: #959595; font:Arial, Helvetica, sans-serif; text-align: right; padding-right: 16px;}
div#header div.contact span {font-size: 26px;}


/*----------   Navigation Style  ------------*/
div#header div.navigation { margin-top: 10px; background-color: #7f1d00; margin-bottom:8px; }
div#header div.navigation ul { list-style: none; height: 34px; padding-left: 30px; }
div#header div.navigation ul li { color: #fff; font-size: 13px; float: left; padding:8px 0; margin:0 2px; position: relative; }
div#header div.navigation ul li a { color: #fff; font-size: 13px; text-decoration: none; font-weight:bold; padding: 10px; }
div#header div.navigation ul li a:hover { color: #eee; background-color: #7f1d00; padding: 11px; }
/*---------  End of Navigation Styles  -----*/

/* ======================= flyout navigation ====================== */

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* ===== flyout navigation Left ===== */

.menu { z-index:1000; font-size:90%; }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0; list-style-type:none; width:155px; }

/* position relative so that you can position the sub levels */
.menu li { position:relative; height:24px; margin-left:0px; font-size:12px; }

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:12px;}

/* style the links */
.menu a, .menu a:visited {
display:block; text-decoration:none;
height:23px; line-height:20px; width:155px;
color:#666666; text-indent:5px;
border-bottom:1px dotted #000000;
}

/* style the link hover */
* html .menu a:hover {color:#000; background:#999;}

.menu :hover > a { color:#000; background:#999;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; top:0; left:145px; font-size:12px; padding:0 5px; background:#CCCCCC; z-index:9999;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility:hidden; 
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible; }


/* ===== flyout navigation right side ===== */

.menu_r { z-index:1000; font-size:90%; }

/* remove all the bullets, borders and padding from the default list styling */
.menu_r ul { padding:0; margin:0; list-style-type:none; width:155px;}

/* position relative so that you can position the sub levels */
.menu_r li { position:relative; height:24px; margin-left:0px; font-size:12px;}

/* get rid of the table */
.menu_r table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:12px;}

/* style the links */
.menu_r a, .menu_r a:visited {
display:block; text-decoration:none;
height:23px; line-height:20px; width:155px;
color:#828282; text-indent:5px;
border-bottom:1px dotted #000000;
}

/* style the link hover */
* html .menu_r a:hover {color:#000; background:#999;}

.menu_r :hover > a { color:#000; background:#999;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu_r ul ul { visibility:hidden; position:absolute; top:0; right:155px; font-size:12px; padding:0 5px; background:#CCCCCC; z-index:9000;}

/* make the second level visible when hover on first level list OR link */
.menu_r ul li:hover ul, .menu_r ul a:hover ul { visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu_r ul :hover ul ul{ visibility:hidden; 
}

/* make the third level visible when you hover over second level list OR link */
.menu_r ul :hover ul :hover ul{ visibility:visible; }