body {
	text-align:left; margin:10; padding:0; background-color:white; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; height:100%; text-align:center;
	}
	
/* ==== TITLES ================================================================= */	 	
h1 { 
   font-size:120%;
   font-weight: bold;
   color:#FF9900;
	}

h2 { 
   font-size:105%;
   color:#FF9900;
	}
	
h3 { 
   font-size:100%;
	}
  
h4 { 
   font-size:120%;
   color:#FD8006;
	}
/* ==== HR, BORDER, HYPERLINKS ======================================================= */	   
hr {
   color: #e87904; 
   } 
  
border {
   color: #e87904; 
   } 
    
a:link  { color: #e87904; text-decoration:underlined; }		
a:visited {color:#e87904;text-decoration:underlined; }
a:hover { color: #fb962c; text-decoration:underline; }

/* ==== POSITIONING ELEMENTS ======================================================= */	   
#wrapper {
	width: 759px; height:100%; text-align:left;
	 }
	 
#headerfill {
  width:100%; 
  clear:both;
  background-color: white;
  }
  
/* ==== LOGO ======================================================= */	   
 #logo {
 float:left;
 }

/* ==== CONTENT ================================================================= */	 
#contentcenter {
		width:590px;
		padding:0;
		float:left;
		background:white;
		}
		
#contentcenter ul, #contentbig ul {margin-left: 0; padding-left:0; padding-bottom:5px; list-style-type:none;}
 
#contentcenter ul li, #contentbig ul li {
 margin-left: 5; 
 padding: 0 0 5px 20px; 
 border: 0; 
 background:  url("images/sotopia_concepts_bullet.gif") no-repeat scroll 8px 7px;}
 	
#contentright {
	width:130px;
	padding:0;
	float:right;
	background-color:white;}
	
#contentbig {
	width:720px;
	padding:0;
	background-color:white;
	}

#contenwindow {
	width:420px;
	padding:0;
	background-color:white;
	}
 
/* ==== MENU RIGHT ================================================================= */	 
#menuright{
   margin-left: 0;
   padding-left: 0;
   font-size: 85%;
   list-style: none;
   }

#menuright a#current {color: #FF9900;text-decoration:none;  }

	
#menuright li {
   padding-left: 20px;
   background: url("images/sotopia_concepts_arrowyellow.gif") no-repeat 0 50%;
   }

/* ==== TOPMENU ================================================================= */	
#topmenu {
 line-height:normal;
 float:right;
 margin-right:0;
 margin-top:6px; 
 width: 545px;
    }
 
#topmenu ul {
  margin:0;
  padding:0;
  list-style:none;
   }
	
#topmenu li {
   float:rightt;
   background:url("images/sotopia_concepts_right_both.gif") no-repeat right top;
   display:inline;
   margin:0;
   padding:0;
   }
	 
 #topmenu a {
  float:left; 
  width: .1em;
  background:url("images/sotopia_concepts_left_both.gif") no-repeat left top;
  padding: 0 0 0 9px;
  margin:0;
  text-decoration:none;
  border-bottom:1px solid #626469;
  font-weight:bold;
  color:white;
  }
#topmenu > ul a {width:auto;}

#topmenu a span {
      float:left;
      display:block;
      background:url("images/sotopia_concepts_right_both.gif") no-repeat right top;
      padding:5px 10px 4px 0;
   }
  /* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}
  /* End IE5-Mac hack */
  	
#topmenu #current a {
   background-position:0 -150px;
   border-width:0;
    }
	
#topmenu #current a span {
   background-position:100% -150px;
   padding-bottom:5px;	
   color:#FF9900;}

#topmenu a:hover {
      background-position:0% -150px; 
	  color: #FF9900; 
	  text-decoration:none;
      }
	  
#topmenu a:hover span {
      background-position:100% -150px;
	  color:#FF9900;
      }

/* ==== SUBMENU ================================================================= */	
 #submenu {
 float:right;
 margin-left:0;
 margin-right:5px; 
 margin-top:9px;
 width: 550px;
  }


#submenu ul {
    margin:0;
    padding:1px 0 8px;
    list-style:none;
	float:left;
	width:100%;
    }
	
#submenu li {
    float:left;
    margin:0;
    padding:0;
	border-right: 1px solid #717171;
    }

#submenu a {
 text-decoration:none;
 font-weight:normal;
 font-size: 85%;
 display:block;
 padding:0 8px 0;
 }
 
 
#submenu #current a {
  text-decoration:none;
  font-weight:Normal;
  color:#000000;
  padding-bottom:1px;
    }
	
/* ==== FOOTER =================================================================== */	
#footer {
 position: absolute;  
 margin:0;
 padding: .5em;
 background-color: white;
 border-top: 1px solid #e87904; width: 740px;}

#footer ul {
    margin:0;
    padding:0;
	font-size:80%;
	
    list-style:none;
	float:left;
	width:100%;
    }
	
  #footer li {
    float:left;
	height:22px;
	margin:0;
    padding:0;
	border-right: 1px solid #e87904;
    }
	
   #footer .dropdown {
	height:22px; 
	margin:0 35px;
    }
	
  #footer li.noborder {
  border-right:none;
  }


 #footer a {
 text-decoration:none;
 font-weight:normal;
 display:block;
 padding:0 20px 0;
 } 

#footer #current a {
  text-decoration:none;
  font-weight:Normal;
  color:#FF9900;
  padding-bottom:1px;
    }
	
/* ==== LEFT/CENTER/MIDDLE ================================================================= */	
 div.row {width:100%; clear: both;}
 div.row span.left {float: left; text-align: left; color: #717171; font-weight:Normal; width: 24%;}
 div.row span.center {float: left; text-align: left; color: #717171; font-weight:Normal; width: 46%;}
 div.row span.right {float: center; text-align: left; width: 30%;}