

html,body{
margin:0;
padding:0
}

body{
font: 62.5% verdana, arial, sans-serif;
text-align:center; 
background: #122027;
/*background: url(images/bg.gif) top left repeat-x;*/
}

hr {
border: none 0;
border-top: 1px solid #97d3f5;
width:95%;
height: 1px
}

#content p {color: #48473d; font-size: 12px; line-height: 22px;}

#content p.small {color: #48473d; font-size: 10px; line-height: 16px;}

h1 {color: #45300e; font-size: 20px; line-height: 20px; font-family: arial; margin-bottom: 20px; margin-top: 2px;} 

h2 {color: #a15b12; font-size: 16px; line-height: 22px; font-family: arial; font-weight: bold} 

h3 {color: #a15b12; font-size: 14px; line-height: 20px; font-family: arial; font-weight: bold} 

p.form{ margin:0 0 10px 10px; color: #122027;}

#content ul {color: #48473d; font-size: 12px; line-height: 22px;}

.floatleft {float:left;}

.floatright {float:right;}

 /* this will target IE */
 
 * html #maincol{clear: both;   }  
 
 #content a {color:#e26633}
 
 
blockquote {
    margin: 20px 0px 20px 6px;
	 padding: 12px;
    background-color: #e5e3d1;
	width: 250px;
	float: right;
	border: 1px solid #cecbb4;
	color: #c4996c; 
	font-size: 10px; 
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif}
blockquote p { margin: 0; line-height: 20px; }


.small {font-size:9px;}

#header {
height:190px;
padding-left:20px;
background: #2C3D45;
color: #fff;
width:720px;
 }

#headercontent {
margin:0px;
background: #2C3D45;
width:720px;
}

.description {
margin-left: 10px;
margin-top: -10px;}

#headerright {
float: right;
width: 292px;
background: #2C3D45;
margin: 0px 0px 10px 10px;
padding: 10px;
color: #85959E;
font-size:1.1em;
}

#headerright p.white {margin-top: 0px; }

#underheader {
background: #314D5C url('images/headergradient.gif') bottom right repeat-y;
margin: 0px;
padding: 0px;
height: 30px;
width: 740px;
}

#languagechanger {
/*background: url('images/langbg.gif') top right no-repeat;*/
height:20px;
font-size: 1em;
color:#2C3D45;
float: right
}

#languagechanger a {
color:#4296c5;
}

#container{
width:740px;
margin:0 auto; 
text-align:left;
background: #2c3d45;
background:  url('images/contentbg.png') no-repeat; /* url(images/shad.gif) top right repeat-x;*/
}

#container.homepage{
width:740px;
margin:0 auto; 
text-align:left;
/*background:  url('images/bg_homepage.jpg') no-repeat; /* url(images/shad.gif) top right repeat-x;*/
}

#content{
padding: 20px 20px 80px 20px;
background: #f1f0e6;
}

#contenttext{
float:left;
width:365px;
margin:0px 0px 20px 10px; 
color: #59584f;
font-size: 1.1em;
line-height: 1.4em;
}


#content2{
float:left;
width:480px;
margin:0px; 
padding-bottom: 40px;

}

#contenttext2{
float:left;
width:450px;
margin:0px 0px 60px 10px; 
color: #59584f;
font-size: 1.1em;
line-height: 1.4em;
}


#newsimages {
position:relative;
width: 400px;
 float: left;
 margin-left: 15px;
  margin-top: 15px;
}

#newsimages img {
 border: 2px solid #7bb4d4; 
}


#rightcol{
float:right;
width:322px;
/*background: url(images/homepage_image.jpg) top right repeat-x;*/ 
}


#rightcoltext{
float:right;
width:220px;
margin: 300px 20px 35px 0px;
color: #fff;
font-size: 1.1em;
line-height: 1.3em;
}


#rightcol2{
float:right;
width:260px;
background: #2E5F7D; 
overflow: hidden;

}

#rightcoltext2{
width:230px;
margin: 30px 0px -300px 10px;
padding-bottom: 312px;
color: #fff;
font-size: 1.1em;
line-height: 1.3em;

}

#rightcolimages{
width:240px;
color: #fff;
font-size: 1.1em;

}

#rightcolimages img.news{
margin-top: 12px;
margin-left: 12px;
 border: 2px solid #5F9DBF;
}

#rightcolimages p.caption{
color: #7BB4D4;
font-size: 80%;
}

