/*----------------------------------------------------------------------------------------------*/	
/* style sheet for PenCity.com, owner: Lamar Franklin,  Author:dianebauman@windstream.net*/
/* colors used:  Navy Blue: #336, light blue: #eaeaf6, green background: #748a21 */
/*----------------------------------------------------------------------------------------------*/	
/*----------------------------------------------------------------------------------------------*/	
/* this is just a universal re-set*/
/*----------------------------------------------------------------------------------------------*/	
* {
		vertical-align: baseline;
		font-weight: inherit;
		font-family: inherit;
		font-style: inherit;
		font-size: 100%;
		border: 0 none;
		outline: 0;
		padding: 0;
		margin: 0;
	}
/*----------------------------------------------------------------------------------------------*/	
/*----- this is the best place to set the styles for your entire site, such as font family. --*/
/*-----------------This also centers the page on the browser window --------*/	
/*----------------------------------------------------------------------------------------------*/	
body {
	margin:0 auto;
	background: url(/images/menunav/bg.jpg) top center no-repeat #748a21;
	font-family:"Times New Roman", Times, serif;
		}
a {
	color:#336;
	font-family:"Times New Roman", Times, serif;
		}
a img {
		border-top-style: none;
}
		
img.centered {
			display:block;
			margin-left: auto;
			margin-right: auto;
}
		
select {
		color:#336;
		background-color:#ddd;
		font-weight:bold;
		border-width:4px;
}

input, textarea{
		color:#336;
		background-color:#ddd;
		font-weight:bold;
		border-width:4px;
}
/*----------------------------------------------------------------------------------------------*/	
/* -----these are your various divs.  the wrapper is just there for safetys sake.--------- */
/*------The content is the white box where most of the content goes and it falls below the header.----------*/
/*------The header div is on all pages except the first page -.----------*/
/*----- that one has the header1 div which is a little taller to accomodate the larger graphic----- */
/*----------------------------------------------------------------------------------------------*/	
#wrapperpc {  
		width: 1000px;
		margin:0 auto;
		}
#headerpc {
		height:75px;
		}
#headerpc1 {
		width:900px;
		height:255px;
		margin:0 auto;
		text-align:left;
		}
#contentpc {
	margin:0 auto;
	width:900px;
	background:url(/images/menunav/navbar.gif) top repeat-x white;
	padding:0 10px 0 10px;
	text-align: left;
		}
#catalog_contentpc  { 
		float:right; 
		width:460px; 
		}
#navigationpc {
		margin:0 auto;
		margin-bottom: 10px;
		width:900px;
		padding-left:100px;
		}
#footerpc { 
		text-align:right; 
		color: #336; 
		background:url(/images/menunav/footer.gif) top right no-repeat; 
		height:150px;  
		}
		
/*----------------------------------------------------------------------------------------------*/		
/*--------- now come the styles for your text --------*/
/*----------------------------------------------------------------------------------------------*/	
p {
	font-size: 15px;
	font-weight:bold;
	color: #336;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

.black{color:#000;
font-weight:bold;
display:inline;
}


.green{color:#060;
font-weight:bold;
display:inline;
}

.ltblue {color:#00F;
font-weight:bold;
display:inline;
}

.reditalic {color:#F00;
font-style:italic;
display:inline;
}

.new {color:#F00;
font-style:italic;
display:inline;
}

.maroon {color:#800;
font-weight:bold;
display:inline;
}

.navy {color:#336;
font-weight:bold;
display:inline;
}

.purple {color:#90F;
font-weight:bold;
display:inline;
}

.red {color:#F00;
font-weight:bold;
display:inline;
}

.white {color:#FFF;
display:inline;
}

.yellow {color:#F90;
font-weight:bold;
display:inline;
}

#headerpc1 p { 
	margin-right:330px; 
	margin-top:-226px; 
	color:white; 
	margin-left: 40px; 
	}
#footerpc p {
	padding-top:10px;
	font-size:12px;
	margin-right:600px;
}
h1 {
	font-size: 34px;
	color: #336;
	font-weight: bold;
	margin-bottom:10px;
	font-family:"Times New Roman", Times, serif;
}
h2  {
	font-size: 27px;
	color: #336;
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
}
h3  {
	font-size: 20px;
	color: #336;
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
}

h4  {
	font-size: 15px;
	color: #336;
	font-weight: bold;
	font-family:"Times New Roman", Times, serif;
}

.clear {
	clear:both;
}
/*----------------------------------------------------------------------------------------------*/	
/*-----------these are your various lists -----------*/
/*----------------------------------------------------------------------------------------------*/	

/*----------------------------------------------------------------------------------------------*/	
/*---------these are the lists you use on each brand page for the pictures of individual pens ----------*/
/*----------------------------------------------------------------------------------------------*/	
ul.leftpc { 
	float: left;
	width: 440px;
	color: #336;
	text-align:center;
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0; 
	border-right:4px white solid;
}

ul.rightpc { 
	float: right; 
	width: 440px;
	color: #336;
	text-align:center;
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0; 
	}

ul.middlepc {
	text-align:left;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
}
/*----------------------------------------------------------------------------------------------*/
/*------------------For 50% Off Page -----------------------------------------------------------*/
ul.leftpcdis { 
	float: left;
	width: 430px;
	color: #336;
	text-align:left;
	font-size:20px;
	line-height:25px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
}

ul.rightpcdis { 
	float: right; 
	width: 430px;
	color:#336;
	text-align:left;
	font-size:20px;
	line-height:25px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0; 
	}


