/* CSS Document */

html, body {
/* put the background pattern here and set it to repeat  */
        margin: 0;
        padding:  0;
		background: black;
		font-family:Arial, Helvetica, sans-serif;
		color: #533A98;
		font-size: 1em;
		width: 100%; 
height: 100%;
font-weight: bold;
background:  url(../images/bg-tile.gif);
background-repeat:repeat;
font-size: 0.8em;
}

a{
font-weight: bold;
color:#533A98;
text-decoration: none;

}

a:hover{
font-size: 1em;
color: #FF3300;
text-decoration: underline;
}

#top_border{
margin: auto;
width:800px;
height:0;
}
#container{

width: 840px;
height: 700px;
margin: auto;
}

#titles{
position: relative;
width: 840px;
height: 220px;
margin: 0;
padding: 0;
background-image: url(../images/colonel_titles.jpg);
background-repeat: no-repeat;
}
#border_left{
clear: both;
float: left;
position: relative;
width: 112px;
height: 372px;
margin: 0;
padding: 0;
background-image:url(../images/border_left.jpg);
}

#content{
float: left;
position: relative;
width: 630px;
height: 372px;
margin: 0;
padding: 0;
background-image:url(../images/bg_image_contact.jpg);
overflow:hidden;
border: 0;
}

#border_right{
float: left;
position: relative;
width: 98px;
height: 372px;
margin: 0;
padding: 0;
background-image:url(../images/border_right.jpg);
}

#wrapper {
		margin: 0;
		width: 570px;
		background-color:#none;	
		padding: 0;
		position:relative;
		}

#button_box{
clear: both;
float: left;
position: relative;
width: 840px;
height: 68px;
margin: 0;
padding: 0;
}


#bottom_left{
float: left;
position: relative;
width: 260px;
height: 68px;
margin: 0;
padding: 0;
background-image:url(../images/bottom_left.jpg);
}
#home_btn{
float: left;
position: relative;
width: 58px;
height: 68px;
display: block;
margin: 0;
padding: 0;
background-image:url(../images/home_btn_3.jpg);
background-position: 0 136px;
border:none

}

		
		body.home a#home_btn,
		body.home a#home_btn {
        background-position: 0 0;
		border:none;
}	



a#home_btn:hover {
    background-position: 0 68px;
	border:none;
}
#radio_btn{
float: left;
position: relative;
width: 102px;
height: 68px;
display: block;
margin: 0;
padding: 0;
background-image:url(../images/radioshow_btn_3.jpg);
background-position: 0 136px;
border:none

}

		
		body.radio a#radio_btn,
		body.radio a#radio_btn {
        background-position: 0 0;
		border:none;
}	



a#radio_btn:hover {
    background-position: 0 68px;
	border:none;
}

#memoirs_btn{
float: left;
position: relative;
width: 82px;
height: 68px;
display: block;
margin: 0;
padding: 0;
background-image:url(../images/memoirs_btn_3.jpg);
background-position: 0 136px;
border:none

}

		
		body.memoirs a#memoirs_btn,
		body.memoirs a#memoirs_btn {
        background-position: 0 0;
		border:none;
}	



a#memoirs_btn:hover {
    background-position: 0 68px;
	border:none;
}
#contact_btn{
float: left;
position: relative;
width: 81px;
height: 68px;
display: block;
margin: 0;
padding: 0;
background-image:url(../images/contact_btn_3.jpg);
background-position: 0 136px;
border:none

}

		
		body.contact a#contact_btn,
		body.contact a#contact_btn {
        background-position: 0 0;
		border:none;
}	



a#contact_btn:hover {
    background-position: 0 68px;
	border:none;
}
#bottom_right{
float: left;
width: 257px;
height: 68px;
margin: 0;
padding: 0;
background-image:url(../images/bottom_right.jpg);

}


#footer{
clear: both;
float: left;
position: relative;
width: 100%;
height: 40px;
background-color:#ffffce;

}
#footer_text{
padding: 0 10px;
position: relative;
height: 30px;
text-align: center;
}

#lua{

float: left;
padding: 0 10px;
width: 100%;
height: 30px;
padding: 0;
text-align: center;
background-color:#ffffce;


}


/* --- contact form structure --- */

* {
		margin: 0;
		padding: 0;
		}





#mainContent {
		float: left;
		width: 540px;
		filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
		background-color: none;
		-moz-opacity:.85;
		opacity:.85;
		float:right;
		}

#sidebar {
		float: left;
		width: 200px;
		background: #eeeeee;
		padding: 10px;
		}

.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		width:
		}


/* --- typography --- */



h1 {
		font-size: 1.4em;
		margin-bottom: 0.4em;
		text-transform: uppercase;
		font-weight:bold;
		}

h2 {
		font-size: 0.9em;
		margin-bottom: 2em;
		text-transform: uppercase;
		color:#000000;
		}


p {
		font-size: 1em;
		line-height: 1.4em;
		margin-bottom: 0.3em;
		text-transform: uppercase;
		color:#000000;
		}
			


/* --- forms --- */

.row {
		clear: both;
		padding-top: 5px;
		}

form {
		margin-bottom: 1em;
		width: 525px;
		}
		
fieldset {
		margin-bottom: 10px;
		padding: 10px;
		}		

legend {
		padding: 0 10px;
		background: none;
		text-transform: uppercase;
		color: #533A98;
		font-size: 1.1em;
		}

.formLabel {
		font-size: 1.1em;
		line-height: 1.6em;
		text-align: right;
		margin-right: 10px;
		width: 100px;
		float: left;
		color:#000000;
		text-transform:uppercase;
		}

.formControl {
		float: left;
		width: 326px;
		}
		
input, textarea {
		border: 1px solid #666666;
		padding: 2px;
		font: 1em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		}	
		
input {
		font-size: 1.2em;
		width: 322px;
		}			

textarea {
		width: 520px;
		}
		
.submitButton {
		background: #eeeeee;
		font: bold 1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		padding: 4px 6px;
		width: auto;
		}