/* css Kent Civil War Society default style v1.00 */

/* basic elements */

html {
	margin: 0;
	padding: 0;
	background: navy; 
	}
	
#header { 
	font: georgia;
	font-size: 24pt;
	FONT-WEIGHT: bold;
 	COLOR: #A9AAAF; 
-webkit-text-stroke-width: 1px; /* The width of the outline */
  -webkit-text-stroke-color: black; /* The color of the outline */
	background: navy; 
	text-align:center;
	margin: 0; 
	padding: 0;
	width:100%;
	}

#footerfill { 
	font: georgia;
	font-size: 12pt;
	FONT-WEIGHT: normal;
	COLOR: white; 
	background: rbga(255,255,255) transparent;
	background: rbga(255,255,255,0); 
	text-align:center;
	margin: 0; 
	padding: 0;
	width:100%;
	}


#nav {
    font: georgia, sans-serif;
	font-size: 12pt;
	FONT-WEIGHT: normal;
	COLOR: white; 
	background-color:navy;
    width:100%;
    float:center;
    padding:0px; 
	}

	
#section { 
	font: georgia, sans-serif;
	font-size: 12pt;
	FONT-WEIGHT: normal;
	COLOR: lightgray; 
	background: navy; 
	text-align:center;
	margin: 0; 
	padding: 0;
	width: 100%;
	float: left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000080+0,207cca+50,808080+100 */
background: #000080; /* Old browsers */
background: -moz-linear-gradient(top, #000080 0%, #207cca 30%, #808080 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000080 0%,#207cca 30%,#808080 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000080 0%,#207cca 30%,#808080 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000080', endColorstr='#808080',GradientType=0 ); /* IE6-9 */
	}

#container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}

#leftcolumn { 
	font: georgia, sans-serif;
	font-size: 12pt;
	FONT-WEIGHT: normal;
	COLOR: lightgray; 
	background: rbga(255,255,255) transparent;
	background: rbga(255,255,255,0); 
	float:left;
	width:45%;
	margin: 10; 
	padding: 10;
}


#rightcolumn { 
	font: georgia, sans-serif;
	font-size: 12pt;
	FONT-WEIGHT: normal;
	COLOR: lightgray; 
	background: rbga(255,255,255) transparent;
	background: rbga(255,255,255,0); 
	float:right;
	width:45%;
	margin: 10; 
	padding: 10;
}
	
.link_button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #4479BA;
    color: #FFF;
	opacity: 1;
    padding: 8px 12px;
	width: 120px;
    text-decoration: none;
	float: left;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-0-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
	
	
.link_button:hover {
  opacity: 0.75;
}
	
.co2xlb {
	TEXT-ALIGN: center; FONT-FAMILY: georgia,Sans-serif,sans-serif; COLOR: lightgray; FONT-SIZE: xx-large; FONT-WEIGHT: bold
}

.coxlb {
	TEXT-ALIGN: left; FONT-FAMILY: georgia,Sans-serif,sans-serif; COLOR: #7F5A39; FONT-SIZE: x-large; FONT-WEIGHT: bold
}

.colb {
	TEXT-ALIGN: left; FONT-FAMILY: georgia,Sans-serif,sans-serif; COLOR: #7F5A39; FONT-SIZE: large; FONT-WEIGHT: bold
}

.comb {
	TEXT-ALIGN: left; FONT-FAMILY: georgia,Sans-serif,sans-serif; COLOR: #7F5A39; FONT-SIZE: medium; FONT-WEIGHT: bold
}

.co2xln {
	TEXT-ALIGN: left; FONT-FAMILY: georgia,Sans-serif,sans-serif; COLOR: #7F5A39; FONT-SIZE: xx-large; FONT-WEIGHT: normal
}

.coxln {
	TEXT-ALIGN: left; FONT-FAMILY: georgia,Sans-serif,sans-serif; COLOR: #7F5A39; FONT-SIZE: x-large; FONT-WEIGHT: normal
}
.coln {
	TEXT-ALIGN: left; FONT-FAMILY: georgia,Sans-serif,sans-serif; COLOR: #7F5A39; FONT-SIZE: large; FONT-WEIGHT: normal
}

.comn {
	TEXT-ALIGN: left; FONT-FAMILY: georgia,Sans-serif,sans-serif; COLOR: #7F5A39; FONT-SIZE: medium; FONT-WEIGHT: normal
	}
a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: lightblue;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: yellow;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: red;
	}