/***************************
	
	CSS Document:
	reticle_global.css
	Charlie Bennett
	1/4/07

***************************/

html {
margin: 0px;
padding: 0px;
}
body {
width: 100%;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: rgb(40,40,40);
background-color: rgb(40,40,40);
background-image: url(images/reticle_montage_smTop.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
margin: 0px;
padding: 0px;
}
p {
text-align: justify;
margin-bottom: 15px;
}
h3 {
font-size: 20px;
font-weight: normal;
color: rgb(184,211,192);
margin: 0px;
}
img {
border-width: 0px;
}

#logoTxt {
position: absolute;
top: 50px;
left: 50px;
width: 522px;
height: 74px;
margin: 0px;
padding: 0px;
}
#subTitleTxt1 {
display: block;
position: absolute;
top: 115px;
left: 70px;
height: 20px;
width: 522px;
text-align: right;
line-height: 20px;
font: bold 16px Arial, Helvetica, sans-serif;
color: rgb(200,200,200);
z-index: 3;
}
#subTitleTxt2 {
display: block;
position: absolute;
top: 114px;
left: 72px;
height: 20px;
width: 522px;
text-align: right;
line-height: 20px;
font: bold 16px Arial, Helvetica, sans-serif;
color: rgb(40,40,40);
z-index: 2;
}

#content {
position: relative;
top: 185px;
left: 0px;
width: 900px;
height: auto;
color: rgb(220,220,220);
/* background-color: #FF0000; */
margin: 10px auto 310px auto;
padding: 0px;
z-index: 1;
}
#contLeft {
position: relative;
top: 0px;
left: 0px;
width: 665px;
height: auto;
background-color: rgb(70,70,70);
padding: 10px;
}
.contLeftImg {
float: left;
padding: 3px;
margin: 0px 5px 1px 0px;
}
.contRightImg {
float: right;
padding: 3px;
margin: 0px 0px 1px 5px;
}


#contRight {
position: absolute;
top: 0px;
left: 700px;
width: 200px;
height: auto;
background-color: rgb(70,70,70);
}
div.transOFF {
position: relative;
width: 150px;
height: 113px;
margin: 10px 25px;
padding: 0px;
filter: alpha(opacity=60);
-moz-opacity: .60;
opacity: .60;
}
div.transON {
position: relative;
width: 150px;
height: 113px;
margin: 10px 25px;
padding: 0px;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#foot {
position: relative;
bottom: 0px;
left: 0px;
width: 100%;
height: 150px;
color: rgb(220,220,220);
text-align: right;
background: url(images/reticle_montage_Btm.jpg) no-repeat 0 0;
margin: 10px 0px 0px 0px;
z-index: 1;
}
#foot a {
color: rgb(220,220,220);
text-decoration: none;
}
#foot a:hover {
text-decoration: underline;
}