/* Presentation Stylesheet */ 
p {
 padding: 0 15px;
 font-size: 85%; 
 font-weight: bold;
 color:#28684D;
 }

 h1 {
 margin:0; 
 padding: 5px 0;
 font-weight: bold;
 color:#28684D;
 text-align: center;
 margin-left:auto; 
 margin-right:auto;
 }
 
 h3 {
 margin:0; 
 padding: 5px 0;
 font-weight: bold;
 color:#28684D;
 }
 
 h4 {
 margin:0; 
 padding: 5px 0;
 font-weight: bold;
 color:#28684D;
 }
 
 h2 {
 margin:5px; 
 padding: 5px 0;
 font-size: 95%; 
 font-weight: bold;
 color:#507EB9;
 }
     
 img.left_13	{
 float: left;
 margin-right: 13px;
 border: none;
 text-decoration: none; 
 }

 img.30  {
 margin: 30px;
 border: none;
 text-decoration: none; 
 }

p:first-letter {
 font-size: 200%; 
 font-weight: bold;
 color:#28684D;
 }
 
td {
 border: 2px solid #507EB9;
 text-align: center;
 background-color: #28684D;
 color:#ffffff; 
  }

tr {
 border: 2px solid #507EB9;
 text-align: center;
 background-color: #28684D;
 color:#ffffff; 
  }

table {
 border: 2px solid #507EB9;
 text-align: center;
 background-color: #28684D;
 color:#ffffff; 
  }

table.center {margin-left:auto; margin-right:auto;}

.nofirstletter  {
 font-size: 85%; 
 font-weight: bold;
 color:#800080;
  }

.italic  {
	font-style: italic;
	}
	
.footer  {
 text-align: center;
 font-size: 65%; 
 font-weight: bold;
 color:#000000;
 }

.alignleft {
	text-align:left	
}

.centered {
   text-align: center;
 }	
.centeredImage {
   display: block;
   margin-left: auto;
   margin-right: auto;
   border: none;
 }

.image {
   border: 2px solid #507EB9;
   	}
   	
.container {
   position: relative;
   height: 200px;
   }

.left-element {
   position: absolute;
   left: 0;
   width: 50%;
   }

.right-element {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right; /* depends on element width */
   }
   
.container2 {
	position: relative;
	height: 495px;
}

.left-element2 {
   position: absolute;
   left: 0;
   width: 50%;
   }

.right-element2 {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right; /* depends on element width */
   }
   
.left-element3 {
   position: absolute;
   left: 0;
   width: 52%;
   }

.right-element3 {
   position: absolute;
   right: 0;
   width: 48%;
   text-align: right; /* depends on element width */
   }   

.container3 {
	position: relative;
	height: 200px;
}

.element3 {
	position: relative;
	left: 0;
	width: 100%;
	text-align: left;
}
   
.container4 {
   position: relative;
   height: 300px;
   }

.element4 {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: right;
   }

.container5 {
	position: relative;
	height: 600px;
	}

.left-element5 {
   position: absolute;
   left: 0;
   width: 15%;
   }

.right-element5 {
   position: absolute;
   right: 0;
   width: 85%;
   text-align: right; /* depends on element width */
   }
   
.container6 {
   position: relative;
   height: 850px;
   }

.element6 {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: right;
   }   


.greenbullets
{
 padding: 0 15px;
 font-size: 85%; 
 font-weight: bold;
 color:#28684D;
 text-align: left;
 }
.container7 {
   position: relative;
   height: 500px;
   }

.left-element7 {
   position: absolute;
   left: 0;
   width: 40%;
   }

.right-element7 {
   position: absolute;
   right: 0;
   width: 60%;
   text-align: right; /* depends on element width */
   }
   
.container8 {
	position: relative;
	height: 880px;
}

.element8 {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center;
   } 
   
.container9 {
   position: relative;
   height: 1000px;
   }

.element9 {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center;
   } 

.container10 {
   position: relative;
   height: 738px;
   }
.container11 {
   position: relative;
   height: 2100px;
   }
   
.container12 {
   position: relative;
   height: 1920px;
   }


.left-element10 {
   position: absolute;
   left: 0;
   width: 47%;
   }

.right-element10 {
   position: absolute;
   right: 0;
   width: 53%;
   text-align: right; /* depends on element width */
   }
.container12 {
   position: relative;
   height: 400px;
   }

.element12 {
   
   top: -140px; 
   position: absolute;
   left: 0;
   width: 100%;
   text-align: center;
   } 

.container13 {
   position: relative;
   height: 350px;
   }

.element13 {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: left;
   }
   
.container14 {
   position: relative;
   height: 390px;
   }

.element14 {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: left;
   }
   
.container15 {
   position: relative;
   height: 550px;
   }

.element15 {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: right;
   } 
   
   
.container16 {
   position: relative;
   height: 1200px;
   }

.element17 {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: right;
   } 

.container17 {
   position: relative;
   height: 1300px;
   }

.element16 {
   position: absolute;
   left: 0;
   width: 100%;
   text-align: right;
   } 
.container18 {
   position: relative;
   height: 1250px;
   }

.container19 {
	position:relative;
	height: 1000px;	
}

.element19 {
	position:absolute;
	left: 0;
	width:100%;
	text-align:right
}

.imgshopfront {	
	padding:5px 25px 5px 25px;
	float: left;
}
.imgshopfrontdvd {	
	padding: 5px 68px 5px 55px;
	float: left;
}   

.shopfrontitems {
    position: relative;
	margin-left: auto;
    margin-right: auto;
	width: 95%;
	height: 10%;
	border: 6px double #507EB9;
	background:#ffffff;
	text-align: center;
}
.container19 {
   position: relative;
   height: 720px;
   }
 
.container20 {
   position: relative;
   height: 560px;
   }

.container21 {
   position: relative;
   height: 325px;
   }

.container22 {
   position: relative;
   height: 555px;
   }
    
 .container23 {
   position: relative;
   height: 445px;
   }

 .container24 {
   position: relative;
   height: 445px;
   }
   
 .container25 {
   position: relative;
   height: 455px;
   }
   
    .container26 {
   position: relative;
   height: 595px;
   }



    
p.smaller
{
 padding: 0 15px;
 font-size: 80%; 
 font-weight: bold;
 color:#28684D;

 }
 
 p.larger
{
 padding: 0 15px;
 font-size: 95%; 
 font-weight: bold;
 color:#28684D;

 }
	

#navigation {
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-top: 1px solid #507EB9;
	border-bottom: 1px solid #507EB9;
}
#navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #507EB9;
	border-right: 1px solid #507EB9;
	background-color: #D1AC92;
	color: #ffffff;
	text-decoration: none;
	font-size: 75%; 
 	font-weight: bold;
}
#navigation li a:link  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #507EB9;
	border-right: 1px solid #507EB9;
	background-color: #D1AC92;
	color: #ffffff;
	text-decoration: none;
	font-size: 75%; 
 	font-weight: bold;
}
.normal_font {
	font-weight: normal;
}
.no_border {
	border-width: 0px;
}
#navigation li a:hover {
	background-color: #F4861F;
	color: #000000;
}