/*set html elements to default styles*/
* {
margin: 0px;
padding: 0px;
}

img{
border: none;/*Sets default image border to none.*/
}

/* custom html elements */

h1, h2, h3, h5, h6{
color: #666;
}

h3, h4, h5, h6{
padding: .1em .3em;
margin: .5em;
text-indent: 1em;
}

h3{
font-size: 1.3em;
}

h5{
font-size: 1.1em;
color: #555;
}

h4{
font-size: 1.2em;

}



body{
font-family: Times, "Book Antigua", "MS Sans-Serif", Serif; /*sets default font*/
font-size: 16px;  /*sets default font-size so subsequent size markers function*/
margin: 0px;
padding: 0px;
}

p {
margin: 5px 0px;
line-height: 1.4em;

}

hr{
width: 90%;
margin: 0px auto;
}

blockquote{margin: 0 1em;}

/*anchor elements*/
a{
color: #000;

}

a:link{}

a:visited{color: #555;}

a:active{}

a:hover{
text-decoration: none;}

/*objects*/



/*style the elements of the created page elements*/

#shad1{ /*first shadow */
width: 874px;
margin: 15px auto;
border-right: 3px #eee solid;
border-bottom: 3px #eee solid;
position: relative
}
#shad2{ /* second shadow */
width: 872px;
border-right: 2px #bbb solid;
border-bottom: 2px #bbb solid;
}


#frame{
width: 870px;
background: url(images/bkg.gif) #fff;
background-repeat: no-repeat;
background-position: 100px 200px;
border: 1px black solid;
}

/* /////////// page header and its elements /////////////// */
#head{background: #ddd;
height: 91px;
}

#mcont{
margin: 50px 20px 0 20px;
}

 
#lbox{
background: url(images/Assoc.Litho-Logo.jpg) no-repeat;
float: right;

}

#logo {
position: relative;
 width: 327px;
 height: 190px;
overflow: hidden;
}

#logo a{
color: black;
text-decoration: none;
}

#logo span{
position: absolute;
left: 0;
top: 0;
 width: 327px;
 height: 190px;
background: url(images/Assoc.Litho-Logo.jpg);
cursor: pointer; /* for IE6 */
}

#bbox{
margin-left: 30px;
width: 400px;
}

#banner{
 position: relative;
 width: 400px;
 height: 80px;
 overflow: hidden;
}

#banner{
color: black;
}

#banner span {
position: absolute;
left: 0;
top: 0;
width: 400px;
height: 80px;
background: url(images/slogan.jpg);
overflow: hidden;
}


/* ////////// Page content blocks /////////// */

/*box for primary page content. */
#c1{
clear: none;
width: 450px;
float: left;
}

#left{
margin-left:40px;
margin-top:20px;
color: #d00;
font-size: 1.3em; 
line-height: 1.5em;
font-weight: normal;
width: 90%;
text-indent: 0px;
margin-bottom: 40px;
text-indent: -.5em
}

#linkbox{
margin: 0 0 0 86px;
padding-top: 15px;
}

#linkbox p{font-size:1.1em !important;
letter-spacing: 0px !important;
font-weight:bold;}

#leftbox{
margin:10px;
font-size: 1em;
border: 1px solid black;
float: right;
display: inline;
background: #eee;
padding-bottom: 5px;
}

#leftbox p{
margin: 0px 15px;
font-size:.9em;
}


/*box for secondary page content.*/
#c2{
width: 360px;
float: right;
clear: none;
margin-top: 20px;
display: inline;
}

#c1 p, #c2 p{
letter-spacing: .05em;
font-size:1em;
}

/*box for tertiary page content. */
#c3{
clear: both;
margin: 20px 20px 0px 20px;

}

/*box for quadarary page content. */
#c4{
background: #eee;
border: 1px black solid;
width: 200px;
position: absolute;
top: 200px;
float: right;
clear: both;
padding: 5px;
}

/* style the footer */

#foot{
clear: both;
width: 100%;
text-align: center;
padding-top: 30px;
margin-bottom: 10px;
}

#foot ul{}

#foot li{
display: inline;
list-style: none;
}

#foot a{
font-weight: normal;
text-decoration: none;
margin: 0 8px;}

#foot a:visited{}

#foot a:hover{
text-decoration: underline;}

/* ///////////////////// style the menu ///////////////////// */
/*menu box contains ul of site links*/

#mbox{background: #ff4e4e url(images/menubar.gif);
height: 32px;
padding-left:60px;
position:absolute;
top:92px;
width:490px;
}

#mbox ul{
margin-top: 2px;
}

#mbox li{
display: inline;
margin: 0px 10px;
}

#mbox a{
text-decoration: none;
color: #fee;
text-transform: uppercase;
line-height: 32px;
font-size: 1.2em;

}
#mbox a:hover{
color: #311;
}

/* // style the contact form */

.counter{
margin-top: 5px;
}

.label{
width: 200px;
display: block;
font-size: .9em;
}

textarea{
width: 99%;
height: 100px;
}
.formhead{
display: block;
line-height: 1.4em;
border-bottom: 1px solid black;
border-top: 1px solid black;
text-align: center;
margin: 5px;
}

input, textarea{
font-family: Helvetica, Arial, Tahoma, Sans-Serif; /*sets default font*/
font-size: .8em;  /*sets default font-size so subsequent size markers function*/
background: #eee;
border: 1px black solid;
padding: 3px;
color: #222;
}

.formhead input{
margin: 3px 0;
cursor: pointer;
}

.formhead input:hover{
background: #222;
color: #eee;
}


/*site wide style classes*/

.print, .hide{
display: none;
}

.centext, .center{
text-align: center;
}

.note{
font-size: .8em !important;
}

.alert{ /* adds red color to any text for alert */
color: #d00;
}

.msg{ /* warning messages from server/client*/
font-size: .9em;
color: black;
background: #fcc;
border: 1px black solid;
margin: 5px;
padding: 5px;
}

.ileft{float: left; margin: 8px;}
.iright{float: right; margin: 8px;}
.block{ width: 150px; height: 150px; background: #fee; text-align: center; padding: 5px}


/*front page diagonal*/
#a{
margin-left:79px;
font-weight: bold;
font-size: 1.1em;
}
#b{
margin-left:72px;
font-weight: bold;
font-size: 1.1em;
}

#c{
margin-left:65px;
font-weight: bold;
font-size: 1.1em;
}
#d{
margin-left:58px;
font-weight: bold;
font-size: 1.1em;
}
#e{
margin-left:51px;
font-weight: bold;
font-size: 1.1em;
}
#f{
margin-left:44px;
font-weight: bold;
font-size: 1.1em;
}
#g{
margin-left:37px;
font-weight: bold;
font-size: 1.1em;
}
#h{
margin-left:30px;
font-weight: bold;
font-size: 1.1em;
}
#i{
margin-left:23px;
font-weight: bold;
font-size: 1.1em;
}
#j{
margin-left:16px;
font-weight: bold;
font-size: 1.1em;
}
#k{
margin-left:9px;
font-weight: bold;
font-size: 1.1em;
}