/* ================================================================ 
This copyright notice must be untouched at all times.

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

body{
background-color: #647eae;
/*Width: 275px; w\idth: 595px;
height: 600px;
z-index: 10;*/
font-weight: bold;
}


#header {
width: 950px; w\idth: 900px;
/*background: url(/images/homer_header.gif) no-repeat;*/
/*background: url(/images/test_banner.gif) no-repeat;*/
margin-right: auto;
margin-left: auto;
padding: 0px;
/*border: 2px  solid #FFF;*/
height: 56px;

z-index:300;
}
#header h1{
position: relative;
width: 950px; w\idth: 900px;
height: 56px;
overflow: hidden;
}
#header h1 span{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(/images/test_banner.gif) no-repeat;
background-repeat: no-repeat;
}


#content {
background: url(/images/menu_bckgrnd3.jpg) no-repeat;
/*background-color: #647eae;*/
/*position:absolute; 
left: 260px;*/
width: 900px;
top:60px;
background: transparent;
font-family:arial, verdana, sans-serif; 
font-size:11px; 
width:900px; 
/*z-index:500;*/
margin-right: auto;
margin-left: auto;
padding: 5px;
border-right: 2px  solid #fff;
border-top: 2px  solid #fff;
border-left: 2px  solid #fff;
min-height: 600px;
/*line-height: 14px;*/
}

#content .table, {
display:table; 
margin:0 auto;

}
#content a {
color: #192F5A; text-decoration: underline; }

#menu {width:860px; w\idth: 860px; height:32px; font-size:0.85em; position:relative; z-index:100; border:1px solid #FFF; margin-right: auto;
margin-left: auto; z-index:700; }

#menu a.more, #menu a.more:visited {
background: url(/images/pro_line_0.gif) no-repeat;
/*filter:alpha(opacity=70);
opacity: 40;
-moz-opacity:0.7;*/
font-weight: bold;
}


#menu a.div #menu a.div:visited {
filter:alpha(opacity=70);
opacity: 40;
-moz-opacity:1;
/*position: relative;*/
font-weight: bold;
}

/* hack to correct IE5.5 faulty box model */
* html #menu {width:860px; w\idth:882px; }
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0; margin:0;list-style-type:none;}
#menu ul ul {width:143px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {float:left;width:143px;position:relative;}
/* style the links for the top level */
#menu a, #menu a:visited {display:block;font-size:11px;text-decoration:none; font-weight: bold; color:#fff; width:133px; height:30px; 
/*background: url(/images/menu_nodrop.gif) no-repeat; */
padding-left:10px; padding-top: 0px; line-height:29px; border:1px solid #FFF;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {width:133px; w\idth:135px;}

/* style the second level background */
#menu ul ul a.more, #menu ul ul a.more:visited {background: url(/images/pro_line_0.gif) bottom right no-repeat;}
/* style the second level hover */
#menu ul ul a.more:hover{background:url(/images/pro_line_0.gif) bottom right no-repeat;}
#menu ul ul :hover > a.more {background: url(/images/pro_line_0.gif) bottom right no-repeat;}
/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background: url(/images/menu_nodrop.gif) bottom right no-repeat;}
/* style the third level hover */
#menu ul ul ul a:hover {{background: url(/images/pro_line_0.gif) bottom right no-repeat;}}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:143px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html #menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
#menu ul ul ul{left:144px; top:-1px; width:143px;}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:-143px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {background: url(/images/menu_nodrop.gif) bottom right no-repeat; color:#000; height:auto; line-height:1em; padding:5px; width:132px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:143px;w\idth:133px;}

/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{color:#fff; background-color: #000;}
#menu :hover > a, #menu ul ul :hover > a {color:#fff;background: url(/images/menu_nodrop.gif) bottom right no-repeat;}

/* 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;}

#content p-null {padding: 0 10px; text-align: left;}
/*
#content p-null {padding: 0 10px; text-align: center;}
#content p-null {padding: 0 10px; text-align: right;}
#content p {padding: 0 10px; text-align: justify;font-size: 11px; font-weight: bold;}

/* sand-bag div styles used while adjusting page flow   
#content div {border: 1px solid #0f0; color: #f30; font-size: 11px; font-weight: bold;}
#content div-null span {border: 1px solid #0f0; color: #f30; font-size: 11px; font-weight: bold;}
*/


/* NON - Menu stuff*/
/* begin sand-bag divs */
/* declare left float, clear */
#sml-01,#sml-02,#sml-03,#sml-04,
#sml-05,#sml-06,#sml-07,#sml-08,
#sml-09,#sml-10,#sml-11,#sml-12,
#sml-13,#sml-14,#sml-15,#sml-16 {
float:left;
clear:left;
padding:0;
/*border: 1px solid #0f0;*/
border: none;
}

/* left bank of the river! */
#sml-01 {
width: 260px; w\idth: 260px;
height: 40px;

}

#sml-02 {
width: 275px; w\idth: 275px;
height: 35px;
}

#sml-03 {
width: 270px; w\idth: 270px;
height: 16px;
}

#sml-04 {
width: 265px; w\idth: 265px;
height: 32px;
}

#sml-05 {
width: 275px; w\idth: 275px;
height: 16px;
}

#sml-06 {
width: 290px; w\idth: 290px;
height: 16px;
}

#sml-07 {
width: 290px; w\idth: 300px;
height: 20px;
}

#sml-08 {
width: 290px; w\idth: 300px;
height: 12px;
}

#sml-09 {
width: 350px; w\idth: 290px;
height: 12px;
}

