/* Main layout */

body { 
	background:#3b2915 url(../images/backround.jpg) top center no-repeat fixed; 
	margin:0 auto;
	width:100%;
}

/* ID's Layout */

		/* Div Id "header" - is containing Div Id "logo1" */
		#header { 
			background:url(../images/osbanner3.png);
			width:100%;
			height:300px;
			position:relative;
			top:50px;
		}
				/* Div Id "logo1" - will contain Div Id "hNav" */
				#logo1 { 
					margin:0 auto; 
					background:url(../images/logotm.png); 
					width:587px; height:425px; 
					position:relative;
					top:-70px;
					z-index:4;
				}
					/* Div Id "hNav" - will contain the main site navigation */
					#hnav {
						text-align:center;
					}


/* Div Id "backdrop" - contains Div Id "content" */
	#backdrop { 
		margin:0 auto; 
		width:800px; 
		height:1400px; 
		background:url(../images/backdrop.png); 
		
		 
	}
		/* Div Id "content" - holds all text and image content on the backdrop*/
			#content { 
				margin: 50px 50px 50px 50px;
				width:706px; 
				height:1200px;
				background-color:transparent; 
				 
			}

#footer { 
	width:100%; 
	height:101px; 
	background:url(../images/footer.png); 
	overflow:hidden; 
	
}


#tu {
	width:100px;
	height:100px;
	background:url(../images/TobacconistUniversity_sm.png);
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
}
#cra {
	width:135px;
	height:100px;
	background:url(../images/cra.png);
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
}
	
/* Header Tags */

h1 { 
	font-size: 50px; 
	color: #ffcc33; 
	text-align:center;
	
}

h2 { 
	font-size: 30px; 
	color: #ffcc33; 
	text-align:center;
}

h3 {
	color:#fcdf86;
	text-align:left;
}
h3 +p {
	color:#f1dabe;
	text-indent:25px;
	margin-bottom:-0.5em;
	margin-top:-0.5em;
}

h4 {
	color:#fcdf86;
	text-align:center;
	font-size:20px;
	margin-top:-.3em;
}
/* Content Tags */

p {
	margin-top:0;
	color:#dcdcdc;
}

p.fnav {
	text-align:center;
	color:#ffcc33;
	margin-bottom:-.3em;
	margin-top: 3.5em;
	text-align:left;
	}
	

p.fnav +p {
	margin-top:0;
}

/* Main Navigation - Links */
ul.nav {
	width:380px;
	height:30px;
	padding:16px 0 0 0;
	position:absolute;
	top:180px;
	right:250px;
	text-align:center;
	z-index:4;
	visibility: visible;
}
ul.nav li { 
	font:16px/16px Georgia, 'Times New Roman', Times, serif; 
	font-weight:900;
	color:#ffffff; 
	display:inline;
	margin-left: .3em;
	margin-right: 5%;
	margin-top: .3em;
	margin-bottom: .3em;
	position:relative;
	left:160px;
	top:63px;
}
ul.nav li a { 
	color:#f1dabe; 
	text-decoration:none;
	
	 
}
ul.nav li a:hover { 
	color:#ffffff; 
}


/* image tags */

img {
	border-style:none;
}
img.floatRight {
	float:right;
	padding:5px;
	margin-left:10px;
	border-style:solid;
	border-weight:medium;
	border-color:#f1dabe;

}
img.floatLeft {
	border-style:solid;
	float:left;
	padding:5px;
	margin-right:10px;
	border-weight:medium;
	border-color:#f1dabe;
}


/* Below here is the Css for Products Page*/
/* Menu Divs */

#backdrop2 { 
		position:relative; 
		width:900px; 
		height:600px; 
		top:0px;
		left:275px;
		background:url(../images/backdrop2.png); 
		z-index:1;
		 
	}

#owlMirror {
	background:url(../images/owlborder.png);
	width:400px;
	height:600px;
	position:absolute;
	top:-35px;
	left:-155px;
	z-index:4;
	
	
}

		#owlMirrorContent {
			padding: 5px;
			border: 1px solid #ffcc33;
			height: 292px;
			width: 186px;
			background: #000000;
			position:absolute;
			left:80px;
			top:192px;
			text-align:center;
			color:#ffcc33;
			z-index:3;
			
			
		}
					#owlMirrorContent li {
						text-align:center;
						list-style-type:none
					}
					#owlMirrorContent a {
						color:#f1dabe;
						text-decoration:none;
						font-size:18px;
						font-style: oblique;
					}
					#owlMirrorContent a:hover {
						color:#ffffff;
					}
#menuTxt {
	background:url(../images/menu.png);
	height:40px;
	width:80px;
	position:relative;
	top:20px;
	left:50px;
	z-index:5;
}
					
#content2 {
	margin: 50px 50px 50px 50px;
	width:706px;
	background-color:transparent;
}
#content2 a {
	font-size:30px;
	text-decoration:none;
	color:#f1dabe;
}
#content2 li {
	text-decoration:none;
	list-style-type:none;
}

#accLinkBottom {
	position:absolute;
	top:807px;
	left:500px;
}
#accLinkTop {
	position:absolute;
	left:0px;
}
/* Pop up Menu classes Below */