/*-----------------------------------------------------------------------------------*/

ul.leftpcb { 
	float: left; 
	width: 300px; 
	font-size:16px;
	text-align:left;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
	border-right:4px white solid;
	}
	
ul.rightpcb { 
	float: right; 
	width: 300px; 
	position: relative; 
	font-size:16px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
	border-left:4px white solid;
	}
	
ul.middlepcb {
	font-size:16px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
}

ul.leftpcr { 
	float: left;
	width: 200px;
	color: #336;
	text-align:center;
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0; 
	border-right:4px white solid;
}

ul.rightpcr { 
	float: right; 
	width: 240px;
	color: #336;
	text-align:center;
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0; 
	}

ul.middlepcr {
	color: #336;
	text-align:center;
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0; 
	}


/* for the whats new page */
ul.leftpcn { 
	float: left; 
	width: 430px; 
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
	border-right:4px white solid;
	}
ul.middlepcn {
	text-align:left;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
}

ul.rightpcn { 
	float: right; 
	width: 430px;
	color: #336;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0; 
	}

/* end of what's new page */

/* City Hall Page */
ul.leftpch { 
	float: left; 
	font-size:18px;
	color: #336;
	line-height:30px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
	}
ul.middlepch {
	text-align:left;
	font-size:18px;
	color: #336;
	line-height:30px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
}

ul.rightpch { 
	float: right; 
	color: #336;
	font-size:18px;
	color: #336;
	line-height:30px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0; 
	}

/* end of what's new page */



/* Sets the form section to the left */
#formpcl{
	float:left;
}

/* Sets the form section to the right */
#formpcr{
	float:right;
}


/* These are for a four column layout */
#sectionpcl {
float: left; /* Set this section to the left */
width:440px;
}

#sectionpcr {
float: right; /* Sets this section to the right */
width: 450px;
}

ul.leftpc4 { 
	float: left; 
	width: 215px; 
	font-size:12px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
	border-right:4px white solid;
	}
ul.rightpc4 { 
	float: right; 
	width: 215px; 
	position: relative; 
	font-size:12px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
	border-left:4px white solid;
}
/*----------------------------------------------------------------------------------------------*/	
/*-------------these are for the front page -----------------------------------------------------*/
ul.leftpc1 { 
	float: left; 
	width: 220px; 
	font-size:15px; 
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
	border-right:4px white solid;
	}
	
ul.rightpc1 { 
	float: right; 
	width: 220px; 
	position: relative; 
	font-size:15px;
	font-weight:bold;
	list-style:none; 
	margin: 0; 
	padding: 0;
	border-left:4px white solid;
	}
	
ul.middlepc1 {
	text-align:center;
}
/*----------------------------------------------------------------------------------------------*/	
/* ------------bulleted list.  Your bullets are small pens ----------*/
/*----------------------------------------------------------------------------------------------*/	
ul.bulleted_listpc {
	font-size:18px;
	font-weight:bold;
	color:#800;
	list-style-image:url(/images/menunav/bullet.gif);
	margin-left:30px;
	}

ul.fc {
	font-size:18px;
	font-weight:bold;
	color:#800;
	list-style-type:none;
	margin-left:30px;
	}


/*----------------------------------------------------------------------------------------------*/	
/*---------this is the nested list on the left column on your catalog pages .----------*/
/*---------where you can list all products made by an individual company ----*/
/*----------------------------------------------------------------------------------------------*/	
ul.catalogpc   { 
	float:left; 
	width:320px; 
	font-size:25px;
	font-weight:bold;
	list-style:none; 
	text-align:right; 
	border-right:2px solid #b9d199; 
	}
ul.catalogpc   li  {
	margin-top:20px;
	margin-left:-100px;
	padding-right:2px;
	}
ul.catalogpc a {
	color:black;
	}
ul.catalogpc ul a {
	color:#336;
	}
ul.catalogpc ul {
	font-size:15px;
	list-style:none;
	}
ul.catalogpc ul li {
	margin-top:0;
	}
	
/*--------------- Drop Down Menu CSS -----------------------*/	
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 15px;

 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 padding:none;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
 width:180px;
}

ul.dropdown ul ul li {
	font-weight: normal;
	font-size:14px;
	line-height:15px;}

ul.dropdown li:hover > ul {
 visibility: visible;
}



/* ---- and possibly this too:  (I'd have to look over it for awhile to figure out
which styles pertain to this particular dropdown). -------------*/

ul.dropdown {
 font-weight: bold;
 color: #336;
 }

        ul.dropdown li {
	padding: 7px 10px;
	border:none;
    background-color: white;     
	color: #336;
        }

        ul.dropdown li.hover,
        ul.dropdown li:hover {
         background-color: white;
         color: #336;
        }

        ul.dropdown a:link,
        ul.dropdown a:visited        { color: #336; text-decoration: none; }
        ul.dropdown a:hover          { color: #336; }
        ul.dropdown a:active         { color: #336; }


        /* -- level mark -- */

ul.dropdown li.down{
	background:url(/images/menunav/nav-arrow-down.png) no-repeat;
background-color: white;
background-position: left center;
padding-left:18px;
width: 110px;
}

ul.dropdown ul li.right{
	background:url(/images/menunav/nav-arrow-right.png) no-repeat;
background-color: white;
background-position: right center;
width:75px;
}
.pc {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-color: #336;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.JAZZLET {
	font-family: Jazz LET;
}