html, body {
    height: 100%;
}

body 
{
    padding:0px;
    margin:0px;
}

#wholeArea
{
    margin-left:auto;
    margin-right:auto;
    width:760px;
    min-height:100%;
    height:auto;
}

#mainArea
{
    width:760px;
    height:auto;
    
    position:relative;
    display:block;
    
}

#veryTopBar
{
    width:760px;
    height:50px;
    background-color:#FFFFFF;
}

#veryTopBar img
{
    float:left;
    margin-right:10px;
}




#veryTopBar span
{
    display:block;
    float:left;
    width:127px;
    background-image:url(images/topTab.gif);
    background-repeat:no-repeat;
    
    
    margin-top:28px;
    height:17px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color:#FFFFFF;
	padding-top:5px;
	padding-left:25px;
	
	background-color:#FFFFFF;
	border:none;
	font-weight:bold;
}


#veryTopBar a
{
    display:block;
    float:left;
    width:127px;
    
    
    
    margin-top:28px;
    height:17px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color:#384898;
	padding-top:5px;
	padding-left:25px;
	
	background-color:#FFFFFF;
	border:none;
	font-weight:bold;
	
    
}

#veryTopBar a:hover
{
    color:#000000;
    
}




#topArea
{
    width:760px;
    height:100px;
    background-image:url(images/homeBar.gif);
   
}

#optionsSpace
{
    height:100px;
    width:760px;
    padding-top:80px;
    
   
}

#optionsSpace a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color:#000000;
	margin-right:15px;
	margin-left:5px;
}

#optionsSpace a:hover
{
    color:#e65700;
}



#logonArea
{
    width:250px;
   
    margin-top:10px;
    float:right;
    
   
    
}

#logonArea .top
{
    
    width:250px;
    background-image:url(images/logonTop.gif);
    background-repeat:no-repeat;
    background-position:top left;
}

#logonArea .base
{
    
    width:250px;
    background-image:url(images/orangesmallbase.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
}

#logonArea .edge
{
    
    
    background-color:#FFFFFF;
    background-image:url(images/orangesmallinside.gif);
    background-repeat:repeat-y;

    background-position:left;
    
    
}
  
#logonArea .inside
{
    
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:100px;
	padding-top:50px;
    padding-left:20px;
}


  
#logonArea .inside table
{
    width:200px;
}



  
  
.simpleButton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFFFFF;
	font-weight:bold;
	border:solid 1px #000000;
    background-image:url(images/button.gif);
}

.simpleText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:10px;
}

.itemTitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#555555;
}

.itemText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
}

#writeUpArea
{
    
    float:left;
    min-height:200px;
    padding:0px;
    margin-right:10px;
    margin-top:10px;
    width:500px;
}


.midBlue
{
    width:500px;
    background-image:url(images/midblueinside.gif);
    background-repeat:repeat-y;
    margin-top:10px;
}

.midBlue .head
{
    width:500px;
    background-image:url(images/midbluehead.gif);
    background-repeat:no-repeat;
    background-position:left top;
}

.midBlue .base
{
    width:500px;
    background-image:url(images/midbluebase.gif);
    background-repeat:no-repeat;
    background-position:left bottom;
}

.midBlue .inside
{
    padding:10px;   
}

#joinUpArea
{
    width:760px;
    height:300px;
    
}

.joinUpArea .top
{
    height:20px;
    width:760px;
    background-image:url(images/joinbar1.gif);
    background-repeat:no-repeat;
}

.joinUpArea .base
{
    height:12px;
    width:760px;
    background-image:url(images/bluefullbase.gif);
    background-repeat:no-repeat;
}





.joinUpArea .inside
{
   
    border-left:solid 1px #5e78ff;
    border-right:solid 1px #5e78ff;
    background-color:#f3f3f3;
    background-image:url(images/bluefullinside.gif);
    background-repeat:no-repeat;
    background-position:top left;
    padding-top:10px;
    padding-left:20px;
}

h2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#e65700;
}

h1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#e65700;
}

h4
{
    font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 14px;
	
}
p
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	margin-bottom:15px;
}

img
{
    float:left;
    
}

ul li
{
    font-family:  Arial, Verdana,Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	margin-bottom:3px;
}

a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color:#384898;
}

a:hover
{
    text-decoration:underline;
}

.saleItem
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.saleItem span
{
    font-size:12px;
    font-weight:bold;
}

.saleItem a
{
    font-size: 10px;
}





.infoBox
{
    width:250px;
    margin-top:10px;
    float:right;
}

.infoBox .top
{
    
    width:250px;
    background-image:url(images/infoBar.gif);
    background-repeat:no-repeat;
    background-position:top left;
}
.infoBox .topWhat
{
   
    width:250px;
    background-image:url(images/Whatsnew.gif);
    background-repeat:no-repeat;
    background-position:top left;
}
.infoBox .base
{
    
    width:250px;
    background-image:url(images/bluesmallbase.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
}

.infoBox .edge
{
    
    
    background-color:#FFFFFF;
    background-image:url(images/bluesmallinside.gif);
    background-repeat:repeat-y;

    background-position:left;
    
    
}
  
.infoBox .inside
{
    padding:10px;
    padding-top:39px;
    
     font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
  
.infoBox p
{
    font-size: 10px;
}
  
.infoBox span
{
}
  
.infoBox .inside table
{
    width:200px;
}

.infoBox .inside ul
{
    
    
}

.infoBox .inside ul li
{
    margin-bottom:5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

table
{
    font-family: Arial, Verdana, helvetica, Sans-Serif;
    font-size:10px;
}

#optionsArea
{
    width:250px;
    margin-top:10px;
    float: right;
    
    
   
}

#optionsArea .top
{
    
    width:250px;
    background-image:url(images/optionsBar.gif);
    background-repeat:no-repeat;
    background-position:top left;
}

#optionsArea .base
{
    
    width:250px;
    background-image:url(images/bluesmallbase.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
}

#optionsArea .edge
{
    
    
    background-color:#FFFFFF;
    background-image:url(images/bluesmallinside.gif);
    background-repeat:repeat-y;

    background-position:left;
    
    
}
  
#optionsArea .inside
{
    padding-top:22px;
    padding-left:6px;
    padding-bottom:14px;
}
  
#optionsArea .inside table
{
    width:200px;
}

#optionsArea .inside ul
{
    list-style:none;
    margin-left:0px;
}

#optionsArea .inside ul li
{
    margin-bottom:3px;
}

#fotter
{
    text-align:center;
    width:100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#777777;
	padding-top:10px;
	margin-top:10px;
	height:20px;
	clear:both;
	 
}

#fotter a
{
    color:#777777;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#fotter a:hover
{
    text-decoration:underline;
}

.leftSide
{
    height:100%;
    min-height:100%;
}