body {
	background-color:#ffffcc;
	margin:0;
	font-size: 4vmin;
	font-family:Times;
}
#wrapper {
	width:auto;
	min-width:0;
	width:100%;
	background-color:#ffffee;
}
#header {
	background:linear-gradient(#eedd99,#ffffcc);
	text-align:left;
	display:block;
}
img {
    object-fit:cover;
}
#header #text {
	font: bold 6vmin  "Comic Sans MS", cursive, sans-serif;
	padding: 10px;
	color: #666600;
	width:80%;
	float:none;
	text-transform: uppercase;
	background-image:none;
}
#header #sub_text {
	text-align: left;
	font-size: 60%;
	color: #660066;
}
#logo {
	float:right;
	width:50%;
	padding: 10px 20px;
	margin-top:-5%;
	margin-left:30%;
}
#logo img {
	max-width:15%;
	height:auto;
	float:right;
}
#social_media {
	display: inline-block;
	float:none;
	text-align:center; 
	min-height:30px;
	height:auto;
	height:30px;
}
#social_media div {
	font-size:1vmin;
	float:left;
	padding-left:2px;
	clear:none;
}

#header #navlist {
	clear:both;
	text-align:right;
	margin:0;
	overflow:visible;
}
#header #navlist div, #multiple_link div{
	display:inline-block;
	overflow:hidden;
	font-size:4vmin;
	font-weight:400;
	color: #ffaa33;
	background-color : #aaaaff;
	font-family:Helvetica, sans-serif;
	border:1px ridge yellow;
	padding: 2px 10px;
	text-align:center;
}
#multiple_link {
	clear:both;
	overflow:hidden;
	background-color:#aaaaff;
	padding:0;
}
#multiple_link div {
	margin:0;
	border:0;
	padding: 2px 0;
	float:left;
	width:20%;
}
#header a, #multiple_link a {
	color:#000044;
}
#header li:hover {
	color: #99aa33;
	background-color : yellow;
}
#header #flag ,#header .fb-like{
    display:none;
}
#wrapper_table{
	border-collapse:collapse;
}
#wrapper_table td {
	vertical-align:top;
}
#rightbar,#middleDiv,#sidebar {
	float:left;	 
	width:auto;
	min-width:0;	
	width:95%;
	padding:0;
}
#anounce_wrapper div{
    height:80px;
    color:#0088dd;
    font-weight:900;
    font-size:3em;
    width:inherit;
    overflow:hidden;
}
#cycler_wrapper {
	width:100%;
	height:auto;
	margin-top:0;
}
.contents {
	background-color:#ffffee;
	margin:  5px 0;
}
#birthdays .content {
	background-image:url('/images/birthday.jpg');
	padding:10px;
}
#birthdays img {
	margin:1px;
}
.content {
	padding: 5px;
	padding-top:5px;
}
.contents  .content {
	line-height:120%;
	padding:10px;
}
.contents li {
	margin-bottom:.5em;
}
.club_info {
	width: 95%;
	margin:2px;
	float:none;
}
#club_info_rank {
	float:none;	
	visibility:hidden;
}
.club_info.member_info{
	float:left;
	max-width:45%;
	word-wrap:break-word;
	padding:1px;
	border-radius:2px;
	font-size:3vmin;
	height:22vmax;
}
.mjfdiv {
	background-color:#ffdd88;
}
.club_info.pst{
	max-width:30%;
	float:left;
	overflow:hidden;
	word-wrap:break-word;
    font-size:3vmin;
}
.club_info.pst img{
	transorm:scale(.4,.4);
}
.club_rank {
	width:25%;
	float:left;
	margin: 10px 4%;
}
.club_rank_title {
	background-color:#eeff99;
	font-weight:bold;
}
.club_rank_club{
	border-top:2px solid red;
}
.club_rank_club .rank {
	background-color:#eecc66;
	font-weight:bold;
	display:block;
	width:10%;
	float:left;
}
.club_rank_club .points {
	background-color:#ee99cc;
	display:block;
	width:20%;
	float:left;
}
.club_rank_club .club_name {
	background-color:#ccee88;
	display:block;
	width:70%;
	float:left;
}
.club_rank_club .club_name a{
	text-decoration:none;
	
}
#sidebar .title {
	border-top:3px solid #4466bb;
	border-bottom:3px solid #4466bb;
	font: 1em;
	font-weight:bold;
	color: #aa9955;
	padding: .3em;
}


