/* Reset browser & Remove browser bugs */
* {
    font-size: 100%; 
    padding: 0px;
    margin: 0px;
    border: 0px;
}


/***********/
/* General */
/***********/
body { 
    background-color: #fff; 
    
    color: #000; 
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

h1 {
    color: #636363; 
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
h2 {
    color: #636363; 
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;

    margin-top:14px;    
}


a, a:visited {
    color: #000;
}
a:hover {
    color: #999;
}

ul {
    margin-left: 20px;
}
li {
    margin-left: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
}

#page {
    position: relative;
    margin-left: auto;
    margin-right: auto;

    width: 780px; 
}

.loggedInCms {
    padding: 3px;
    position: relative;
    float: right;
    top: 100px;
    margin-right: 10px;
}
.logoutCms {
    display: inline;
    font-weight: bold;
    
    padding: 3px;
    background-color: #d09000; 
    border: 2px outset #d09000;
}

.logoutCms:hover {
    border: 2px inset #d09000;
}
.logoutCms a {
    color: white;
    text-decoration: none;
}

/* file user login */
.loggedInFileArea {
    padding: 3px;
    position: relative;
    float: right;
    top: 100px;
    margin-right: 10px;
}
.logoutFileArea {
    display: inline;
    font-weight: bold;
    padding: 3px;
    background-color: #d09000; 
    border: 2px outset #d09000;
}

.logoutFileArea a {
		color: white;
		text-decoration: none;
}
.logoutFileArea:hover {
    border: 2px inset #d09000;
}

#menu {
    background: url(/images/top-future-nature.jpg) no-repeat;
    width: 780px; 
    height: 252px;
    float: left;
}
#clicktop {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 220px; 
    height: 136px;
    
    cursor: pointer;
    /*border: 1px dotted green;*/
}
#menubar {
    position: absolute;
    top: 146px;
    left: 16px;
    
    color: #fff; 
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;    
}
#menubar img {
    vertical-align: middle;
}

#menubar .active {
    color: #000; 
    cursor: default; 
}

#menubar span {
    cursor: pointer;
}
#menubar span:hover {
    color: #ccc; 
    cursor: pointer;
}

#menubar a {
    color: #fff; 
    text-decoration: none;    
}
#menubar a:hover {
    color: #ccc; 
    text-decoration: none;    
}

.dropdown_menuitem {
    /* Used to align menuitem with dropdown needed for event system */
    display: inline;
    padding-bottom: 10px;
}

.dropdown {
/*		border: 1px dashed green;*/
    position: absolute;
    top: 170px; /* was 164px */   
    width: 180px;
    padding-top: 4px;
    
    visibility: hidden; 
    display: none;   
    z-index: 999;
    background-color: #d09000; 
     
    color: #fff; 
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;     
}
.dropdown div {
    margin: 2px;
    padding: 4px;
    border: 2px outset #d09000;
}
.dropdown div:hover {
    margin: 2px;
    padding: 4px;
    border: 2px inset #d09000;
}


#dropdown_about {
    left: 90px;
}
#dropdown_award {
    left: 205px; 
}
#dropdown_conference {
    left: 318px; 
}

#dropdown_award_winners {
    left: 432px; 
}


.dropdown .active {
    color: #2e2e2e; 
}
.dropdown a, .dropdown  a:visited {
    text-decoration: none;
    color: #fff; 
}
.dropdown a:hover { 
    color: #ccc; 
}


/* Content pane */
#content {
    background-color: #f4f4f4;
    padding: 7px;
    width: 766px; 
    float: left;
}

.cmsable {
    border:1px dotted #ff9900;
    padding:3px;
}
.cmsable *{
    cursor: pointer;
}
.cmsable:hover {
    background-color: #ffff99;
}
.cmssing {
    border:1px dotted #999;
    background-color: #fff;    
    padding: 4px;
}

.formError {
    color: red;
    font-weight: bold;
}


/* White windows */
.t {background: url(/images/window-border-dot.gif) 0%   0% repeat-x}
.b {background: url(/images/window-border-dot.gif) 0% 100% repeat-x}
.l {background: url(/images/window-border-dot.gif) 0%   0% repeat-y}
.r {background: url(/images/window-border-dot.gif) 100% 0% repeat-y}

