/* tested with IE7/Win, Mozilla Firefox, Opera, Safari,..................... */

/* colors

*/

/* basic elements */

body {background-color:#ffffff; text-align: center;}

/*    main content---------------------------------------------------------*/
#container {width: 975px;}

/*    fonts------------------------------------------------------------------*/
#summary a:link {color: #4e5d65; text-decoration: underline;} 
#summary a:visited {color:#ffffff;text-decoration: underline;background: none;} 
#summary a:hover {color: #022235; text-decoration: none; font-weight:bold;}
#summary a:active {background: none; color: #ffffff; text-decoration: none;font-weight:bold;}

#summary li {font: 11pt Arial, Verdana, Times, serif; text-align:left; color:#4e5d65; }

h1 {font: 12.5pt Arial, Verdana, Times, serif; color:#ffffff; }
h1 span  {display:none;}
h2 {font: 12pt Arial, Verdana, Times, serif; color:#276189; font-weight: bold; margin: 5px; text-align: left; font-variant: small-caps; padding: 0px 0px 2px 10px;}
h2 span {display:none;}
h3 {font: 10pt Arial, Verdana, Times, serif; color:#276189; font-weight: bold; margin: 5px;text-align: left; padding: 15px 0px 0px 10px;}
h3 span {display:none;}

p{font: 11pt Arial, Verdana, Times, serif; color:#4e5d65;
text-align: left;
text-indent: 0px;
padding: 5px 10px 2px 15px;
margin-bottom: 0px;}

abbr, acronym {text-decoration: none;border-bottom: 1px dotted #4e5d65; cursor: help;}

/*--------------------------------------------------------------------------*/ 

/*--  LHS COLUMN ------------------------------------------*/
#lhs {width: 250px; height: 522px; border: 1px solid #7cd2e6; position:absolute; left:40px;}

#assoc {position: relative; top: 15px;}

#header {width: 240px; }

#globalnav li {font: 11pt Arial, Verdana, Times, serif;text-align: right;list-style-type:none;color:#608faa; }

#globalnav a {display: block; padding: 4px;}

#globalnav {width: 240px; z-index:1; position:relative;  }
#globalnav p {text-align: right;}
#globalnav a:link {color: #608faa;text-decoration: none;} 
#globalnav a:visited {color: #608faa;text-decoration: none;} 
#globalnav a:hover {color: #608faa;background: none; text-decoration: none; font-weight:bold;}
#globalnav a:active {background: none; color: #ffffff; text-decoration: none;font-weight:bold;}

#address {width: 240px; position:relative; top:15px;}
#address p {font: 8pt Arial, Verdana, Times, serif; color:#022235;text-align: center; font-weight: bold; line-height: 95%; padding-bottom: 2px;}


/*--------------------------------------------------------------------------*/
#imgcolumn {width:210px; position:absolute; left:295px;height: 522px; }



/* SUMMARIES -------------------------------------------------------------*/
#summary {background-color:#8da7c8; width: 450px; height: 522px; border: 1px solid #7cd2e6; position:absolute; left:508px;overflow: auto;}

#intro {background-color:#0f0300; width: 425px; height: 510px; border: 1px solid #d88e51; position:relative; top:2px; }

#webstandards {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:30px;}

#product {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:60px;}

#contact {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:90px; }

#oasis {background-color:#0f0300; width: 696px; border: 1px solid #d88e51; position:relative; top:120px; }

#footer {width: 975px; position:relative; top:550px; left:10px;}
#footer p{text-align: center; font: 7.5pt Arial, Verdana, Times, serif;}

/* CLEAN FORM 
/////////////////////////////*/
 
/* General */
.cleanform { 
font-size:12px; 
font-family: Arial, Verdana, Times, serif; 
width:35em; 
color:#1b1b1b; 
text-align:left; 
margin-left: 0px;
margin-top: -20px;} 

 
 
/* Elements */

 
.cleanform  label,.cleanform legend{ 
padding:0; 
margin:0.3em 0;
font: 10pt Arial, Verdana, Times, serif; color: #276388; text-align: left; margin-left: 10px;
font-weight: bold;} 

 
.cleanform fieldset{ 
padding:0.7em; 
border:1px solid #ddd; 
margin:0 0 0.5em 0
} 

 
.cleanform label {font-weight:bold; color:#574a44;} 

 
.cleanform fieldset input {   
width:90%;     
line-height:1.5em;     
padding:0.15em
} 
 
 
.cleanform input, .cleanform textarea {
display:block;     
margin-bottom:1em;     
font-size:1em;     
border:1px solid #bbb;     
padding:0.15em;     
margin-right:1em;
font-size:12px; 
font-family: Arial, Verdana, Times, serif; 
} 

 
.cleanform .radio label, .cleanform .radio input, 
.cleanform .checkbox label, .cleanform .checkbox input { 
    
display:inline;     
margin:0 1.5em 0 0
} 
 
 
.cleanform .radio input, .cleanform .checkbox input {    
margin:0 0.3em 0 0
} 
 
 
/* Button */

 
.cleanform button {    
margin:0.3em 0.3em;    
border:1px solid #276388;    
background-color:#eee;     
font-size:1em;     
cursor:pointer;     
padding:3px;
} 
 
.cleanform button:hover {  
background-color:#b2e1eb;     
border:1px solid #fff;   
color:#276388;
} 

 
.cleanform button:active {    
background-color:#333;    
color:white;    
border:1px solid #b2e1eb;
} 

/* information */
 
 
.cleanform .formInfo {     
margin-bottom:1em;    
padding-bottom:0.5em;    
border-bottom:0.1em solid #ddd
} 

 
.cleanform .formInfo h2 {     
color:#00889e;     
font-weight:bold;    
font-size:1.2em;    
margin-bottom:1em
} 

 
.cleanform .formInfo p{    
text-align:justify
} 
 
 
.cleanform .required {    
color:#fff;   
font-weight:bold;   
font-size:0.8em

}


#thankyou {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: left;
	padding-bottom: 50px;
	padding-left: 15px;
}