#sml-10 {
width: 395px; w\idth: 300px;
height: 16px;
}

#sml-11 {
width: 300px; w\idth: 280px;
height: 30px;
}

#sml-12 {
width: 290px; w\idth: 270px;
height: 25px;
}

#sml-13 {
width: 210px;
height: 16px;
}

#sml-14 {
width: 200px;
height: 16px;
}

#sml-15 {
width: 190px;
height: 16px;
}

#sml-16 {
width: 170px;
height: 25px;
}
/* end left-bank sand-bag divs */

#mainpic   {
float: left;
position: absolute;
background: url(/images/menu_bckgrnd3.jpg) no-repeat;
Width: 275px; w\idth: 595px;
height: 600px;
}

#welcome{
float: left;
position:relative;
padding: 5px;
font-size:90%;
text-align: left;
/*left: 402px;*/
width: 200px; w\idth: 200px;
border:1px solid #fff;
border-width:1px 1px 1px 1px;
color: white;
}
#centerpanel {
margin-left: 25px;
margin-right: 25px;
color:white;
font-family:arial, verdana, sans-serif; 
font-size:11px; 
}

#leftsidebar {
float: left;
position:relative;
background: transparent;
/*border-right :1px solid #fff;

border-width:1px 1px 1px 1px;*/
padding: 5px;
text-align: left;
/*left: 402px;*/
width: 199px; w\idth: 199px;
color: #192F5A;
min-height: 600px;
}

#rightsidebar {
float: right;
position:relative;
/*border-left :1px solid #fff;

/*border-width:1px 1px 1px 1px;*/
padding: 15px;
text-align: left;
/*left: 402px;*/
width: 199px; w\idth: 199px;
color: white;
min-height: 600px;
}


*html #leftsidebar, #rightsidebar, #content {height: 600px;}
 html>#leftsidebar, #rightsidebar, #content{height:auto}}
 #d4d8bd
/* Inset 3D raisedblue */
.raisedblue {background: transparent; width:95%; margin:0 auto;text-align: center;}
.raisedblue h1, .raisedblue p {margin:0 10px;}
.raisedblue h1 {font-size:2em; color:#192F5A; letter-spacing:1px;text-align: center;}
.raisedblue p {padding-bottom:0.5em; text-align: left; color:#192F5A; font-weight: bold;}

.raisedblue .top, .raisedblue .bottom {display:block; background:transparent; font-size:1px;}
.raisedblue .b1, .raisedblue .b2, .raisedblue .b3, .raisedblue .b4, .raisedblue .b1b, .raisedblue .b2b, .raisedblue .b3b, .raisedblue .b4b {display:block; overflow:hidden;}
.raisedblue .b1, .raisedblue .b2, .raisedblue .b3, .raisedblue .b1b, .raisedblue .b2b, .raisedblue .b3b {height:1px;}
.raisedblue .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raisedblue .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raisedblue .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raisedblue .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raisedblue .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raisedblue .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raisedblue .b1 {margin:0 5px; background:#fff;}
.raisedblue .b2, .raisedblue .b2b {margin:0 3px; border-width:0 px;}
.raisedblue .b3, .raisedblue .b3b {margin:0 2px;}
.raisedblue .b4, .raisedblue .b4b {height:2px; margin:0 1px;}
.raisedblue .b1b {margin:0 5px; background:#999;}
.raisedblue .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}


/* Raised leftside*/
/* Raised leftside*/
.raisedred {background: transparent; width:95%; margin:0 auto;text-align: center;}
.raisedred h1, .raisedred p {margin:0 10px;}
.raisedred h1 {font-size:2em; color:#192F5A; letter-spacing:1px;text-align: center;}
.raisedred p {padding-bottom:0.5em; text-align: left; color:#192F5A; font-weight: bold;}

.raisedred .top, .raisedred .bottom {display:block; background:transparent; font-size:1px;}
.raisedred .b1, .raisedred .b2, .raisedred .b3, .raisedred .b4, .raisedred .b1b, .raisedred .b2b, .raisedred .b3b, .raisedred .b4b {display:block; overflow:hidden;}
.raisedred .b1, .raisedred .b2, .raisedred .b3, .raisedred .b1b, .raisedred .b2b, .raisedred .b3b {height:1px;}
.raisedred .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raisedred .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raisedred .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raisedred .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raisedred .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raisedred .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raisedred .b1 {margin:0 5px; background:#fff;}
.raisedred .b2, .raisedred .b2b {margin:0 3px; border-width:0 2px;}
.raisedred .b3, .raisedred .b3b {margin:0 2px;}
.raisedred .b4, .raisedred .b4b {height:2px; margin:0 1px;}
.raisedred .b1b {margin:0 5px; background:#999;}
.raisedred .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; text-align: center;}
#xsnazzy h1 {font-size:1.5em; background: transparent;}
#xsnazzy h2 {font-size:1em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em; text-align: left; font-weight: bold; background: transparent;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}
#xsnazzy a{text-decoration: bold, underline;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #192F5A;; border-right:1px solid #192F5A;;}
.xb1 {margin:0 5px; background:#192F5A;;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#ccc; border:0 solid #192F5A;; border-width:0 1px;}

/* Tooltips*/
a.tooltip2 {color:#192F5A;;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #192F5A;; background:#8cc; width:150px;}
a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #192F5A;; overflow:hidden; z-index:100;}
a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #192F5A;; overflow:hidden;; z-index:100;}
a.tooltip2 {text-decoration: underline;}

#clear {
clear: both;
}