.bl {background: url(/images/window-bl.gif) no-repeat bottom left}
.br {background: url(/images/window-br.gif) no-repeat bottom right}
.tl {background: url(/images/window-tl.gif) no-repeat top left}
.tr {background: url(/images/window-tr.gif) no-repeat top right}

.white_window_left {
    width: 414px;    
    background-color: #fff;   
    float: left;   
}
.white_window_left .inside {
    padding: 20px;   
}

.white_window_right {
    width: 346px;    
    background-color: #fff;   
    float: left;   
    margin-left: 6px;           
}
.white_window_right .inside {
    padding: 20px;   
}

.white_window_full {
    width: 750px;    
    background-color: #fff;   
    float: left;   
    margin-left: 6px;           
}

.white_window_full .inside {
    padding: 20px;   
}


/* Bottom bar */
#bottom-bar .bl {background: url(/images/bar-bottom-bl.gif) no-repeat bottom left}
#bottom-bar .br {background: url(/images/bar-bottom-br.gif) no-repeat bottom right}
#bottom-bar .tl {background: url(/images/bar-bottom-tl.gif) no-repeat top left}
#bottom-bar .tr {background: url(/images/bar-bottom-tr.gif) no-repeat top right}

#bottom-bar {      
    margin-top: 10px;
    
    width: 100%;   
    background-color: #a2a0a1;     

    float: left; 

    color: #fff;     
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;       
}
#bottom-bar .inside {    
    padding: 13px;
    padding-left: 20px;   
}

#bottom-bar  .active {
    color: #2e2e2e; 
}
#bottom-bar a, #bottom-bar a:visited {
    text-decoration: none;
    color: #fff; 
}
#bottom-bar a:hover { 
    color: #ccc; 
}



/* Text part on the left */
.text_left {
    width: 400px;
    padding: 7px;   
    float: left;        
}
.text_left p {
    padding: 3px;    
}



/* Colofon */
.colofon {
    clear: both;
    padding-top: 6px;
    width: 385px; 
    margin-left: auto;
    margin-right: auto;
}
.colofon a {
    text-decoration: none; 
}



/* Empty space on the right */
.filler {
    width: 346px;    
    float: left;   
}



/************/
/* Homepage */
/************/
#slogan{
    width: 346px;  
    height: 150px;  
    float: left;
}
#sloganinside {
    width: 280px;  
    height: 70px;  
    
    margin-top: 60px;
    
    margin-left: auto;
    margin-right: auto;   
}
#applynow{
    width: 72px;  
    
    margin-top: 10px;
    
    margin-left: auto;
    margin-right: auto;   
}


#news .inside {
    padding: 12px;
    height: 260px;  
       
}

#news .newsitems {
    height: 230px; 
    overflow: auto;
    padding: 7px;    
    padding-left: 10px;    
}

#sponsors .inside {
    padding: 12px;
    height: 260px;       
}

#awardseries{
/*    margin-top: 30px;*/
}

#awardseries .header {
		text-align: center;	
}

#awardseries .footer {
		text-align: center;	
}
#awardseries .inside {
    padding: 12px;
		position: relative;
/*    height: 840px;       */
}

#sponsors p {  
    padding: 3px;
    padding-left: 10px;
}

#sponsorscentered{
    width: 320px;    
    float: left;
}
#sponsorscenteredinside {
    width: 200px;   
    
    margin-left: auto;
    margin-right: auto;   
}



/****************/
/* Contact page */
/****************/
input, textarea {
    border: 1px solid #ccc; 
    background-color: #f4f4f4;   
    
/*    width: 350px;*/
    width: 100%;
    padding: 3px;
    
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
    font-size: 12px;
}
textarea {
    height: 80px;
}

.btn{
    width: 120px;   
    background-color: #ccc;    
    border: 1px solid #aaa;        
}
.btn:hover{
    width: 120px;   
    background-color: #aaa;     
    border: 1px solid #000;      
}

/***************/
/* Upload page */
/***************/
.notice {
  font-weight: bold;
  font-size: 11px;
	color: green;
}

tr.file {
}

tr.line0 {
	background-color: #e6e6e6;
}

td.col {
	padding-left: 10px;
	padding-right: 30px;	
}

td.col0 {
}

input#upload_file_external_access {
	width: 20px;
	background-color: #ddd;
}

input#upload_file_file_data {
    width: 35px;
    width: auto;

}