/*#############################################################

#############################################################*/

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #048;}
a:hover {color: #06C;}
a img {border: none;}

body {
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font: normal 1.6em Tahoma,sans-serif;}
h2 {font: bold 1.2em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

form,input {margin: 0; padding: 0; display: inline;}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #CCC;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

h1,h2,h3 {padding-top: 6px; color: #553; margin-bottom: 4px;}

/* misc */
*.float-divider  {
	clear:left;
	height:1px;
	font-size:1px;
	line-height:1px;
}
*.screenreader-only { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow: hidden; } 

.clearer {clear: both; font-size: 0;}

.left {float: left;}

.right {float: right;}

*.hidden               { position:absolute; top:-99999px; left:-99999px; 
                         width:1px; height:1px; overflow:hidden; }

/* MORE */
*.more { text-align:Left; font-weight:bold; font-size:0.8em; }

/* structure */
#page {
	border: 2px solid #669999;
	background: #669999;
	font-size: 1em;
	margin: 0 auto;
	padding: 10px;
	width: 900px;
	color: #FF6600;
}


/* headere & title */
#header {
	background: #222 url('img2/webhead_2.gif') no-repeat;
	height: 230px;
	width: 900px;
	margin-bottom: 5px;
	text-align: right;
	background-color: #669999;
}

#header h1  {
	color: #FFF;
	font: normal 3.7em sans-serif;
	text-decoration: none;
	float: right;
	margin-right: 15px;
	margin-top: 4px;
}
#header p {
	font: normal 1.5em Verdana,sans-serif;
	padding: 8px 12px;
	float: right;
	margin-right: 3px;
	margin-top: 12px;
	color: #003300;
	font-weight: bold;
}

#path {
	font: normal 1em Verdana,sans-serif;
	color: #FFF;
	padding: 8px 8px;
	background-color: #336633;
	margin-top: 8px;
	float: left;
}

#path p {
    font: normal 1.1em Verdana,sans-serif;
}

#path li,#path ul {
	display: inline;
}
#path a {
	color: #FAFAFA;
	text-decoration: none;
	margin-right: 16px;
}
#path a:hover {
	color: #FFE;
	text-decoration: underline;
}
#navbar {
    float:left;
	background-color: #669999;
	padding:3px;
}