.leader {
	max-width:33%;
	overflow:hidden;
	font-size:2vmin;
	text-align:center;
	display:inline-block;
	margin:auto;
}
#rightbar .leader {
	max-width:50%;
}
.leader img {
}
.leader_title ,.contents .title {
	font-size:4vmin ;
	font-weight:bold;
	color: #997711;
	padding: 2px;
	background:linear-gradient(#eedd99,#ffffcc);
}
#sidebar .leader_title {
	min-height:3em;
}
.sidelink {
	background-color:#aaaaff;
	text-align:center;
	margin:2px 0;
	font-size:1.2em;
}
.sidelink a {
	color:#000044;
}
.sidelink:hover {
	color: #99aa33;
	background-color : yellow;
}
#club_ranking {
	float: right;
	margin:25px;
}
#club_ranking table {
	border-collapse:collapse;
	border: 3px ridge green;
}
#club_ranking td {
	padding: 5px 5px;
	background-color:#dddd99;
	border-bottom: 1px solid blue;
}
#club_ranking .club {
	background-color: #cccc99;
}
#club_list  {
	float:left;
	line-height:2em;
	width:100%;
}
#club_list .title {
	font-weight:bold;
}
.president img {
	display:block;
	margin:auto;
	height:35px;
	width:24px;
	max-width:100%;
	max-height:100%;
}
.rankrow.title {
	display:none;
}
.rankrow.title.mobile{
	display:block;
}
.rankrow .name {
	float:left;
	width:55%;
	padding-left:5px;
	overflow:hidden;
}
.rankrow .rank {
	padding-left:1px;
	float:left;
	width:22%;
}
.rankrow .members{
	display:none;
}
.rankrow .president {
	width:20%;
	word-break: break-all;
}
.rankrow .president img{
	
}
.rankrow .president .text {
	display:none;
}
.rankrow{
	font-size:120%;
	height:2em;
	overflow:hidden;
	background:linear-gradient(#eeeeaa,#ffffcc);
}
.rankrow.lioness{
	font-size:3vmin;
	height:8vmin;
}
.rankrow .mobile{
	display:inline-block;
}
.lrank {
	float:left;
	padding:5px 0 0 10px;
	width:70%;
}
.dt{
	display:none;
}
#club_list a {
	color:#000088;
}
.club_event {
	border-style:dotted; 
	border-width:1px 0;
	background-color:#ddddbb;
	margin-bottom:10px;
}
.event {
	padding: 5px 0;
	background:linear-gradient(#eeeeaa,#ffffcc);
	margin-bottom:5px;
	border-radius:0 20px 0 20px;
}
.event img {
	border: 1px solid black;
}
.event_title {
	font: bold 5vmin verdana, sans-serif;
	padding-bottom:3px;
}
.event_title:first-letter{
	text-transform:none;
	font:inherit;
	color: inherit;
}
.more_dist_event,.club_event_div.more {
	display:none;
}
#feedDiv .twit {
	text-align:left;
	font-size: .9em;
	padding-top:.2em;
	border-bottom:1px dotted blue;
	color: black;
	background: url("twitter.ico") no-repeat;
	text-indent:35px;
}
#feedDiv .date {
	font-style:italic;
	font-family: courier;
	padding-left: 40px;
	font-size: .7em;
}
.levent, .club_event_div {
	float:none;
	width:95%;
	border:none;
	margin:5px 0;
	padding:5px;
	background:linear-gradient(#eeeeaa,#ffffcc);
	box-shadow: 0 0 15px #333333 inset;
	height:auto;	
}
.levent img, .club_event_div img {
	float:none;
	margin:5px;
	border:none;
	max-width:60%;
	height:auto;
}
.dcontents {
	width:95%;
	float:none;
	clear:both;
}
.dcontents .title  {
	font-size: 5vmin;
	font-weight:800;
	color: #113355;
	padding: 2px;
	text-align:center;
	text-transform:uppercase;
}
.dcontents .event{
	padding:4px;
}
.dcontents img {
	float:left;
	width:80%;
	height:auto;
	padding-top:2px;
}
.dcontents img.like_img , .levent img.like_img, club_event img.like_img {
	width:32px;
	height:42px;
	border-radius:25%;
	display:inline-block;
}
#dsidebar {
	float:none;
	width:95%;
	padding-top:5px;
	background-color:transparent;
}
#dsidebar .email {
	display:none;
}
#dsidebar .cab_officer {
	width:45%;
	height:auto;
	float:left;
	text-align:left;
	font-size:3vmin;
	font-weight:500;
	font-family:"Times New Roman";
	overflow:hidden;
}
}
#dsidebar  .cab_title {
	font-weight:800;
	font-family:"Times New Roman";
	background-color:none;
	text-align:center;
	padding-top:2px
}
#dsidebar .email {
	font-style:italic;
	padding-left: 5px;
	display:none;
}
#dsidebar .image{
	float:left;
	width: 100%;
	height:50vmin;
	padding: 2px;
	text-align:center;
	font-size:4vmin;
	font-weight:500;
	font-family:"Times New Roman";
	border-radius:2px;
	background-color:transparent;
}
.code {
	background-color: #ccccff;
	padding: 10px 20px;
	font-family: monospace;
}
.footer {
	text-align:center;
	font-size:0.8em;
	padding: 10px 15px;
	background-color:#4466bb;
	color:white;
}

