/* ---------- Body Attributes ---------- */

body{
font: 11px Tahoma, Arial, Helvetica, sans-serif; 
color: #000000;
background: #222222 url(images/background.jpg) 0px 0px;
margin: 0;
line-height: 15px;
height: 100%;
}

/* ---------- List Attributes ---------- */
list{
font: 11px Tahoma, Arial, Helvetica, sans-serif;
margin: 0;
line-height: 15px;
height: 100%;
}



/* ---------- Common Div Attributes ---------- */

#topbar{ /* Container for site banner */
width: 800px;
height: 170px;
margin: 0 auto;
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-bottom: 3px solid #ffffff;
background: white;
}

#topbar_idol{ /* Container for site banner */
width: 800px;
height: 247px;
margin: 0 auto;
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-bottom: 3px solid #ffffff;
background: white;
}

html>body #topbar{ /* IEIEIEIEIEIE... */
border-bottom: 5px solid #ffffff;
}

#container{ /* Overall wrapper container, all divs go inside this one */
width: 800px;
padding: 5px;
margin: 5px auto 0 auto;
background: white;
}

	#menubar{
	margin: 0;
	padding: 0;
	}
	
	#bodyContent{ /* All body content */
	width: 800px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: white;
	}

#footer{
clear: both;
width: 800px;
height: 20px;
padding: 15px 5px 5px 5px;
margin: 0 auto;
font: 9px Tahoma, Arial, Helvetica, sans-serif; 
color: #000000;
text-align: center;
background: white url(images/footer.gif) no-repeat 0px 0px;;
}

/* ---------- About Page Div Attributes ---------- */

#aboutLeftColumn{
float: left;
width: 382px;
padding: 0px 10px 15px 10px;
/* border: 1px dashed #ff9933; testing */
}

#aboutRightColumn{
float: right;
width: 382px;
padding: 0 10px 0 0;
/* border: 1px solid #0000cd;  testing */
}


/* ---------- Home Page Div Attributes ---------- */

#homeLeftColumn{
float: left;
width: 445px;
padding: 0px 10px 15px 10px;
/* border: 1px dashed #ff9933; testing */
}

#homeRightColumn{
float: right;
width: 320px;
padding: 0 10px 0 0;
/* border: 1px solid #0000cd;  testing */
}

#newsFrame{
height: 380px;
width: 395px;
margin: 5px;
border: none;
scrollbar-face-color:#6f2358;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#e9c0dd;
scrollbar-shadow-color:#6f2358;
scrollbar-highlight-color:#6f2358;
scrollbar-3dlight-color:#d798c4;
scrollbar-darkshadow-color:#d798c4;
}

/* ---------- Showcase Page Div Attributes ---------- */

#showcaseColumn{
width: 780px;
padding: 0px 10px 15px 10px;
}

/* ---------- Other Page Div Attributes ---------- */

#servicesLeftColumn{
float: left;
width: 445px;
padding: 0px 10px 15px 10px;
}

#servicesRightColumn{
float: right;
width: 320px;
padding: 0 10px 0 0;
}

#leftColumn{
float: left;
width: 382px;
padding: 0px 10px 15px 10px;
/* border: 1px dashed #ff9933; testing */
}

#rightColumn{
float: right;
width: 382px;
padding: 0 10px 0 0;
/* border: 1px solid #0000cd;  testing */
}

/* ---------- Common Object Class Attributes ---------- */

.borderless{
border: none;
}

.clear{ /* Used to force background to show through floating DIVs */
clear: both;
}

.subheaderPad{
padding-left: 6px;
border: none;
}

.leftImage{ /* Left aligns an image */
float: left;
margin: 0px 10px 10px 0px;
display: block;
}

.centerImage{ /* Center aligns an image */
margin-left: auto;
margin-right: auto;
display: block;
}

.rightImage{ /* Right aligns an image */
float: right;
margin: 0px 0px 10px 10px;
display: block;
}

.leftImageBordered{ /* Left aligns an image */
float: left;
margin: 0px 10px 10px 0px;
border: 1px solid #6f2358;
display: block;
}

.centerImageBordered{ /* Center aligns an image */
margin-left: auto;
margin-right: auto;
border: 1px solid #6f2358;
display: block;
}

.rightImageBordered{ /* Right aligns an image */
float: right;
margin: 0px 0px 10px 10px;
border: 1px solid #6f2358;
display: block;
}

.alignLeft{
text-align: left;
}

.alignRight{
text-align: right;
}

.alignCenter{
text-align: center;
}

.boxContent{
padding: 10px;
background: #f5d6ec;
vertical-align: top;
}

.boxTopLeft{
height: 10px;
width: 10px;
background: white url(images/boxcorner-topleft.gif) no-repeat 0 0;
}

.boxTopRight{
height: 10px;
width: 10px;
background: white url(images/boxcorner-topright.gif) no-repeat 0 0;
}

.boxBottomRight{
height: 10px;
width: 10px;
background: white url(images/boxcorner-bottomright.gif) no-repeat 0 0;
}

.boxBottomLeft{
height: 10px;
width: 10px;
background: white url(images/boxcorner-bottomleft.gif) no-repeat 0 0;
}

.boxTop{
height: 10px;
background: white url(images/boxedge-top.gif) repeat-x 0 0;
}

.boxRight{
width: 10px;
background: white url(images/boxedge-right.gif) repeat-y 0 0;
}

.boxBottom{
height: 10px;
background: white url(images/boxedge-bottom.gif) repeat-x 0 0;
}

.boxLeft{
width: 10px;
background: white url(images/boxedge-left.gif) repeat-y 0 0;
}

.contactField{ /* Contact form */
width: 180px;
font-size: 11px;
}

.contactTextbox{ /* Contact form */
width: 180px;
height: 120px;
font-size: 11px;
}

.contactField_idol{ /* Contact form */
width: 150px;
font-size: 11px;
}

.contactTextbox_idol{ /* Contact form */
width: 150px;
height: 120px;
font-size: 11px;
}

.contactSubmitReset_idol{ /* Contact form */
width: 50px;
height: 20px;
font-size: 9px;
}

/* ---------- Text Attributes ---------- */

.bodyText{
font-size: 11px;
}

.titleText{
color: #6f2358;
font-weight: bold;
}

.footerText{
font-size: 9px;
}

/* ---------- Link Attributes ---------- */

a{ /* Standard links */
text-decoration: none;
color: #6f2358;
}

a:link{
text-decoration: none;
color: #6f2358;
}

a:visited{
text-decoration: none;
color: #6f2358;
}

a:hover{
text-decoration: underline;
color: #6f2358;
}
li {
	color: #6F2358;
	font-weight: normal;
}


a:active{
text-decoration: underline;
color: #6f2358;
}