/* Style Sheet */
/* basic elements */
body { 
	font: 10pt verdana, arial, helvetica;
	background: #ffffff; 
	margin: 0px;
	}
p { 
	font: 9pt verdana, arial, helvetica; 
	margin-top: 0px;
	}
	
h1 { 
	font: 14pt lucida sans unicode, lucida grande, verdana;
	letter-spacing: 1px; 
	color: #333333;
	}

h2 { 
	font: 12pt lucida sans unicode, lucida grande, verdana;
	letter-spacing: 1px; 
	color: #333333;
	}
	
img {
	margin: 5px;
	}
	
/* links */	
a:link { 
	text-decoration: none;
	color: #555555;
	}
a:visited { 
	text-decoration: none; 
	color: #555555;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #555555;
	}
	
#left a:link { 
	text-decoration: none;
	color: #777777;
	}
#left a:visited { 
	text-decoration: none; 
	color: #777777;
	}
#left a:hover, #left a:active { 
	text-decoration: underline; 
	color: #777777;
	}
	
/* parts */	
#all {
   width: 1024px;
   }
   
#top { 
	height:90px;
	width:100%;
    position: fixed;
    background: #ffffff;
	z-index:10;
	}

#toppic { 
	background: url("../Images/earth.jpg") no-repeat;
	background-position: left top;
	position:fixed;
	left:10px;
	top:10px;
	height:280px;
	width:320px;
	z-index:0;
	}

#bottom {
	z-index:2;
	width:100%;
	height:20px;
	color: #555555;
	padding-left: 12px;
	white-space: nowrap;
	clear: both;
	}
	
#left {
	width:420px;
	height: 440px;
	max-height: 440px;
	float:left;
	color: #555555;
	padding: 10px;
	z-index:3;
	overflow:auto;
	margin-top:100px;
	}
	
#right {
	min-width: 550px;
	width: 550px; 
	height: 440px;
	min-height: 440px;
	max-height: 440px;
	float:left;
	color: #555555;
	padding: 10px;
	z-index:3;
	overflow:auto;
	margin-top:100px;
	}
	
/* logo */	
#logotext {
	position: absolute;
	left: 12px;
	top: 10px;
	z-index:20;
	color:#000000;
	font: 22pt verdana, arial, helvetica;
	letter-spacing: 0.5em;
	white-space: nowrap;
	padding-bottom;: 20px;
	}

#logotext2 {
	position: absolute;
	left: 12px;
	top: 60px;
	z-index:20;
	color:#000000;
	letter-spacing: 0.5em;
	white-space: nowrap;
	}
	
#linktext {
	position: absolute;
	left: 455px;
	top: 60px;
	z-index:20;
	color:#aaaaaa;
	}

#linktext2 {
	position: absolute;
	left: 455px;
	top: 80px;
	z-index:20;
	color:#aaaaaa;
	}

@media handheld {
  body {
    background:#fff;
    font:x-small "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
    font-size: small;
  }
  #all {
    background:#ffff;
    width:100%;
    }
  #left {
    width:100%;
    padding:40px 10px 10px 10px;
    float:none;
    }
  #right {
    width:100%;
    padding:40px 10px 10px 10px;
    float:none;
    }
  #bottom {
    padding: 0px 10px 20px 10px;
    float:none;
    width:100%;
	margin-top: 30px;
	}  
  }