/* CSS Document */

html {overflow:hidden;}

#wrapper {width:961px; position:relative; margin-left:auto; margin-right:auto;}

#wrapper #logo {border:none; width:175px; height:106px; position:relative; left:2px; top:2px; padding:1px;}

#wrapper #spare {border:none; width:772px; height:65px; position:relative; left:182px; top:-106px; text-align:right; vertical-align:top;}

#wrapper #menu {width:623px; height:38px; position:relative; left:182px; top:-104px; padding:1px; z-index:1;}

#wrapper #contact {width:150px; height:147px; position:relative; left:808px; top:-558px; text-align:center;}
/*top -706*/
#contact a, #news a, #links a {text-decoration:none; color:#000;}

#contact .link, #news .link, #links .link, #content .link {color:#666;}

* html #wrapper #contact {top:-556px;}
/*top -708*/
#wrapper #news {width:150px; height:296px; position:relative; left:808px; top:-549px; text-align:center;}
/*top -701*/
#news .headline {font-size:12px; font-weight:bold;}

#news .newsline {font-size:12px;}

* html #wrapper #news {top:-554px;}
/*top -706*/
#wrapper #content {display:block; width:803px; height:440px; overflow:auto; position:relative; left:2px; top:-103px; padding:1px; z-index:0;}
/* height 560 */
#wrapper #links {width:150px; height:146px; position:relative; left:808px; top:-696px; text-align:center;}

* html #wrapper #links {top:-704px;}

#wrapper #copyright {width:956px; height:18px; position:relative; left:2px; top:-544px; text-align:center;}
/*top -691*/
* html #wrapper #copyright {top:-556px;}
/*top -703*/
.contact_icon {border:0;}


/* Snazzy Borders */
.xsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444444; text-align:center;}

.xsnazzy p {margin:0; padding:5px 10px; font-size:12px;}

.xsnazzy {background:transparent;}

.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:#FFFFFF; border-left:1px solid #444444; border-right:1px solid #444444;}

.xb1 {margin:0 5px; background:#444444;}

.xb2 {margin:0 3px; border-width:0 2px;}

.xb3 {margin:0 2px;}

.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #444444; border-width:0 1px; height:auto;}

#contact .xboxcontent {min-height:141px;}

#news .xboxcontent {min-height:290px;}

#links .xboxcontent {min-height:140px;}

#copyright .xboxcontent {min-height:22px;}

* html #contact .xboxcontent {height:141px;}

* html #news .xboxcontent {height:290px;}

* html #links .xboxcontent {height:140px;}

* html #copyright .xboxcontent {height:22px;}

.color_a {background:#0080FF; color:#FFFFFF;}


/* Menu */
/* style the outer div to give it width */
.menu {font-size:12px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; height:33px; background:#FFFFFF; font-weight:bold;}

/* style the sub-level lists */
.menu ul ul {width:145px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:33px; line-height:33px; padding:0 2px 0 2px;}

/* style the sub level list items */
.menu ul ul li {display:block; width:145px; height:auto; position:relative; line-height:1em; background:#FFF; border-bottom:none;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block; width:145px; border-bottom:4px solid #0080FF; float:left; height:100%; text-decoration:none; color:#000; background:#FFF; text-align:center;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; background:#FFF; color:#0080FF; width:129px; height:100%; line-height:1em; border:1px solid #0080FF; border-top:none; padding:5px 7px;}
.menu ul table ul a, .menu ul table ul a:visited  {width:129px; w\idth:125px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ddd;}

/* style the level hovers */
/* first */
.menu a:hover {color:#FFF; background:#0080FF;}
.menu :hover > a {color:#FFF; background:#0080FF;}
/* second */
.menu ul ul a:hover{color:#000; background:#ccc;}
.menu ul ul :hover > a {color:#000; background:#ccc;}
/* third */
.menu ul ul ul a:hover {background:#ddd;}
.menu ul ul ul :hover > a {background:#ddd;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* 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:3em; left:0; width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em; top:0; width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* 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; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}