/* This design includes ideas from Rick Noble and Andreas Viklund and CSS Garden*/

body {background: #2c536a url(img/bg.gif) repeat-y top center; font:76% Verdana,Tahoma,Arial,sans-serif; margin:0 auto; padding:0;}

/* Main layout and header */
#wrap {background:#fff; color:#303030; margin:0 auto; padding:1px 5px; width:760px;
background:transparent;}

#header {background: url(img/front.jpg) no-repeat 90% 60%; height:290px; margin:0 0 10px; padding:0;
border-bottom: dashed 2px #959595 dotted !important;
}
#headersmall {background: url(img/popart-pop.jpg) no-repeat 100% 50%; color:#505050; height:16em; min-height:130px; margin: 4px 60px 10px 0em;}

#headersmall img
{padding: 0px 30px 4em 0px
}

#header h1,#headersmall h1 {font-size:1.2em; font-weight:100; letter-spacing:-1px; margin: 0px 380px 4px 45px;
}

/*Comment-original:  #header h1,#headersmall h1 {font-size:1.8em; font-weight:400; letter-spacing:-2px; margin: 0px 0em 4px 45px;
}*/


#header h1 a,#header h1 a:hover,#headersmall h1 a,#headersmall h1 a:hover{font-weight:200; padding:0;}

#header p,#headersmall p {font-size:1.1em; letter-spacing:-1px; margin: 0em 0em 20px 45px;}

#header h2,#headersmall h2 {font-size:2.2em; letter-spacing:-1px; margin: 0px 240px 0px 90px;
font-weight: 300;
line-height: 1em;}

#header h3,#headersmall h3 {font-size:1.5em; letter-spacing:-1px; margin: 0px 0em 20px 90px;
font-weight: 400;
color: #aa2a00;}

#header h4,#headersmall h4 {font-size:1.2em; letter-spacing:-1px; margin: 0px 140px 0px 240px;
font-weight: 200;
color: #aa2a00;}

#header h5,#headersmall h5 {font-size:0.9em; letter-spacing:-1px; margin: 0px 140px 0px 240px;
font-weight: 200;
color: #aa2a00;}

#header p bubble {font-size:1.1em; letter-spacing:-1px; margin: 0em 0em 20px 45px;}

#header ul,#headersmall ul  
{
list-style-type: none;
padding: 0;
margin-left: 1em;
width: 340px;
background-position: 0px;
margin-top: 0.2em;
margin-bottom: 1em;
font-size: 14px;}

li
{
background-image: none;
background-repeat: no-repeat;
background-position: 10px .4em;
padding-left: 0.5em;
margin: 1.0em 0em 1em 3em;
padding-bottom: 1em;
}



/*Ric's Top nav bar*/


#nav-main {
position: relative;
top: 15px;
width: 70%;
line-height: 1.4em;
font-family: Verdana,Tahoma,Arial,Sans-Serif;
left: 50px;
font-size: 0.9em}


#nav-main ul {
margin:0;
}

#nav-main ul li {
display:inline;
background:transparent;
border:none;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:3px;
padding-bottom:2px !important;
padding:0;
}

#nav-main a {
margin-right:-3px !important;
padding-bottom:2px !important; text-decoration:none; margin-left:0 !important; margin-top:0 !important; margin-bottom:0 !important; padding-left:3px !important; padding-right:3px !important; padding-top:0 !important
}

#nav-main ul li a.current {
border-top:5px solid #FFF;
background:#FFF;
}

#nav-main li:hover {
background-color:#FFF;
border:none;
border-top:5px solid #FFF;
color: #4e98bf;
}

#nav-main li a:hover {
background-color:#FFF;
color: #5499b8;
}



/* Left sidebar and menu */
#leftside {clear:left; float:left; margin: 145px 0px 10px 15px; width:220px; height:750px;
font-family: Georgia, serif;
position: relative;
top: -265px;
left: 12px;}

#leftsidesmall {clear:left; float:left; margin: 90px 0em 10px 15px; width:150px; height:750px;
font-family: Georgia, serif;}

#leftside ul.avmenu {list-style:none; margin: 0em 0em 0px 0em; padding:0; width:228px;
background-image: url(img/navtop.jpg);
height:51px;
background-repeat: no-repeat;}

#leftside ul.avmenu li {display:inline; padding:0; width: 120px}

#leftside ul.avmenu li a {background:transparent; color:#2F313B; float:left; text-decoration:none;
font-size: 1em; width:138px;
margin-left: 35px;
margin-bottom: 0.6em;}

