/* CubaGenWeb site overall layout and typography 05/09/17 */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-size: 80%; */
	color: #333;
	background-image: url(images/index_bg.jpg);
	margin: 0px;
	padding:0px;
}
/* clear defalts so all browseers work the same */
* {margin: 0; padding: 5px;}

/* main body formatting using CSS3 */
#container {
	width: 100%;
	/* max-width: 1260px;
	min-width: 780px; */
	margin: 0 auto;
}

#column1 {
	display: table-cell; 
	width: 150px;
	padding: 10px;
	background: #FFFFCC;
	text-align: center;
}

#column2 {
	display: table-cell;
	padding:10px 20px;
}

#column3 {
	display: table-cell;
	width: 125px;
	padding: 10px;
	background: #FFFFCC;
	text-align: center;
}

nav {
	display: table-cell; 
	width: 150px;
	margn: 10px; 
	padding: 10px;
	text-align: center;
	background: #FFFFCC;
}

nav hr {
	width: 75%;
	height: 2px;
	margin-left: auto;
	margin-right: auto;
	background-color: #990000;
	border: 1px solid #990000;
	border-radius: 5px;
}

article{
	display: table-cell;
	padding: 20px 20px;
	text-align: center;
	/* background: #ffed53; */
}

section {
	clear: left;
}

aside {
	display: table-cell;
	width: 125px;
	padding: 10px;
	background: #FFFFCC;
	text-align: center;
}

footer {
	padding: 10px;
	border: 2px solid black;
	text-align: center;
}

img {
	border: 0;
	vspace: 5px;
	hspace: 5px;
}

/*  default list format */

ul {
	text-align: left;
	margin-left: 20px;
}

li {
	text-align: left;
	margin-left: 20px;
}


.list1 {
}

/*
.list1 ul {
	text-align: left;
	padding: 5px;
}
*/

.list1 li {
	text-align: left;
	margin-left: 20px;
	font-size: small;
	/* font-style: normal;
	line-height: normal; */
	font-weight: bold;
}

.list2 {
}

.list2 ul {
	text-align: left;
	margin-left: 20px;
}

.list2 li {
	text-align: left;
	margin-left: 20px;
}

.indent {
	margin-left: 10px;
	/* padding: 0px 0px 0px 10px; */
}
	
/* home page extra center columns */
.col2-left {
	float: left;
	size:  50%;
}

.col2-right {
	float: left;
	size: 50%;
}


/* main typography */
h1, h2, h3 {
	color: #990000;
}

p {
	padding: 0px 5px 0px 5px
}

hr {
	width: 75%;
	height: 1px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	color: #990000;
	background-color: #990000;
}


.center {
	display: inline-block;
}

.menu-item {
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}

.small-note {
	line-height: normal;
	font-size: small;
	font-style: italic;
	font-weight: bold;
}
.tiny-note {
	font-size: smaller;
}

.italic-note {
	font-style: italic;
	font-weight: bold;
}

.regular-note {
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}

.menu-head {
	color: #990000;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-align: center;
}

.headline {
	font-size: small;
	font-weight: bold;
	color: #990000;
	text-align: center;
}

.newsitem {
	font-size: small;
	text-align: justify;
}

.black-border {
padding: 10px;
border: 3px solid black;
}

/* bright special announcement box */	
.box {
	border: 1px solid #000;
	margin: 0px 5px 15px 5px;
	padding: 10px 6px 10px 6px;
	background: #FFFF99;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	}	

.current-page {
  /* font-size: larger; */
  border-style: solid;
  color: #009900;
}

a {
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
}

a:hover {background-color: #FFFF00;}

.bottom-bar {
	font-size: x-small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}

.menu-subhead {
	font-size: small;
	font-weight: bold;
	color: #990000;
}

.underline {
	text-decoration: underline
}

.superscript {
	vertical-align: super; 
	font-size: smaller;
	font-weight: bold;
}

.power {
	vertical-align: super; 
	font-size: smaller;
}

.clearfloats {
	clear: both;
}

.extrabig {
	font-size: xx-large;
}

/* Primary Navigation Bar 
----------------------------------------------- */
#priNav, #biNav {
	width: 100%;
	float: left;	
	background: #990000;
	text-align: center;
	}
	
#priNav {
	height: 35px;
	}
	
#biNav {
	height: 50px;
	}	
	
#priNav ul, #biNav ul {
	list-style: none;
	margin-top: 10px;
	margin-left: 10px;
	}	
	
#priNav li, #biNav li {
	/* display: inline; */
	float: left;
	color: #FFC;
	padding: 0px 15px 0px 0px;
	}
	
#priNav a, #biNav a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: x-small;
	font-weight: bold;
	}
	
#priNav a:hover, #biNav a:hover {
	color: #FF0000;
	}
	
#priNav a:active, #biNav a:active {
     color: #FFFF00;
	}

/* CSS Document */
/* style sheet for CubaGenWeb home page 07/23/07 */

/* * {margin: 0; padding: 0;} */



.col-left {
	position: relative;
	top: 0px;
	left: 0px;
}

.col-right {
	position: relative;
	top: 0px;
	right: 0px;
}

.nav-left {
	padding: 5px;
	border-top: 2px solid black;
	background-color: #FFFFCC;
}

.nav-right {
	padding: 5px;
	border: 1px solid black;
	background-color: #FFFFCC;
}

.header {
	padding: 0px;
}

.story {
	padding: 10px;
	border:1px solid black;
}

.date-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #990000;
	padding: 10px;
}

.menu-box {
    border-style: solid;
	color: #009900;
	background-color: #FFFFFF;
	padding: 5,0,5,0;
	margin: 5,0,5,0;
	line-height: 1.5;

}

#menu-list {
}

#menu-list ul {
//	list-style-type: none;
	margin: 0 5px 0 0;
	padding: .5em 0 0 1em;
}

#menu-list li {
	margin: 0;
	padding: 0 .1em .5em .1em;
}

/* added to format forms according to CSS3 */
.subform {
	width: 500px;
}
	
	
.subform .label {
	display: inline-block;
	width: 200px;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
	font-style: italic;	
}

.subform input[type="text"] {
	display: inline-block;
	width: 150px;
	height: 20px;
	padding: 0px 0px 0px 5px;
}

.subform input[type="checkbox"] {
	display: inline-block;
	width: 15px;
	height: 15px;
}

.subform input[type="submit"]{
	margin-left: 220px;
	padding: 10px 25px;	
}