.footer a {
	color:white;
}
#anounce_wrapper {
	font-size: 5vmin;
	font-weight:800;
	font-family:Helvetica;
	padding: 3px;
	text-align:center;
	overflow:hidden;
	color: #ffffff;
	background-color: #004488;
	height: 80px;
	width:inherit;
}
#anounce_wrapper table {
	width:100%;
}
td#anounces {
	font-family:Tahoma;
	font-weight:800;
	height:80px;
	vertical-align:middle;
	width:100%;
}
#dist_links,#visit_count {
	display: none;
}
#contact_form td {
	display:block;
	margin:5px 0;
} 
#contact_form {
	margin:5px;
}
#contact_form textarea, #contact_form input {
	width:80%;
	background-color:#ffffee;
}
#login_files {
	padding:2px;
	font-family:sans-serif;
	background-color:cyan;
	width:80%;
	float:left;
	border-left:0;
	margin-right:0;
}
#login_club_profile {
}
#login_login {
	max-width:100%;
	width:100%;
	text-align:center;
	font-size:5vmin;
	padding:2px;
}
#login_login input {
	display:inline-block;
	margin:5px 0;
	height:10vmin;
}
#login_login ul{
	margin-left:0;
	padding-left:0;
}
#login_login li {
	font-size:5vmin;
	text-align:left;
	line-height:10vmin;
}
#fillmar .row{
	width:100%;
}
#fillmar .label,#fillmar .item {
	width:80%;
	float:left;
	min-height:1em;
}
#fillmar .dropDownOptions {
	width:200px;
}

/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    display:block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#eeee99;
    clear:both;
}

/* Float the list items side by side */
ul.topnav li {
	float: left;
	background: linear-gradient(#ffffee,#ffddee,#fffee);
	display:inline-block;
}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
    transition: 1s;
    font-size: 4vw;
}
/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #555;}

.clear {
	clear:both;
}

.elements {
	width:100%;
}	

input,textarea,div,.elements , select, table, button{
	font-size:4vmin;
}
.elements img {
	width:90%;
	padding:4px;
}
div.ballot {
		text-align:center;
}
div.ballot h3 {
	font-size:4vmin;
	font-weight:700;
}
div.ballot h4 {
	font-size:3vmin;
	font-weight:600;
}
div.ballot input[type=radio] {
	height:5vmin;
	width:5vmin;
	margin:0 3vmin;
}
div.ballot .vdg2 {
	line-height:3;
	font-size:4vmin;
	font-weight:500;
	
	margin-left:25%;
	text-align:left;
}
.ballot_item {
	border:1px solid blue ;
	margin: 1vmin 5vmin;
	border-radius:2vmin; 
}
#ballot_button {
	margin: 10vmin;
	padding: 5vmin 10vmin;
}

.ballot_item label {
	background-color:#ffeecc;
	font-size:3vmin;
	font-weight:600;
	padding:5vmin ;
	line-height:14vmin;
	margin:2px;
}
.ballot_item input:checked ~ * {
	background-color:#ccaa99;
}
.ballot_item img {
	height:8vmin;
	width:5.5vmin;
	margin-right:2vmin;
}
#issue_password .elements div {
	margin-bottom:1vmin;
}
#issue_password label {
	display:inline-block;
	min-width:30%;
}
#issue_password img{
	height:30vmin;
	width:auto;
}