/* ----------|| Basic Styling ||---------- */
* {
	padding: 0;
	margin: 0;
	}
body
{
    font-family: Verdana, Arial;
    font-size: 74%;
    line-height: 1,1em;
    word-spacing: 8 em;
    text-align: center;
    background: url(../images/TopBar_02.jpg) repeat-x;
    background-color: #312b2d;
 }


h1 {
	font-size: 120%;
	color: #d86e01;
	font-family: Verdana, Arial;
	font-weight:bold;
	}
	
h2 {
	font-size: 110%;
	color: #5e5e5e;
	font-weight:bold;
	}
a   {
    color: #1a6385;
    text-decoration: underline;
    font-weight:normal;
    font-size: 100%;
	}
a:hover {
	color: #ff8300;
	text-decoration: underline;
	}
	
.button
{
    /*
    color:#050;   
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); 
*/
    
    background-color: #FFFBFF;
    border-color:#CCCCCC;
    border-style:Solid;
    border-width:1px;
    font-family:Verdana;
    font-size:80%;
    color:#284775;
}	
	
#wrapper 
{
    position: relative;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	width: 978px;
	display: block;
	background: url(../images/Header4_02_02.jpg) no-repeat; 

}
#header 
{

	text-align:left;
	height: 170px;
}
 
 #navigationBar
 {      
    z-index:20;
    margin-right:auto;
    margin-left:auto;
    position: relative;
    margin-top:0px;
    text-align:left;
    width:685px;
    display: block;
     
 }


 
#navButton1
{
    position: absolute;
    text-align:center;
    width:163px;
    height:107px;
    padding:0px;
    background: url(../images/NavButton_05_05.png) no-repeat; 
}

#navButton2
{
    left:110px;
    text-align:center;
    position: absolute;
    width:163px;
    height:107px;
    padding:0px;
    background: url(../images/NavButton_05_05.png) no-repeat; 
}

#navButton3
{      
    position: absolute;
    text-align:center;
    left:413px;
    width:163px;
    height:107px;
    padding:0px;
    background: url(../images/NavButton_05_05.png) no-repeat; 
}

#navButton4
{
    position: absolute;
    text-align:center;
    left:523px;
    width:163px;
    height:107px;
    padding:0px;
    background: url(../images/NavButton_05_05.png) no-repeat; 
}

#navContent1 
{
    position: absolute;
    text-align:center;
    left:39px;
    top:5px;
    width:80px;
    height:40px;
    padding:0px;
    cursor: pointer;
    z-index:30;
    display:inline;
}
    
#navContent2 
{
    position: absolute;
    text-align:center;
    left:149px;
    top:5px;
    width:80px;
    height:40px;
    padding:0px;
    cursor: pointer;
    z-index:30;
    display:inline;
}

#navContent3 
{
    position: absolute;
    text-align:center;
    left:452px;
    top:5px;
    width:80px;
    height:40px;
    padding:0px;
    cursor: pointer;
    z-index:30;
    display:inline;
}
    
#navContent4
{
    position: absolute;
    text-align:center;
    left:562px;
    top:5px;
    width:80px;
    height:40px;
    padding:0px;
    cursor: pointer;
    z-index:30;
    display:inline;
}
/*
div.navContent 
{
    	position: relative;
    text-align:center;
    top:5px;
    left:-2px;
    margin-top:0px;
    margin-left:35px;
    margin-right:35px;
    height:40px;
    cursor: pointer;
    }
*/
.navText 
{
    font-size:100%;	
    font-weight:bold;
    color:#7b7b7b;
    cursor: pointer;
}

.navText2 
{
    font-size:100%;	
    font-weight:bold;
    color:#ff8300;
    cursor: pointer;
}


#content 
{
    margin-right:auto;
	margin-left:auto;
	position: relative;
	margin-top:0px;
	text-align:left;
	width:666px;
    min-height:676px;
      height:auto !important;
      height:676px;
}

.row 
{
clear:both;
    margin: 0px,0px,0px,0px;
	padding: 0px,0px,0px,0px;

}


#mainPanel_TopLeftCorner
{ 
    margin-left:23px;
    position: relative;
	width: 33px;
	height:33px;
	background: url(../images/MainPanel_TopLeftCorner_07.jpg) no-repeat; 
	float: left;
	display:inline;
}

