body {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    font-family: tahoma;
    font-size: 75%;
    color: #000000;
    line-height: 17px;
}

#pageWrapper {
	width: 760px; /* fixed layout: width: 760px; */
	margin: 0 auto; /* fixed layout: margin: 25px auto; */
	padding: 0;
}

#beatbox-loadingscreen {
    position:absolute;
    z-index:30001;
    background:url(../images/beatbox-loading.gif) #000 no-repeat 50% 47%;
    font:normal normal normal 0.9em arial,sans-serif;
    color:#fff;
    font-weight:bold;
    text-align:center;
    visibility:hidden;
    opacity:0.8;
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    filter:alpha(opacity=80);
}

#beatbox-iframeshim {
    position:absolute;
    z-index:30000;
    border:none;
    filter:alpha(opacity=0);
    opacity:0;
    visibility:hidden;
}

#beatbox-imagewindow {
    position:absolute;
    z-index:30002;
    border:1px solid #666;
    background: #222;
    padding:10px;
    visibility:hidden;
}

#beatbox-imagewindow img {
    border:1px solid #999;
    background:#fff;
}

#beatbox-imagewindow ul, #beatbox-imagewindow li {
    margin:0;
    padding:0;
    list-style-type:none;
}

#beatbox-imagewindow ul {
    background:#fafafa;
    border:1px solid #999;
    padding:0 0 8px;
    margin-top:8px;
    overflow:hidden;
    white-space:nowrap;
}

* html #beatbox-imagewindow ul {
    overflow:visible;
}

#beatbox-imagewindow li.fullscreen {
    float:left;
    padding:10px 10px 0 10px;
}

#beatbox-imagewindow li.close {
    float:right;
    padding:10px 10px 0 10px;
}

#beatbox-imagewindow ul a, #beatbox-imagewindow ul a:visited {
    font:normal normal normal 0.9em arial,sans-serif;
    background:url(../images/beatbox-icons.gif) no-repeat 0 1px;
    color:#555;
    text-decoration:none;
    padding:0 0 0 20px;
    display:block;
    min-height:15px;
}

* html #beatbox-imagewindow ul a, * html #beatbox-imagewindow ul a:visited {
    display:inline-block;
    height:15px;
}

#beatbox-imagewindow li.fullscreen a, #beatbox-imagewindow li.fullscreen a:visited {
    background-position:0 -449px;
}

#beatbox-imagewindow ul a:hover, #beatbox-imagewindow ul a:focus {
    color:#222;
    background-position:0 -149px;
}

#beatbox-imagewindow ul li.fullscreen a:hover, #beatbox-imagewindow ul li.fullscreen a:focus {
    background-position:0 -599px;
}

#beatbox-imagewindow ul a:active {
    color:#000;
    background-position:0 -299px;
}

#beatbox-imagewindow ul li.fullscreen a:active {
    background-position:0 -749px;
}

#header {
	position: relative;
	height: 285px;
	background-image: url(../images/header_background.jpg);
    border-bottom: 1px solid #FFFFFF;
}

#header ul {
    margin: 0;
    padding: 248px 0px 0px 496px;
    list-style-type: none;
}

#header ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#header ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: lighter;
	text-align: center;
}

#header ul li.link1 a {
	width: 80px;
}

#header ul li.link2 a {
	width: 80px;
}

#header ul li.link3 a {
	width: 94px;
}

#header ul li a:hover {
	color: #E7D52A;
}

#breadCrumb {
    padding: 8px;
    border-bottom: 1px solid #CCCCCC;
}

#outerColumnContainer {
    background-color: #FFFFFF;          /* set the background color for the middle column here */
    border-left:201px solid #FFFFFF;    /* left width + inner left border width | left column background color */
}

#innerColumnContainer { /* only needed if page needs an inner border, if not then need to apply ie6 fix for negative margin issue */
    width: 100%;
    margin: 0 -1px; /* negate border since 100% width delaration */
    border: 1px solid #FFFFFF;
    border-width: 0 1px;
    z-index: 1;
}

#leftColumn, #middleColumn, #rightColumn, * html #middleContainer {
    position: relative;    /* fix some rendering issues (note * html #middleContainer fixes ie6 left column alignment issue) */
    overflow: visible;    /* fix for ie italics bug */
}

#middleContainer { /* only needed if page has a rightColumn */
    float: left;
    width: 100%;
    margin: 0;
    z-index: 3;
}

#middleColumn {
    float: right;
    width: 560px;
    margin: 0;
    z-index: 5;
}

#middleColumn .inside {
    padding: 5px;
}

#leftColumn {
    font-size: 100%;
    float: left;
    width: 200px; /* left width */
    margin: 0 1px 0 -201px; /* 0 | inner left border width (needed for ie6 + ie7) | 0 | -(left width + inner left border width) */
    z-index: 4;
}

#leftColumn .inside {
    padding: 5px 0px;
}

#footer {
    color: #FFFFFF;
	clear: both;
	padding: 5px 10px 5px 10px;
	background: url(../images/footer_background.jpg) repeat-x;
	font-size: 90%;
}

a, a:visited {
    color: #9999AF;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    padding: 0;
}

h1 {
	color: #999999;
	font-size: 145%;
    font-weight: normal;
}

h2 {
    font-size: 120%;
    line-height: 25px;
    font-weight: bold;
}

h3 {
    font-size: 100%;
    line-height: 20px;
    font-weight: bold;
}

.smallBoldText {
	font-size: 110%;
	font-weight: bold;
}

.bigBoldText {
	font-size: 130%;
	font-weight: bold;
}

.gray {
	color: #999999;
	font-size: 95%;
}

table {
    font-size: 100%;
}

form {
    margin: 0;
    padding: 0;
}

legend {
    padding-right: 5px;
}

.clear {
    clear: both;
    margin-bottom: -1px; /* fix issue with nn7 */
    padding-bottom: 1px;
}

.hide {
    display: none;
}

.inside {
    position: relative; /* fix ie6 rendering issues */
}

.right {
    float: right;
}

.left {
    float: left;
}

.noBorder {
    border: 0;
}