/* main */
#body                {
	float:left;
	width:100%;
	background-color: #669999;
}
 #links              { float:right; width: 70%; margin-right:20px; } 
   #links h1			 {
	margin:0;
	color:#660000;
	font-size:3.5em;
	letter-spacing:-5px;
	text-align:		                     center;
}
  #links h2           {
	color:#660000;
	font-weight:normal;
	font-size:2.5em;
	text-align:center;
	display: inline;
}
  #links h3           {
	clear:both;
	margin:20px 0 10px 0;
	color:#660000;
	font-weight:normal;
	font-size: large;
	letter-spacing:-2px;
}

 #links h4           {
	font-weight:normal;
	font-size: large;
	letter-spacing:-2px;
} 

  #links p  {
	margin-left:20px;
	margin-right:120px;
	text-indent: 15px;
}
 
 #fullmain2  {
	float:left;
	width:620px;
	font-size:1em;
	background-color: #669999;
}
 
 #sophia_nav li,#sophia_nav ul {
	display: inline;
}
 
 #fullmain2 p			 {
	margin:0;
	color:#000000;
	font-size:1.2em;
	margin-left: 50px;
	margin-right: 50px;	
}
  #fullmain2 h1			 {
	margin:0;
	color:#000000;
	font-size:3em;
	margin-top:25px;
	letter-spacing:-1px;
	text-align:		                     left;
}
  #fullmain2 h2           {
	margin-left:28px;
	color:#000000;
	font-weight:normal;
	font-size:2.1em;
	letter-spacing                     :-2px;
	text-align:left;
}
  #fullmain2 h3           {
	color:#000000;
	font-size: 1.5em;
}

 #fullmain2 h4           {
	font-weight:normal;
	font-size: large;
	letter-spacing:-2px;
}
#fullmain  {
	float:left;
	width:620px;
	height:510px;
	font-size:1em;
	overflow: auto;
	background: #222 url('img2/splash.gif') no-repeat; 
	background-color: #669999;
}
 
 #sophia_nav li,#sophia_nav ul {
	display: inline;
}
 
 #fullmain p			 {
	margin:0;
	color:#000000;
	font-size:1.2em;
	margin-left: 50px;
	margin-right: 50px;	
}
  #fullmain h1			 {
	margin:0;
	color:#000000;
	font-size:3em;
	margin-top:25px;
	letter-spacing:-1px;
	text-align:		                     left;
}
  #fullmain h2           {
	margin-left:28px;
	color:#000000;
	font-weight:normal;
	font-size:2.1em;
	letter-spacing                     :-2px;
	text-align:left;
}
  #fullmain h3           {
	color:#000000;
	font-size: 1.5em;
}

 #fullmain h4           {
	font-weight:normal;
	font-size: large;
	letter-spacing:-2px;
}

 
 #main               {
	float:left;
	width:600px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	font-size:0.8em;
	overflow: auto;
}
  #main p			 {
	margin:0;
	color:#000000;
	font-size:1.2em;
	margin-left: 30px;
	margin-right: 30px;
}
  #main h1			 {
	margin:0;
	color:#000000;
	font-size:4em;
	letter-spacing:-5px;
	text-align:		                     left;
}
  #main h2           {
	margin:0;
	color:#000000;
	font-weight:normal;
	font-size:2.5em;
	text-align:center;
}
  #main h3           {
	color:#000000;
	font-weight:normal;
	font-size: 2em;
	text-align:center;
}

 #main h4           {
	font-weight:normal;
	font-size: 2em;
	margin:10px 0 10px 0;
}

   #imagecent		 {float:left; margin-left:50px; }
   #imagelead		 {float:left; margin-left:50px; margin-right: 10px; margin-top:10px; }
   #texttail         {float:right; }
   #imagetail		 {float:right; }
   #textlead         {float:left; }
   #seperator        {clear:both; padding-top:15px; }
 
   #extras           {
     float:right; 
	 width:250px; 
	 margin-right:20px; 
}
   #extras p         {
	font-weight:normal;
	font-size: small;
	margin-left: 1px;
	text-align: justify;
	text-indent: 6px;
	margin-right: 20px;
}
 #extras h4         {
	font-weight:bold;
	font-size:.9em;
	margin-left:2px;
}

   #extras *.oi        {
}

   #extras2           {float:right; width:200px; margin-right:20px; }

   #extras2 p         {
	font-weight:normal;
	font-size: small;
	margin-left: 1px;
	text-align: justify;
	text-indent: 6px;
	margin-right: 20px;
}
 #extras2 h4         {
	font-weight:bold;
	font-size:.9em;
	margin-left:2px;
}

   #extras2 *.oi        {
}

   #image1           { float:right; margin-right: 20px; margin-top:15px; }
   #image2           { float:left; margin-top:15px; }
   #image3           { float:left; margin-right:10px; margin-left:25px; }
   #image4           { float:right; margin-right: 90px; margin-top:15px; }

#comment {
	color: #F7F7F2;
	font: bold 1em sans-serif;
	background-color: #669999;
	text-align: center;
	word-spacing: 1px;
	}

/* footer */
#footer {
	color: #000000;
	font: bold 1.3em sans-serif;
	background: #222 url('img2/footer.gif') no-repeat;
	height: 60px;
	width: 900px;
	background-color: #669999;
	text-align: center;
	word-spacing: 1px;
	}

#footer a {
	color: #F7F7F2;
	text-decoration: none;
}
#footer a:hover {color: #FFC;}