.firstline
{text-transform: uppercase;
padding: 10px 1px 3px 5px;
margin-bottom:0px;
border-top: 2px #345c62 dotted;
font-variant: small-caps;
font-size: 1em;
font-weight: 400;}

.secondline
{text-transform: none; 
padding: 0px 0px 0px 0px;
margin: 0em 10px 0em 30px !important;
font-weight: 200;
font-size: 1em;
text-align: right;}


#leftside ul.avmenu li a:hover
{background:transparent; color:#505050;
text-decoration: underline;}

#leftside ul.avmenu li a.current {background:transparent; color:#505050;
}

#leftside ul.avmenu ul {font-size:0.9em; margin-bottom:5px; 
padding:5px 1px 5px 5px; 
width:133px;}

#leftside ul.avmenu ul a 
{width:123px;}

#leftside ul.avmenu ul ul {font-size:1em; width:120px;}

#leftside ul.avmenu ul ul a {width:108px;}

#leftside h5 {font-size:1.3em; font-weight:400;
margin-left: 15px;
margin-top: 0em;
border-bottom: 2px #345c62 dotted;
width: 145px;
visibility: visible;
padding-bottom: 4px;
text-align: right;}

/* Google Adsense divs */

#ad1 {
width: 200px;
float:left;
height: 60px;
position: relative;
left: -280px;
right: 0px;
bottom: 0px;
top: 80px;
}

#adside {
width: 200px;
float:left;
height: 60px;
position: relative;
left: 45px;
right: 0px;
bottom: 0px;
top: -172px;
margin-top: 25px;}

#adsright {
float: right;
left: 15px;
bottom: 0px;
margin-top: 15px;
position: relative;
height: 240px;
width: 140px;
}

/* rics divs */


#leftside ul.avmenu2 {list-style:none; margin: 0em 0em 0px 0em; padding:0; width:235px;
background-image: url(img/nav2.jpg);
height:500px;
background-repeat: repeat-y;}

#leftside ul.avmenu2 li {display:inline; padding:0; width:150px;}

#leftside ul.avmenu2 li a {background:transparent; color:#505050; float:left; text-decoration:none; width:110px;
margin-left: 10px;
margin-top: 0em;}

.firstline
{text-transform: uppercase;
padding: 10px 1px 3px 5px;
margin-bottom:0px;
border-top: 2px #345c62 dotted;
font-variant: small-caps;
font-size: 1em;
font-weight: 400;}

.secondline
{text-transform: none; 
padding: 0px 15px 5px 5px;
font-weight: 200;
font-size: 0.8em;}

.navimage
{
float:left;
position: relative;
left: 70px;
bottom: 0px;
top: 0px;
margin-top: 6px;}


#leftside ul.avmenu2 li a:hover
{background:transparent; color:#505050;
text-decoration: underline;}

#leftside ul.avmenu2 li a.current {background:transparent; color:#505050;
}

#leftside ul.avmenu2 ul {font-size:0.9em; margin-bottom:5px; 
padding:5px 1px 5px 5px; 
width:133px;}

#leftside ul.avmenu2 ul a 
{width:123px;}

#leftside ul.avmenu2 ul ul {font-size:1em; width:120px;}

#leftside ul.avmenu2 ul ul a {width:108px;}

#leftside avmenu2 h5 {font-size:1.1em; font-weight:400;
margin-left: 25px;}

#leftside ul.avmenu3 {list-style:none; margin:0 0 0px; padding:0; width:255px; height: 160px;
background-image: url(img/navbott.jpg);
background-repeat: no-repeat;}

#leftside ul.avmenu3 li {display:inline; padding:0; width:150px;}
#leftside ul.avmenu3 li a {background:transparent; border:none; color:#505050; float:left; font-size:1em; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:138px;
margin-left: 3em;}
#leftside ul.avmenu3 li a:hover,#leftside ul.avmenu li a.current {background:transparent; border:none; color:#505050;
height:12px}
#leftside ul.avmenu3 ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px 0; width:133px;}
#leftside ul.avmenu3 ul a {padding:3px 1px 3px 5px; width:123px;}
#leftside ul.avmenu3 ul ul {font-size:1em; width:120px;}
#leftside ul.avmenu3 ul ul a {width:108px;}
#leftside h2 {font-size:1.5em; font-weight:400;}




#leftside .announce,#leftsidesmall .announce
{background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin: 10px 0em 10px 8px; width:170px;
padding: 10px;}
#leftside p,#leftsidesmall p,.announce p {font-size:0.9em;}

/* Right sidebar */
#extras {float:right; margin:0 0 10px; padding:0; width:140px;}
#extras p,#extras ul {font-size:0.9em; line-height:1.3em; margin:0 0 1.5em; padding:0;}
#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {font-size:1.6em; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}