#leftFlowerFX
{  
    top:-175px;
    left:-295px;
    position: absolute;   
   	width: 371px;
      height:200px;
	background: url(../images/LeftFlowerFX_07.png) no-repeat; 
}

#mainPanel_Top
{
	    width:554px;
    height: 33px;
    background: url(../images/MainPanel_Top_07.jpg);
    background-repeat: repeat-x;
    float: left;
}

#mainPanel_TopRightCorner
{  
    margin-right:23px;
    position: relative;   
   	width: 33px;
	height:33px;
	background: url(../images/MainPanel_TopRightCorner_07.jpg) no-repeat; 
	 float:left;
	 display:inline;
}

#rightFlowerFX
{  
    top:-175px;
    left:-60px;
    position: absolute;   
   	width: 300px;
	height:273px;
	background: url(../images/RightFlowerFX_07.png) no-repeat; 
}


#mainPanel_ShadowLeft
{
    position: relative;
    width: 23px;
      height:600px;
    background: url(../images/MainPanel_ShadowLeft_16_21.png) no-repeat;
    margin-top:76px;
     float: left;
     display:inline;
}

#mainPanel_Left
{
    position: relative;
    width: 15px;
    min-height:676px;
      height:auto !important;
      height:676px;
      background-color:#312b2d;
    float: left;
}



#mainPanel_Content
{
	padding-top:0px;
	padding-bottom:0px;
    position: relative;
    width:554px;
    min-height:676px;
    height:auto !important;
    height:676px;
    background-color:#ffffff;
    padding-left:18px;
    padding-right: 18px;
    float: left;
    display:inline;
}



#mainPanel_Right
{
	
    position: relative;
    width: 15px;
    min-height:676px;
    height:auto !important;
    height:676px;
    background-color:#312b2d;
    float: left;
}


#mainPanel_ShadowRight
{
	
    position: relative;
    width: 23px;
      height:600px;
    background: url(../images/MainPanel_ShadowRight_16_21.png) no-repeat;
    margin-top:76px;
     float: left;
     display:inline;
}

#mainPanel_BottomLeftCorner
{  
	
     margin-left:23px;
    position: relative;
	width: 33px;
	height:33px;
	background: url(../images/MainPanel_BottomLeftCorner_07.jpg) no-repeat; 
	float: left;
	display:inline;
}


#mainPanel_Bottom
{
	
    position: relative;
    width:554px;
    height: 33px;
    background: url(../images/MainPanel_Bottom_07.jpg);
    background-repeat: repeat-x;
    float: left;
}

#mainPanel_BottomRightCorner
{
    margin-right:23px;
    position: relative;
	width: 33px;
	height:33px;
	background: url(../images/MainPanel_BottomRightCorner_07.jpg) no-repeat; 
	float: left;
	display:inline;
}


div.subPanel
{
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    border-style: solid;
    border-color: #e5dbde;
    border-width: 1px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
    float:left;
    display:inline;
    	
}


div.subPanelHeader
{
    top:-10px;
    position:absolute;
    background-color:White;
}



div.photoFrame
{
    padding-top:2px;
     padding-left:2px;
    position: relative;
	width: 105px;
	height:105px;
    background: url(../images/photoframe_105x105.gif) no-repeat; 
}


#membersLogin
{
    top:-15px;
    left:-160px;
    width:200px;
    position: absolute; 
}

#loginArrow
{ 
    width:12px;
    height:12px;
    background: url(../images/LoginArrow_10.png);
    float: left;
}


.jScrollPaneContainer 	{ position: relative; overflow: hidden; z-index: 1; }

.jScrollPaneTrack 		{ position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;
						  background: url(../images/scroll.jpg) top center repeat-y; padding: 3px; }
.jScrollPaneDrag	{ position: absolute; 
                	  background-color:#d3d3d3;
                cursor: pointer; overflow: hidden; }
					  
					  
/*
.jScrollPaneDrag	{ position: absolute; width:15px; background: url(../images/scrollKnob.jpg) center center no-repeat;
					  cursor: pointer; overflow: hidden; }
*/