/* Design by Theraduck.com  */

body{
background-color:#000;
background-image: url(http://stlprocoders.us/images/screenv3.png);
background-repeat: no-repeat;
background-position:center;
font: 100% Arial, Tahoma, Sans Serif;
text-align:center;
}



img {float: none;
margin: 0px 0px 0px 0px;
}

img.center 
 {
display: block;
margin-left: auto;
margin-right: auto;
}


a {
color:#0000ff;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#808080;
text-decoration:underline;
}

p {
font-size:1em;
font-weight:bold;
color:#FFF;
letter-spacing:.09px;
line-height:1.5em;
margin:0 0 15px;
}

/*** Page Header Box Styles ***/
#pageintro {
border:0px solid #0000CD;
color:#fff;
font-size:1em;
font-weight:bold;
letter-spacing:.05px;
padding:1px 1px 1px 1px;
margin:0px 150px 10px 150px;
}

#pageintro H1,#pageintro H2,#pageintro H3 {
background-color:inherit;
color:#FFF;
font-size:1.8em;
font-weight:bold;
letter-spacing:1.05px;
margin:0px 0px 15px 0px;
padding:0;
 
}

#pageintro H2 {
font-size:1.6em;
}

#pageintro H3 {
font-size:1.2em;
}

#pageintro large {
background-color:inherit;
color:#000000;
font-size:1.1em;
font-weight:bold;
letter-spacing:.02px;
}

#pageintro small {
background-color:inherit;
font-size:0.4em;
font-weight:bold;
color:#0000ff;
}

#pageintro img  {
border:1px solid #b0b0b0;
float:left;
margin:5px 5px 5px 5px;
padding:5px 0px 0px 0px;
}  

/*** Main container ***/

#container {
margin:0;
min-width:800px;
padding:0;
text-align:left;
overflow: hidden;
width:100%;

}

/*** Header Section ***/




/*** Content wrap ***/

#wrap {
clear:both;
font-size:0.9em;
padding:0;
}

/*** Sidebars Left & Right ***/
/*** Width = 165px ****/
#leftside,#rightside {
margin:10px 10px 10px 1px;
padding:0;
width:165px;
}

#leftside {
float:left;
margin-right:10px;
}

#rightside {
float:right;
margin-left:10px;
}

#leftside,#rightside
.center 
 {
margin-left: auto;
margin-right: auto;
}


#leftside
 img.center 
 {
display: block;
margin-left: auto;
margin-right: auto;
}

#leftside h1,#rightside h1 {
color:#FFF;:#000000;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.4em;
margin:0px 0px 20px 0px;
}
#leftside h3,#rightside h3 {
font-size:1.1em;
margin:0 0 20px 0;  
}
#leftside p,#rightside p {
font-size:0.9em;
line-height:1.1em;
margin:0px 0px 10px 10px;
}

.linklist {
list-style:none;
margin:0px 0px 16px 10px;
padding:0px 0px 0px 0px;
}

/*** Space between Links ***/
.linklist li {margin-bottom: 0.6em;}


/*** Navigation ***/

#apDiv1 {
	position:absolute;
	width:840px;
	height:60px;
	z-index:1;
	left: 120px;
	top: 88px;
}


.nav {
border: 2px solid #000078;
display:inline;
margin-top:0px;
padding: 1px 2px 1px 2px;
position:relative;
text-transform:uppercase;
font-size: 0.7em;
text-align:center;
color:#ffffff;
width:px;
}

.nav:hover,.active {
background:#33ffff;
border:2px solid #000066;
text-align:center;
color:#000066;
text-decoration:none;
}




.sub {
font-size:0.5em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

/***  Main Content ***/

#content {
border: 5px solid #000;
font-size:1em;
font-weight:bold;
letter-spacing:.02px;
padding: 20px;
margin: 0px 190px 30px 210px ;

}


#content h1,#content h2,#content h3 {
background-color:inherit;
font-size:1.8em;
font-weight:bold;
letter-spacing: .04px;
padding:0;
 
}

#content h2 {
font-size:1.6em;
}

#content h3 {
font-size:1.2em;
}

#content img  {
border:1px solid #b0b0b0;
float:left;
margin:4px 14px 1px 4px;
padding:0px 0px 0px 0px;
}

#content p {
font-size:1em;
font-weight:bold;
color:#fff;
letter-spacing:.5px;
line-height:1.5em;
margin: 0px 6px 35px 6px;
border: 4px #000078 solid;
padding: px 20px 15px 20px;
}

#content large {
font-size:1.1em;
font-weight:bold;
letter-spacing:.02px;
color:#FFF;
}

#content small {
font-size:0.4em;
font-weight:bold;
color:#0000ff;
}



/*** Footer ***/

#footer {
background: #000 repeat-x;
clear: both;
font-size:0.9em;
font-weight:bold;
text-align:center;
color:#D0D0D0;
margin:0px 0px 0px 0px;
padding: 0px 0px;
width:100%;
height:80px;
margin-bottom: 0px;
}

#footer a {
color:#FFFFFF;
font-weight:bold;
}

#footer img {
padding: 10px 0px 0px 0px;
}


/*** Various Classes ***/

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;

margin:0px 0px 10px 10px;
padding:5px 5px 5px 5px;
}


.smallbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0px 4px 0px 0px;
width:100px;
}


.clearingdiv {
clear:both;
height:30px;
width:1px;
}


.hide {display:none;}


/*** Styling for Forms and Buttons ***/

.formbutton{
cursor:pointer;
border:outset 1px #000;
background: #000975;
color:#ffffff;
font-weight:bold;
padding: 1px 2px;
/**background:url(http://www.theraduck.com/stlprocoders/images/Buttons.gif) repeat-x left top ;**/
}

/**Below is for the text boxes**/
input, select, textarea{
border: 2px solid #000000;
margin: 0px; 
 
}




/*** Text Format ***/

.small {font-size:0.6em;
}

.normal {
font-size:1.0em;
font-weight:bold;
letter-spacing:.02px;
}

.large {font-size:1.2em;
color:#FFF;
}

.left {text-align:left;
}

.right {text-align:right;
}

.center {text-align:center;
}

.red {color:#FF0000;
}

.blue {color:#0000FF;
}

.burgandy {color:#980000;
}

.pink {color:#ff6699;

}

.green {color:#49FE01;

}

.bkred {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;
}

.bkwhite {background: #ffffff; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;
}

.bkblue {background: #bfe8ff; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;
}

.bkgrn {background: #dfffec; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;
}



/*** End of CSS File ***/