/* Main content variations */

#contentfront {line-height:1.5em; margin: 70px 40px 10px 270px; text-align:left; background: transparent;}

#content {line-height:1.5em; margin: 100px 80px 20px 210px; text-align:left; background: transparent;}

#contentpopart {line-height:1.5em; margin: 300px 60px 10px 70px; text-align:left; background: transparent;}

#content-one {line-height:1.5em; margin: 35px 80px 10px 80px; text-align:left; background: transparent;}

#content h2,#contentpopart h2,#content-one h2,#contentfront h2 {font-size:1.6em; font-weight:200; letter-spacing:-1px; margin:8px 0 10px; padding:0;
line-height: 1.2em;
padding-bottom: 0.5em;}

#content h3,#contentpopart h3,#content-one h3,#contentfront h3  {font-size:1.3em; font-weight:200; margin:6px 0; padding:0;}

#content h4,#contentpopart h4,#content-one h4  {font-size:1.3em; font-weight:200; margin:6px 0; padding:0;
color: #10496c;}

#content h5,#contentpopart h5,#content-one h5  {font-size:1.1em; font-weight:200; margin: 1em 0em 1em 0em; padding:0;
}

#content img,#contentpopart img,#content-one img,#contentfront img
 {background:#ccc; border:none; display:inline; padding:0; margin: 0em 10px 30px 10px}

#content ul,#content ol,#contentpopart ul,#contentpopart ol,#content-one ul,#content-one ol
 {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentpopart ul ul,#contentpopart ol ol,#content-one ul ul,#content-one ol ol {margin:2px 0 2px 20px;}
#content li,#contentpopart li,#content-one li {margin:0 0 2px 10px; padding:0 0 0 4px;}

/*popartpages image headers */

#contentpopart h2.print
{
background-image: url(img/pops/print-header.gif);
background-repeat: no-repeat;
text-indent: 3em;
line-height: 3em;
margin-left: 20px;
}

#contentpopart h2.cut
{
background-image: url(img/pops/cut-header.gif);
background-repeat: no-repeat;
text-indent: 3.0em;
line-height: 2.4em;
margin-left: 20px;
}


#contentpopart h2.make
{
background-image: url(img/pops/make-header.gif);
background-repeat: no-repeat;
text-indent: 3.0em;
line-height: 3em;
margin-left: 20px;
}

#contentpopart h2.page
{
background-image: url(img/pops/steps-header.gif);
background-repeat: no-repeat;
text-indent: 3.0em;
line-height: 3em;
margin-left: 20px;
}




/* Footer */
#footer {background:#fff; border-top:2px solid #dadada; clear:both; color:gray; font-size:0.8em; margin:0 auto; padding:8px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;
padding-left:4em;
padding-right:4em;
}
#footer a {background:inherit; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:underline; font-weight:300;}

a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}

p {margin:0 0 16px;
font-size: 1em;
line-height: 1em;}

p.printview {display:none;}
p.screenview {display:inline;}

blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

/* Tables and forms */
table {border-collapse:collapse; line-height:1.3em; width:100%; padding:0; text-align:left; margin-left:0; margin-right:0; margin-top:0; margin-bottom:16px}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {padding:2px; text-align:left;}
td {padding:2px; text-align:left;
}
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {margin:2px;}
input {width:200px;}
textarea {width:400px;}

/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}

/* Various classes */
.announce h2
{margin:0 0 10px; padding:0;}
.textright {margin:-10px 0 4px; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em; line-height: 1.4em;}
.large {font-size:1.3em;}
.highlighted {background:#f0f0f0; border:1px solid #b0b0b0; color:#303030; padding:3px;}
.button {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; font-weight:700; margin:0 0 15px; padding:7px 7px 7px 11px; width:120px;}
.left {float:left; margin: 10px 28px 5px 0px}
.right {float:right; margin:10px 0 5px 10px;}

.dashedline 
{
margin-top: 0em;
border-top: 1px #959595 dashed;
min-width: 600px;
}

.sales_info
{font-size: 0.8em}

.narrow

{margin: 0em 200px 16px 0em
}

.handimage
{
background-image: url(img/hand.gif);
background-repeat: no-repeat;
text-indent: 4.0em;
line-height: 1.7em;
}

.row
{
position: relative;
margin: 0em
}

.floatright
{
float: right;
margin-top: 0em;
margin-right: 40px;
width: 170px
}

.floatleft
{
float: left;
margin-right: 25px;
margin-top: 0em
}