p.caption{
color: #2c3d45;
font-size: 80%;
}




  #twocolumnlist {
  width: 430px;
  margin-left: 10px}
  
  ul.left {
  float: left;
    width: 140px; 
    margin: 0px;
    padding: 20px 0px;
    border: 0px none; 
    list-style-position: inside;
	 list-style:none;
	}
	
  ul.right {
  float: right;
    width: 250px; 
    margin: 0px;
    padding: 20px 0px;
    border: 0px none; 
    list-style-position: inside;
	list-style:none;
  }





#gallery {     
margin: 0px;
padding: 0px;
}

#gallery ul.gallery {
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
text-indent: none;
width: 450px;

}

#gallery li {
display: inline;
float: left;
text-indent: none;
margin: 10px;
width: 205px;
 height: 150px;
}




/*#gallery ul.gallery2 {
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
text-indent: none;
width: 450px;
}

#gallery ul.gallery2 li {
display: inline;
float: left;
text-indent: none;
margin: 10px;
width: 205px;
height: 200px;
font-size:9px;
}*/

 #gallery2 {
     margin: 0px;
     padding: 0px;	
     }
	 
	  #gallery2 ul {
width: 460px;	
     }
 
 #gallery2 li {
     float: left;
     padding: 0px 0px 0px 13px;
     width: 205px;
	 height: 200px;
	 list-style: none;
	 line-height: 11px;	
	font-size:9px;
     }

 #gallery2 img {
     padding: 0px 0px 4px 0px;
     }

#gallery li {
display: inline;
float: left;
text-indent: none;
margin: 10px;
width: 205px;
height: 180px;
font-size:9px;

}



#participants {     
margin: 0px;
padding: 0px;
}

#participants ul.participants {
margin: 0px 0px 0px 2px;
padding: 0px;
list-style: none;
text-indent: none;
}

#participants li {
float: left;
text-indent: none;
padding: 8px;
width: 133px;
height: 180px;  
}

	
 #participants li a img {
     border: 4px solid #7bb4d4;
	 height: 136px;
	 width: 112px;
     }
 
 #participants li a:hover img {
     border: 4px solid #fff;
    }
 
 #participant_biogs  {
 margin:0;
 padding:0;
}

#participant_biogs .biog {
float:right;
width: 300px;}
 
#participant_biogs h4.biog {
margin-top:0;
margin-bottom:20px;
font-size:12px;
}
 
#participant_biogs img {
margin-left: 14px;
}
 
 
 
#extra{
background:#fff;
float:left;
width:740px
}


#footer p{
margin:0;
padding:5px 10px
}


#footer{
clear:both;
width:100%;
height:70px;
color: #FFF;
background:#2C3D45;
}


  /*- Menu Tabs --------------------------- */
  
      #tabs {
	  width: 100%;
        float:right;
        background:#2C3D45;
        font-size:93%;		
		
           }
		
      #tabs ul {
            margin:0px 20px;
            padding:10px 10px 0 20px;
            list-style:none;
			
        }
		
      #tabs li {
       display:inline;
        margin:0;
        padding:0;
		/*border: 1px #000 solid;*/
        }
      #tabs a {
        float:right;
        background:url("images/tableft.gif") no-repeat left top;
        margin:0;
        padding:0 0 0 4px;
        text-decoration:none;
		font-weight: normal;
        }
      #tabs a span {
        float:left;
        display:block;
        background:url("images/tabright.gif") no-repeat right top;
        padding:5px 15px 4px 6px;
        color:#DAE8EF;
		text-decoration:none;
        font-weight: normal;
        }
      /* Commented Backslash Hack hides rule from IE5-Mac \*/
      #tabs a span {
	  float:none;
		  }
      /* End IE5-Mac hack */
	  
      #tabs a:hover span {
        color:#FFF;
        }
      #tabs a:hover {
        background-position:0% -42px;
        }
      #tabs a:hover span {
        background-position:100% -42px;
        }
  
        #tabs #current a {
                background-position:0% -42px;
        }
        #tabs #current a span {
                background-position:100% -42px;
      }









 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}






.mainheader {
font-size: 1.4em;
color:#ffffff;
font-weight: bold;

}

.yellowheader {
font-size: 1.4em;
color:#FFDE00;
font-weight: bold;
}

.formheader {
font-size: 1.2em;
color:#2E5F7D;
font-weight: bold;
}

