/* style sheet for the III Citadel web site */

html { color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

body { background-color: #069; margin-top: 0px;}

H1,H2,H3,H4,H5 { color: #333; font-family: Georgia, Times, serif; }

A.footLink:link    { color: #900; text-decoration: none; }
A.footLink:visited { color: #300; text-decoration: none; }
A.footLink:hover   { color: #FF6; text-decoration: underline; }
A.footLink:active  { color: #FC3; text-decoration: underline;}

.red { color: #F00; }
.blue { color: #069; }
.tan { color: #630; }

.footNote { font-size: 10px; color: #630; padding: 4px; }
.section { color: #333; font-family: Georgia, Times, serif; font-weight: bold; font-size: 12px; }

.boxTxt { color: #300; font-family: Georgia, Times, serif; font-size: 12px; }
A.boxLink:link    { color: #900; text-decoration: underline; }
A.boxLink:visited { color: #600; text-decoration: none; }
A.boxLink:hover   { color: #F00; text-decoration: underline; }
A.boxLink:active  { color: #F60; text-decoration: underline;}


/* page layout stuff */
#mainPgBG { margin-top: 0; margin-left: auto; margin-right: auto; height: auto; width: 1020px; padding: 0px; }

#citadelLogo { position: absolute; top: 10px; left: 25px; height: 250px; width: 160px; }

#pageHeader { position: absolute; top: 0px; width: 1020px; height: 175px; background-image: url('images/citadel_header_bg.jpg'); background-color: #A2BDD2; background-repeat: no-repeat; background-position: center; padding: 0px; }

#socialMedia { position: absolute; top: 10px; width: 120px; height: 30px; left: 870px; }

#promoBox1 { position: absolute; top: 15px; width: 450px; height: 80px; left: 350px; }

#promoBox2 { position: absolute; top: 70px; width: 340px; height: 140px; left: 495px; }

#promoBox3 { position: absolute; top: 70px; width: 140px; height: 140px; left: 840px; }


#redBox { position: relative; top: 10px; left: 30px; width: 230px; height: auto; padding: 5px; background-color: #EAEAEA; border: 1px solid #F00; }

#redBoo { position: relative; margin: 10px; width: 650px; height: auto; padding: 10px; background-color: #EAEAEA; border: 1px solid #F00; }


#navBlock {
	margin-top: 118px;
	margin-left: 290px;
	height: 35px;
	width: 750px;
	}

#navMenu ul {
	margin: 15px 10px; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
	}
	
#navMenu li {
	display: inline;
	border-style: solid;
	border-width: 0px 1px;
	border-color: #666;
	}

#navMenu ul li a {
	font-weight: bold;
	font-size: 11px;
	text-decoration:none;  
	margin: 0px;
	padding: 7px 10px;
	border-radius: 5px;
	color: #333;
	}

#navMenu ul li a:hover {
	color: #CCC;
	background: #333; 
	}


#mainTextBox { position: absolute; width: 1020px; top: 175px; background-image: url('images/page_citadel_bg.jpg'); background-color: #FFF; padding: 0px; }

#centerColumnBox { float: right; margin: 5px 25px ; width: 700px; height: auto; background-color: #FFF; }

#sidebarBox { float: left; margin: 25px; width: 196px; height: auto; padding: 1px; border: 1px solid #000; background-image: url('images/sidebarFade.jpg'); background-repeat: no-repeat; background-position: bottom; }

#whatCitadelBox { position: relative; top: 10px; left: 30px; width: 236px; height: auto; padding: 1px; border: 1px solid #000; }

#boxSpacer { position: relative; top: 10px; left: 30px; width: 236px; height: auto; padding: 1px; }

.whatCitadelHeader { position: relative; padding: 2px; width: 234px; color: #069; font-family: Georgia, Times, serif; font-weight: bold; font-size: 16px; text-align: center;  }

.whatCitadelText { padding-right: 5px; padding-left: 5px;  color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

#leftBox { position: relative; top: 10px; left: 30px; width: 240px; height: auto; padding: 1px; }

#citadelResBox { position: relative; top: 10px; left: 30px; width: 236px; height: auto; padding: 1px; background-color: #ECDECF; border: 1px solid #603913; }

.citadelResText { padding-right: 5px; padding-left: 5px;  color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

#pageFooter { position: relative; top: 15px; width: 1020px; height: 130px; background-image: url('images/citadel_pg_base.jpg'); background-color: #333; background-repeat: no-repeat; background-position: center; padding: 0px; }

#footerTxt { position: relative; top: 10px; margin-left: auto; margin-right: auto; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; padding: 0px; }


/* calculator stuff */

#calcColumnBox { float: right; margin: 5px 25px; padding: 15px; width: 580px; height: auto; background-color: #FFF; }

#wrap{
	position: relative;
	top: 10px;
	left: 20px;
	width:360px;
	text-align:left;
	padding:5px;
	background:#fff;
    font-family:AvenirLTStd, Arial, Helvetica, sans-serif;
	font-size:11px;    
    line-height:14px;
}

#wrap .cont_details fieldset,.cont_order fieldset{
	margin:10px;
	padding:20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
#wrap legend{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-weight:bold;
	font-style:italic;
    padding-bottom:10px;
}
#wrap .cont_details input{
	margin-bottom:10px;
	color:#000;
}
#wrap .input1:hover,.input1:active{
	
}
#wrap label{
	display:block;
	font-size:12px;
	color:#000;
    font-weight:bold;
}
#wrap label.inlinelabel
{
    display:inline;
}
#wrap .cont_order input{
	margin-bottom:5px;
}
#wrap .cont_order p{
	padding-top:5px;
}

#wrap input[type="radio"]
{
margin-top:8px;
margin-bottom:8px;
}

#wrap input[type="text"]:hover,
#wrap input[type="text"]:active {
background-color: #FAF398;
}

#wrap input#submit
{
margin:10px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
}

#wrap div#totalPrice
{
    padding:10px;
    font-weight:bold;
    background-color:#fc6;
}

#wrap label.radiolabel
{
font-weight:normal;
 display:inline;
}