html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
background:#fff;
font-size:76%;
font-family:georgia, palatino linotype, times new roman, serif;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;

/* */
}

body {
  clear: both;
font-family: verdana;
font-size: 11px;
background-color: transparent;
margin: 0PX;
  padding: 0PX;
  height: 100%;

  overflow: hidden;

}

#content {
  word-wrap: break-word;
  overflow: auto;
  position: absolute;
  z-index:3;
  top: 50px;
  bottom: 50px;
  padding-top: 20px;
  padding-left: 20px;
  right: 11%;
  width: 88%;
}

* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:50px solid #fff; border-bottom:50px solid #fff; border-left:200px solid #fff;}



#right {
  position:fixed;
  right:0px;
  top: 50px;
  bottom: 50px;
  width: 11%;
  height: auto;
   z-index:3;
   background: #000000 repeat;

   }

#content p {padding:10px;}
.bold {font-size:1.2em; font-weight:bold;}



/**************************************************************
   Top Block Menu
 **************************************************************/

#menu {
  margin: 0 0;
}

#menu ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
  background: transparent url(../images/bg/menu.gif) repeat-x top left;
}

#menu ul li {
  display: inline;
  margin: 0;
  padding: 0;
}

#menu ul li a {
  float: left;
  height: 1.9em;
  font: normal normal 12PX VERDANA 16px;
  letter-spacing: 0.1em;
  border-left: 1px solid #999999;
  color: #cccccc;
}

#menu ul li a span {
  display: block;
  padding: 2px 7px;
}

#menu ul li a span.desc {
  font-size: 0.8em;
  color: #8C8D94;
}

#menu ul li a:hover,
#menu ul li a.here {
  background: #F26A92;
  color: #FFF;
  text-decoration: underline;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
  color: #FFF;
}

/* Top menu icons */

#menu ul li a span.speaker {
  padding-left: 22px;
  background: url(../images/icons/speaker.gif) no-repeat 5px 50%;
}

#menu ul li a:hover span.speaker {
  background: url(../images/icons/speaker_on.gif) no-repeat 5px 50%;
}

#menu ul li a span.bubble {
  padding-left: 24px;
  background: url(../images/icons/bubble.gif) no-repeat 4px 4px;
}

#menu ul li a:hover span.bubble {
  background: url(../images/icons/bubble_on.gif) no-repeat 4px 4px;
}

#menu ul li a span.heart {
  padding-left: 20px;
  background: url(../images/icons/heart.gif) no-repeat 3px 50%;
}

#menu ul li a:hover span.heart {
  background: url(../images/icons/heart_on.gif) no-repeat 3px 50%;
}

#menu ul li a span.dollar {
  padding-left: 20px;
  background: url(../images/icons/dollar.gif) no-repeat 4px 50%;
}

#menu ul li a:hover span.dollar {
  background: url(../images/icons/dollar_on.gif) no-repeat 4px 50%;
}

/* Column widths */

.width {
  width: 100%;
}

.widthPad {
  width: 98%;
}

.width25 {
  width: 24%;
}

.width50 {
  width: 48%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width90 {
  width: 90%;
}

/**************************************************************
   Footer
 **************************************************************/

#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 50px;
  bottom: 0px;
  position: fixed;
}

#footer #bg {
  float: left;
  margin-top: 0px;
  margin-left: 0px;
  height: 100%;
  background: #000000 url(../images/bg/header.gif) repeat-x left bottom;
}

#footer #bg ul {
  margin: 20px 0 0 0;
}

#footer #bg ul li {
    float: left;
  display: inline;
  list-style: none;
  padding: 0 18px;
  font: normal verdana 14px normal;
   font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 14px;
  color: #ffffff;
  border-right: 2px solid #A0A4A4;
}

#footer #bg ul li.last {
  display: inline;
  padding-right: 0;
  border-right: 0;
}


#footer #bg ul li a {
  float: none;
  padding: 0 1em;
  font: normal bold 14PX VERDANA;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;
  color: #ccc;
  border-right: 2px solid #4D5760;
}

#footer #bg ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#footer #bg ul li a:hover {
  color: #F26A92;
}

#footer #bg img {
  position: absolute;
  top: 6%;
  left: auto;
}

/* Headers */

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 5px;
  padding: 0;
}

h1 {
  padding-bottom: 0.2em;
  font: 400 1.6em Verdana;
  color: #536C71;
  border-bottom: 2px solid #ddd;
}

h2 {
  font-size: 1.2em;
  color: #586B7A;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
}

h4 {
  font-size: 0.85em;
}

h5 {
  font-size: 0.8em;
}

/* Search Box in banner */
#search_box {
  position: relative;
	float: right;
	clear: right;
	width: 200px;
    margin: 0px 110px;
}
#search_box fieldset {border:0;}
#search_box legend, #search_box label {display:none;}

#search_string {
	width: 100px;
	height: 16px;
	font-size: 90%;
	vertical-align: middle;
	border: 1px inset #ccc;
}
#search_submit {
	width: 50px;
	height: 20px;
	font-size: 90%;
	vertical-align: middle;
	padding: 0 0 4px 0;
   }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {width: auto;display:block;clear:both;border-right:1px solid #000;}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */
#header_menu {position: absolute; margin-left: 20px; background:#555;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	height: 50px;
	background: #000;
	border-top: 0;
	border-bottom: 1px solid #000;
	padding: 0;
    font: normal verdana 14px normal;
         font-weight: bold;


}
#nav ul {
	list-style-type: none;
	margin-left: 40px;
	padding: 0;
	text-transform: none;
	width: auto;
    font: normal verdana bold 14px normal;


	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {line-height: 8px ; margin-top: 15px; float: left; color: #fff; text-align: center;}
#nav ul li a { border-right: 2px solid #A0A4A4; line-height: 8px; display: block; background: #000; padding: 5px 18px; padding-bottom: 4px; color: #fff; text-decoration: none;  }
#nav ul li a.last { border-right: 0; line-height: 8px; display: block; background: #000; padding: 5px 10px; padding-bottom: 4px; color: #fff; text-decoration: none;  }
/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus { background: #A0A4A4; color: #FFF; text-decoration: none; }
#nav li a:active, #nav ul li a.active { background: #000; color: #FFF; }

/* Current page Customisations*/
#nav li.menu-current a		{ background: #000; color: #fff;}
#nav li.menu-current a		{ font-weight: bold;}

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 12em; margin: 0; padding-top: 18px; display: none; border-top: 0;  }
#nav .menu li ul li {width: 15em; text-align: left; margin: 0; padding: 0;}
#nav .menu li ul a {width: 14.5em; padding: .6em .1em 1.0em .8em; background: #000; color: #fff; border: 0; padding-left: 18px}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #FFF; background: #A0A4A4; border: 0; color:#fff; text-decoration: none; }

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block; }
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em 1.0em .8em; background: #000; color: #fff;}

/* Positioning the Pop-out Drops */
#nav li {position: relative; }

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;

}




/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}
/*  \*/
* html #clearfix {
	height: 1%;


}
/*  */

.search_box {
	float: right;
	clear: right;
	width: 200px;
}
.search_string {
	width: 100px;
	height: 16px;
	font-size: 10px;
	vertical-align: middle;
}
.search_submit {
	width: 50px;
	height: 22px;
	font-size: 10px;
	vertical-align: middle;