.white14 {
line-height: 1.2;
color:#ffffff;
font: 110% verdana;
font-weight: bold;
}
.white {
color:#ffffff;

}


A:link { color: #FFEE7F;  font-weight: bold; text-decoration: none;}	
A:active { color: #FFEE7F;  font-weight: bold; text-decoration: none;}	
A:visited { color: #FFEE7F; font-weight: bold; text-decoration: none;}	
A:hover { color: #FFF;   font-weight: bold; text-decoration: underline;}
			


		
a.rightcollink:link { color: #D8FF00;  font-family: Verdana;  font-weight: normal; text-decoration: none; }
a.rightcollink:active { color: #D8FF00;  font-family: Verdana; font-weight: normal; text-decoration: none; }
a.rightcollink:visited { color: #D8FF00;  font-family:  Verdana;  font-weight: normal; text-decoration: none;  }
a.rightcollink:hover { color: #FFFFFF;  font-family: Verdana; font-weight: normal; text-decoration: underline;  }
	
		

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */

.floatcontainer:after
{ 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden;
height: 1%;} 

.floatcontainer{display: 
inline-block;} 

/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */


.floatcontainer{display:block;} 
/* End Hack */ 




.rightcolheader {
margin-top: 60px;
padding: 20px 0px 20px 0px;
font-size: 1.4em;
line-height: 1.3em;
color:#D8FF00;
font-weight: bold;
}

/*-------------- FORM -------------*/


form {
margin: 0;
padding: 0;
background: #F2F7F9;
width:460px;
}

fieldset {
width:429px;
margin: 0.5em;
border: 1px solid #A2CFE8;
font-family: verdana, arial;    
/*border: 1px solid #ccc;
background-color: #F9F9F2;	*/
}

fieldset.sig {
width:429px;
margin: 0.5em;
font-family: verdana, arial;    
border: 1px dashed #A2CFE8;

}
fieldset.noborder {
width:400px;
margin: 0.3em 0;
border: none;
font-family: verdana, arial;    

}

fieldset.noborder1 {
width:400px;
    margin: 66px 0px 0 0;
    border: none;
	font-family: verdana, arial;    

}


legend {
    margin: 1em 0;
    padding: 0.3em;
	color: #2D8ABF;
    font-size: 1em;
    font-weight: bold;
	
}

label {
    float: left;
    width: 160px;
    padding: 0 1em;
    text-align: left;
	font-family: verdana, arial; 
font-size: 0.9em;
line-height: 1.4em;
color: #2E5F7D;

}

label.noborder {
    float: left;
    width: 154px;
    text-align: left;
	font-family: verdana, arial; 
font-size: 0.9em;
line-height: 1.4em;
color: #2E5F7D;

}

label.radio {
    float: left;
    width: 150px;
    padding: 0 1em;
    text-align: left;
	font-family: verdana, arial; 
font-size: 0.9em;
line-height: 1.4em;


}

textarea {
    float: left;
    width: 380px;
    padding: 0 1em;
	margin-bottom: 10px;
	font-family: verdana, arial; 
    text-align: left;
font-size: 0.9em;
line-height: 1.4em;
color: #66696F;

}

textarea.smaller {
    float: right;
    width: 220px;	
	font-family: verdana, arial; 
    text-align: left;
font-size: 0.9em;
line-height: 1.4em;
color: #66696F;

}


.formsmall {
margin:0px 0px 0px 10px;
font-family: Verdana, arial;
font-size: 0.7em;
color: #FDEE00;

}

input.long {
width: 422px;
font-size: 0.9em;
line-height: 1.4em;
color: #66696F;
}

input.short {
width: 180px;
font-size: 0.9em;
line-height: 1.4em;
color: #66696F;
margin-bottom: 5px;
}

input.radio { 
margin: 0px;
}

/*input.text { 
width: 300px;
}*/

input.send { 
margin: 20px 0 10px 336px;
padding: 2px;
    width: 100px;
	font-family: verdana, arial;
	font-size: 0.8em;
	color: #66696F;
}

fieldset div {
    margin-bottom: .2em;
    padding: 0;
    display: block;
}

fieldset div input, fieldset div textarea {
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px;
    color: #333;
}

fieldset div select {
    padding: 1px;
	
}


input:focus, textarea:focus {
    background: #F9F9F9;
    color: #484848;
}

