/* CSS Document */

html {
	-webkit-text-size-adjust: 100%;
	}

body {
    margin: 0px;  
	padding: 0px; 
	font: 12px verdana, arial, sans-serif; 
	background-color: #FFF;
	}
	
form#loginform input {
    border: #4e8194 1px solid; 
	font-size: 1.2em 
	}

a {
    color: #4e8194;
	text-decoration: none;
	}

a.under {
    text-decoration: underline;
	}
a:hover {
    text-decoration: underline;
	}

h3 {
    font-size: 0.95em;  
	color: #4e8194;
	}
.dkred {
    color: #ff3333;
	}
.inline {
    display: inline;
	}
.margin-top_4px {
    margin-top: 4px;
	}
.no_botmarg {
    margin-bottom: 0;
	}
.ul_marg ul {
    margin-top: 0;
	}

div#header {
	position:absolute;left:10px; top:10px; 
    display:flex; flex-direction:row; width:96%;
	align-items:center;
    text-align: left; 
    padding-top: 0px; 

	/* border-bottom: 6px solid #99ccff; */
	}

div#logobox {
    flex:0; align-self: top;
	}

div#logotxt {
    flex:1;
    font-family: 'Tinos:400,700,400italic,700italic', serif;
    font-size:1.8em;
    font-style:italic;
    color:#A00; padding: 0; margin: 12px;
    }

    @media only screen and (min-width: 850px) {
        div#logotxt {
            font-size:2.4em;
            }
        }

	@media only screen and (min-width: 950px) {
        div#logotxt {
            font-size:3.4em;
            }
        }

div#login {
/*    width: 148px; */
	height: auto; 
	font-size: .75em; 
	color: #4e8194; 
	padding: 0.8em 1em 0.8em 1em; 
	/*line-height: 16px; */
	border-top: 1px solid #4e8194; 
	border-bottom: 1px solid #4e8194; 
	
}

div#sponsorarea {
	position: relative; margin-top:100px; width:95%;
    display:flex;flex-direction:row;
	justify-content: center; height: fit-content; text-align:center;
	background-color: white;
	}
		
	@media only screen and (min-width: 850px) {
        div#sponsorarea {
            float:right; margin-top:100px; flex-direction:column;
            justify-content: space-between; height: 300px; text-align:center;
            width: fit-content; margin-right: 5%;
            }
        }

div#sponsorarea div.adbox {
	flex:1; margin:1em 1em 1em 1em;height:fit-content;width:fit-content;align-self:center;
	}

div#sponsorarea div.adbox img {
	max-height:50px;
	}

	@media only screen and (min-width: 850px) {
		div#sponsorarea div.adbox img {
			max-height:124px;

		}
	}



div#loginarea { 
	flex:1; margin-top:1em; text-align:center;
	width: fit-content; z-index:3; background-color:#FFFFFF;
	padding: 1em; 
    }
/*
    @media only screen and (min-width: 850px) {
        div#loginarea {
            left:50%;
        }
    }
*/


div#loginarea p {
	margin: 10px 5px; color: #4e8194;
	}

div#loginarea a {
	color: #4e8194;
	}
	
* html div#loginarea ul li { 
	margin-left: 0;         
	}			

div#noscript_disp {
	position:absolute; left:290px; top:6px;
	font-weight:bold; color: #FFF;
	}
		
div#content {
	position:relative;  
    display:flex;flex-direction: column; align-items: center;
    width: 98%; /* border:1px solid #4e8194; */
	height:fit-content;
	margin-top: 0.5em; margin-right:0.5em;
	overflow:auto; 
	padding: 12px 3px 10px 1px;
	background-color: #fff;
}
		
    @media only screen and (min-width: 850px) {
        div#content {
            margin-top:90px;margin-left: 14%;
            width:54%;
                }
            }
	
div#content p {
	margin: 1em 0 1em 1em;
	}

div#about {
    flex:1;
    }

div#regtables {
    display:flex;
    flex-direction:column;
    margin:0.75em 1em 0 1em;
    align-items: center;
    }

    div.regtable {
        width: 100%;
    }

    @media only screen and (min-width: 950px) {
        div#regtables {
            flex-direction:row;
            align-items:inherit;
            }
        div.regtable {
            width:50%;
            }
        }


    @media only screen and (min-width: 400px) and (max-width:949px) {
        div.regtable {
            width:70%;
            }
        }

div#regbtn {
	background-color:pink;
	font-weight:bold;
	font-size:1.2em;
	padding:1em;
	margin:0 1em 0 2em;cursor:pointer;
    align-self:center;text-align:center;
	}

    @media only screen and (min-width: 500px) {
        div#regbtn {
            float:right;
            }
        }


span.linkbtn {
	background-color:pink;
	font-weight:bold;
	font-size:1.0em;
	padding:.1em 1em .3em 1em;
	margin:0 .1em 0 .1em;cursor:pointer;
    align-self:center;text-align:center;
	}

div#reloginbtn {
	background-color:pink;
	font-weight:bold;
	font-size:1.2em;
	padding:1em;
	margin:3em;
    cursor:pointer;
    align-self:center;text-align:center;
	}


div#content h1 {
    font-size: 1.2em; 
	margin: 0 10px; 
	color: #4e8194;
	}
div#content h2 {
    font-size: 1.05em; 
	margin: 0 10px; 
	color: #4e8194;
	}
	
div#rt_col h2 {
	color:#4e8194;
	font-size:1.05em;
	text-align:center;
	margin-top: 0em; margin-right:0.3em;
	padding:0.6em;
	border:2px solid #4e8194;
	}

div#content span.p {
    font-size: .8em; 
	}
div#content div#photoarea {
    float: right; 
	margin: 0 0 5px 5px;
	}
div#content img {
    border: 2px solid #E83; 
	margin:3px 5px 0 0;
	}
div#rt_col {
    float: right;
	margin-top: 22px;
	width: 152px; 
	padding: 6px 4px 6px 6px !important;
	margin-right:4px !important;
	border: 1px solid #4e8194; 
/*	border-bottom: 1px solid #4e8194;		*/
	}
* html div#rt_col {
	padding: 11px 0;
	}
div.pic_n_caption {
    width: 134px; 
	margin: 0 10px 0 10px; 
	float: left; 
	font-family: "Times New Roman", Times, serif; 
	font-style: italic;
	font-size: 30%;
	}
div#footertext a {
    font-size: 80%; 
	margin: 0 10px; 
	color: #4e8194;
	text-decoration: underline;
    }
div#footer {
    width: 790px; 
	height: 15px; 
	font-size: 80%; 
	text-align: center; 
	padding: 5px 0; 
	background-color: #fff; 
	clear: both;
	display:none;
	}
.clear {
    clear: both;
	}