﻿/*----------------------------------------------------------------------------
Layout stylesheet for modern browsers

version: 	0.1
author: 	Jacob Olsson
email:		jacob(at)bananpaj.com
website:  	www.staireo.com
-------------------------------------------------------------------------------*/

/* Layout for main content 
-------------------------------------------------------------------------------*/
/* so that IE 5.x and 6 in quirks mode centers design */
body{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
}

#standardBody{
	background:url('images/backgrounds/back_gradient_02.jpg')  #555555 repeat-x;
	text-align:center;
}


/* Default wrapper, that holds the main content */
#wrapper{
	width: 774px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
}

#twoColWrapper, #oneColWrapper{
	width: 774px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
}

#content_wrapper{
	background-image:url('images/backgrounds/faux_back_02.jpg');
	background-repeat:repeat-y;
	float:left;
}

#page_content{
	width:750px;
	min-height:420px;
	float:left;
	background-color:#000000;
}

#page_left{
	width:12px;
	background-image:url('images/backgrounds/left_tile_shadow_02.jpg');
	background-repeat:repeat-y;
	float:left;
	
}

#page_right{
	width: 12px;
	background-image:url('images/backgrounds/right_tile_shadow_02.jpg');
	background-repeat:repeat-y;
	float:left;
	
}



/* Default head, containing the flash header or menu */
#header{
	width: 750px;
	height: 185px;
	vertical-align:bottom;
	float:left;
	background: url('images/headlines/page_head_750x185_02.jpg') no-repeat;
}

#header_left{
	width: 12px;
	height: 185px;
	float:left;
	background: url('images/backgrounds/header_left_12_185_02.jpg') no-repeat #333333;
}

#header_right{
	width: 12px;
	height: 185px;
	float:left;
	background: url('images/backgrounds/header_right_12_185_02.jpg') no-repeat #333333;
}


/* The primary content container */ 
#primaryContent{
	width:774px;
	height:420px;
	clear:both;
}



#footer_clear{
	clear:both;
}

#footer{
	width: 774px;
	height:20px;
	float:left;
	position:relative;
	background-image:url('images/backgrounds/footer_shadow_774_20_02.jpg');
	background-repeat:no-repeat;
	background-color:#555555;
}

#footer_site_width
{
    height:1px;
    width:1000px;
    float:left;
}

/* MENU
--------------------------------------------------------------------------*/
#header ul{
	position:relative;
	margin-right: 10px;
	margin-top: 0px;	
	/*height:1px;*/
	padding:0;	
}
#header li{
	float:right;
	margin-top:125px;
	margin-left: 10px;
	display:inline;
}


#band_menu{
	margin-right: 10px;		
	float:right;
	height:15px;
	width:700px;
	padding:0px;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	display:inline-block;
}

#band_menu li{
	margin-top:0px;
	margin-left:12px;
}

/* fix 3px bug \*/
* html #band_menu{
	display:inline;
	margin-right:0px;
}

.band_menu_item{
	float:right;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
	margin-top:0px;

}




/* Style of menu
-------------------------------------------------------------------------------*/
.band_menu_item{
	color:#e5f4b9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	list-style:none;
}

#band_menu_item a, #band_menu_item a:visited{
	text-decoration:none;
	color:#e5f4b9;
}

#band_menu_item a:hover{
	color:#ba3e00;
	text-decoration:none;
}
#header li a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#e5f4b9;
	text-decoration:none;
}
#header li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ba3e00;
	text-decoration:none;
}

.errorMsg
{
    color:Red;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:bolder;
    text-align:center;
    margin-top: 150px;
}