li.cursive {
	color:#f1dabe;
	font-size:25px;
	list-style-type:none;
	display:inline;
}
li.cursive a {
	color:#ffcc33;
	font-size:18px;
	text-decoration:none;
	margin-top:.3em;
	margin-bottom:.3em;
}
li.cursive a:hover {
	color:#f1dabe;
}
#backdrop3 { 
		margin:0 auto; 
		width:800px; 
		height:2250px; 
		background:url(../images/backdrop3.png); 
		overflow:hidden;
		 
}
#backdrop4 {
	margin:0 auto;
	background:url(../images/backdrop2.png);
	position:relative; 
	width:900px; 
	height:600px; 
	
}
#backdrop5 {
	margin:0 auto;
	background:url(../images/backdrop5.png);
	position:relative;
	width:800px;
	height:900px;
}
#backdrop6 {
	margin:0 auto;
	background:url(../images/backdrop6.png);
	position:relative;
	width:800px;
	height:570px;
	
}

#backdropL { 
		margin:0 auto; 
		width:800px; 
		height:2500px; 
		background:url(../images/backdropL.png); 
		
		 
	}
	
#content6 { 
				margin: 50px 50px 50px 50px;
				width:706px; 
				height:570px;
				background-color:transparent; 
				 
			}
#content3 {
	margin: 50px 50px 50px 50px;
	width:706px;
	background-color:transparent;
}
#content3 a {
	font-size:30px;
	text-decoration:none;
	color:#f1dabe;
}
#content3 li {
	text-decoration:none;
	list-style-type:none;
}
#content3 p {
	color:#f1dabe;
}

#content3 img {
	padding-top:10px;
}
#content2 ul li {
	font:16px/16px Georgia, 'Times New Roman', Times, serif; 
	display:inline;
	margin-left: .3em;
	margin-right: 5%;
	margin-top: .3em;
	margin-bottom: .3em;
}
#content2 ul li a {
	color:#f1dabe;
}
#content2 ul li A:hover {
	color:#ffffff;
}
	

.hidden A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden2 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 400px;
visibility: hidden;
z-index: 3;
}
.hidden2 A:hover span {
position: absolute;
left: 280px;
top: -29px;
border: none;
width: 600px;
height: 400px;
visibility: visible;
z-index: 3;
}

.hidden3 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden3 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden4 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden4 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden5 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden5 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden6 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden6 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}

.hidden7 A span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: hidden;
z-index: 3;
}
.hidden7 A:hover span {
position: absolute;
left: 280px;
top: 0;
border: none;
width: 600px;
height: 310px;
visibility: visible;
z-index: 3;
}
.emailLink {
	text-decoration:none;
	color:#ffcc33;
}
a#humidor01 {
	border:medium;
	border-color:#f1dabe;
	display: block;
    width: 500px;
    height: 200px;
    background-image: url(../images/photos/humidor01.png);
    background-position: 0 0;
    margin: 0 auto;
}
a#humidor01:hover {
	 background-position: 0 -250px;
}
 a .alt { display: none; }

table {
	border-collapse:collapse;
	width:100%;
}
table, th, td {
	border:1px solid #000;
}
th {
	height:50px;
	color:#000;
	Background:url(../images/tdBack.jpg);
}
tr {
	text-align:right;
	padding:15px;
	color:#f1dabe;
	Background:url(../images/thBack.jpg);
	height:30px;
}
tr.alt {
	background:url(../images/trAltBack.jpg);
}
#cPL {
	position:relative;	
	left:-200px;
	text-align:center;
	width:150px;
	height:100%;
	
	visibility:visible;
	color:#f1dabe;
	background-image:url(../images/menuBack.png);
	
}
#cPL ul {
	text-decoration:none;
	text-align:right;
	padding:0px 5px 0px 5px;
	
}
#cPL ul span {
	display:none;
	height:0px;
	width:0px;
	visibility:hidden;
}
#cPL ul:hover {
	color:#fff;
}
#cPL ul:hover span{
	display:block;
	visibility:visible;
	position:relative;
	left:30px;
	
}
#cPL ul li span{
	display:none;
	visibility:hidden;
}
#cProducts {
	position:relative;
	top:-20px;
	left:115px;
	text-align:left;
	width:200px;
	height:200px;
	border:1px solid #000;
	background:#000;
	color:#f1dabe;
	background-image:url(../images/boxBackMenu.jpg);
	
	
}
#cProducts li{
	padding-left:5px;
	width:150px;
}
#cProducts li #table1{
	display:none;
}
#cProducts li:hover{
	color:#fff;
	background-image:url(../images/labelS.png);
	
}
#cProducts li:hover #table1{
	display:block;
}

#table1 {
	width:500px;
	position:relative;
	left:190px;
	top:-15px;
}
.xl1511738 /*Grey Header Style*/
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:center;
	vertical-align:center;
	background:#CCC;
	mso-pattern:#FFF none;
	white-space:normal;}
.xl6311738 /*White Background Header 2*/
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:windowtext;
	font-size:14.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:center;
	vertical-align:bottom;
	background:white;
	mso-pattern:#FFCC00 none;
	white-space:normal;}
.xl6411738 /*Light Green*/
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:windowtext;
	font-size:14.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	background:#8fb73f;
	mso-pattern:#99CC00 none;
	white-space:normal;}
.xl6511738 /*Dark Green*/
	{padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	mso-ignore:padding;
	color:windowtext;
	font-size:14.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, sans-serif;
	mso-font-charset:0;
	mso-number-format:General;
	text-align:general;
	vertical-align:bottom;
	border-top:.5pt solid black;
	border-right:1.0pt solid black;
	border-bottom:.5pt solid black;
	border-left:1.0pt solid black;
	background:#699a0b;
	mso-pattern:aqua none;
	white-space:normal;}

.footer_content {
	margin-left:auto;
	margin-right:auto;
	align:center;
	width:650px;		
}