/************** Main Construction Styles *******************/

body
{
 margin: 0px;
 padding: 0px;
 background-color: #CCC;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 color: #999;
 text-align: center;
}


.wrapper
{
 width: 960px;							
 position: relative;
 background-image: url(../assets/jpegs/background.jpg);
 background-repeat: repeat-y;
 text-align: left;
 margin: 0px auto;
} 


.sidebar
{
 width: 235px;							
 float: left;
 margin: 0 0 20px 54px;
 display: inline;             /** To fix IE's double margin float bug **/
}


.header
{
 width: 612px;
 height: 96px;					
 float: right;
 position: relative;
 margin: 0 59px 0 0;
 background-image:url(../assets/gifs/header.gif);
 background-repeat: no-repeat;
 background-position: 20% 0;
 display: inline;     /** To fix IE's double margin float bug **/
}


.mainContent
{
 width: 597px;   					
 float: right;
 margin: 0 59px 20px 0;
 padding: 0 0 0 15px;
 display: inline;     /** To fix IE's double margin float bug **/
}


.footer
{
 width: 960px;
 height: 50px;
 clear: both;
 position: relative;
 left: -1px;
 background-image:url(../assets/jpegs/footer.jpg);
 background-repeat: no-repeat;
}


div#mainItem
{
 width: 413px;
}


div#subItem1
{
 width: 187px;
 float: left;
 margin: 0 0 20px 0;
}


div#subItem2
{
 width: 187px;
 float: right;
 margin: 0 200px 20px 0;
 display: inline;     /** To fix IE's double margin float bug **/
}


div.clear
{
 clear: both;
}

/************** General Styles *******************/

h1
{
 color: #000;
 font-size: 1.5em;
 font-weight: bold;
 margin: 0;
 padding: 0; 
}


h2
{
 color: #000;
 font-size: 1.2em;
 font-weight: bold;
}


h3
{
 color: #666;
 font-size: 1.5em;
 font-weight: normal;
 margin: 20px 0 0 0;
 padding: 0; 
}


h4 								/*** used for 'more' link buttons etc ***/
{
 color: #69A4BF;
 font-weight: bold;
 background-color: #93D9E0;
 display: inline;
 font-size: 1em;
}


h4 a:link
{
 color: #69A4BF;
 text-decoration: none;
 background-color: #93D9E0;
 border: 1px #69A4BF solid;
 padding: 2px;
}


h4 a:visited
{
 color: #54849A;
 text-decoration: none;
 background-color: #93D9E0;
 border: 1px #54849A solid; 
 padding: 2px;
}


h4 a:hover
{
 color: #FFF;
 text-decoration: none;
 border: 1px #69A4BF solid;		
}


h4 a:active
{
 color: #93D9E0;
 text-decoration: none;
 background-color: #69A4BF;
 border: 1px #54849A solid; 
}


.mainContent p
{
 line-height: 150%;
}


a:link
{
 color: #666;
 text-decoration: underline;
}


a:visited
{
 color: #666;
 text-decoration: underline;
}


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


a:active
{
 color: #333;
 text-decoration: underline;
}


a img           				/* To get rid of the blue border Firefox automatically puts around anchored images*/
{
 border: none;
}


span.white  					/* Used in the header */
{
 color: #FFF;
}


.mainContent strong
{
 font-weight: bold;
 color: #666;
}


ul li
{
 list-style-type: decimal;
 margin: 10px 0 0 0;
}


ul.navBar
{
 list-style: none;
 color: #999;
 position: relative;
 left: -40px;
 top: 5px;
}


ul.navBar li
{
 display: inline; 
 margin: 0 8px 0 0;
}


ul.navBar li a:link
{
 color: #999;
 text-decoration: none;
}


ul.navBar li a:visited
{
 color: #999;
 text-decoration: none;
}


ul.navBar li a:hover
{
 color: #666;
 text-decoration: none;
}


ul.navBar li a:active
{
 color: #666;
 text-decoration: none;
}


p.address
{
 color: #000;
 text-align: right;
 position: absolute;
 font-size: 12px;
 top: -5px;
 left: 185px;
}


p.tagline
{
 text-align: center;
 font-weight: bold;
 color: #666;
}


img#logo, img#logo2
{
 float: left;
 padding: 10px 0 0 10px;
}


ul.legal
{
 list-style: none;
 margin: 0 0 0 265px;
 font-size: 0.8em;
 color: #CCC;
}


ul.legal li
{
 display: inline; 
}


ul.legal li a:link
{
 color: #CCC;
 text-decoration: underline;
}


ul.legal li a:visited
{
 color: #666;
 text-decoration: underline;
}


ul.legal li a:hover
{
 color: #333;
 text-decoration: underline;
}


ul.legal li a:active
{
 color: #666;
 text-decoration: underline;
}


ul.legal li#copyright
{
 margin: 0 0 0 140px;
}


h3.head1
{
 width: 413px;
 border-bottom: 1px solid #999;
}


h3.top
{
 margin: 50px 0 0 0;
}


h3.head2
{
 width: 187px;
 border-bottom: 1px solid #999;
}


h3.head3
{
 width: 187px;
 border-bottom: 1px solid #999;
}


.header h1#cornberry 		/** To position the company name within the header **/
{
 position: relative;
 left: 130px; 
 top: 40px;
}


.header h1#print			/** To position the company name within the header **/
{
 position: relative;
 left: 130px; 
 top: 40px;
} 


.header h2  	   		/** To position the telephone number within the header **/
{
 position: relative;
 left: 425px; 
 top: 8px;
}


/*************** Index Page Specific ******************/

#indexPage .mainContent
{
 background-image:url(../assets/gifs/coffeeRepublic.gif);
 background-repeat: no-repeat;
 background-position: 95% 110%;
}


#subItem1 h4, #subItem2 h4
{
 position: relative;
 left: 150px;
 bottom: 15px;
}


img#printExamples1, img#printExamples2, img#printExamples3,img#printExamples4, img#printExamples5
{
 margin: 15px 0 0 10px;
}


/*************** Label Page Specific ******************/

#labelsPage .mainContent
{
 background-image:url(../assets/gifs/danebury.gif);
 background-repeat: no-repeat;
 background-position: 90% 55%;
}


img#labelExamples
{
 margin: 0 0 0 10px;
}