﻿/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #252E64;
	background-attachment: fixed;
	/* background-image: url(images/backgrnd.png); */
	background-repeat: repeat;	
}

img {
	margin: 0px
}

H1 {
	FONT-SIZE: 1.7em; 
	font-weight: bold; 
	font-style: italic;
	color: #C19548; /* GOLD */
	margin: 0px; 
	padding-left: 1em; 
	text-align: center;
}
H2 {
	FONT-SIZE: 1.5em; 
	font-weight: bold; 
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	border-bottom-color:#2C3580; 
	color: #2C3580; 
	margin: 0px; 
	padding-left: 1em; 
}

p 
{ 
		padding-left: 10px; 
		padding-right: 5px; 
}

.center{
	text-align: center;
				
}


pre { Margin-left: 10px; }

ul.bullet{ 
	margin-left: 18px;
	list-style:disc; 
	}  
ul.bullet li{ 
	font-size: 1.0em; 
	list-style-image: url("images/bullet.png"); 
	}

b { color: Navy; font-weight: bold; }
strong { color: Navy; font-weight: bold; }

.header{
	text-align:center;
	background-image:url('images/HdrTile.png');
	background-size: auto 100%;
	line-height:0; /* needed so that images do not get bottom border */
	white-space:nowrap;
}

.headerLeft{
	display: block;
	vertical-align:bottom;
	float:left;
	width: 25%;
}

.headerCenter{
	display: block;
	float:left;
	width: 50%;
}

.headerRight{
	display: block;
	float:left;
	width: 25%;
}


.footer{
	display: block;
	border: 1px navy solid; 
	background-color: #050E44; /* NAVY */
	color: #C19548; /* BRIGHT GOLD */
	padding: 6px;
	text-align:center;
}


.menu{
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: #050E44; /* NAVY */
}

.not_in_menu{
	background-position: left top;
	background-image: url(images/menubkgd.png);
	background-repeat: repeat;	
}

.nav {
    clear: both;
    font-size: 12px;
    padding:0px;
    margin: 0px;
}

.nav li{
	padding: 0px;
	margin: 0px;
	margin-right: 4px;
	display:inline-block;
}

.nav li img{
	margin: 0px;
	padding: 0px;			
}

.price{
	float: right; 
	color: red;				
}
.picdiv{
	margin-left: 220px; 
	clear:none;
}

.caption{
	display: block;
	border: 1px #003060 solid; 
	background-color: #004070; /* NAVY */
	color: #E8B868; /* BRIGHT GOLD */
	padding-left: 8px;
	padding-top:  6px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 1.2em;
	min-height: 27px;
	text-align:center;
}

.content{
	display: block;
	border: 1px #003060 solid; 
	background-color: #FFFFFF;
	padding: 6px;
}

.part_intro{
	display: inline-block;
	margin: 0.4% 0.4% 0.4% 0.4%;
	background: #C19548; /* DULL GOLD - effectively the border */
	width: 22%;	
	padding: 6px; 
	text-align:left;
	vertical-align:top;
}

.content_intro{
	display: block;
	border: 1px navy solid; 
	background-color: #FFFFFF;
	padding: 6px;
	min-height: 438px;	
}

.part_facebook{
	display: inline-block;
	margin: 0.4% 0.4% 0.4% 0.4%;
	background: #C19548; /* DULL GOLD - effectively the border */
	padding: 6px; 
	width: 380px;
	text-align:left;
}

.content_facebook{
	display: block;
	border: 1px navy solid; 
	background-color: #FFFFFF;
	padding: 0px;
	min-height: 448px;	
}

.part_news{
	display: inline-block;
	margin: 0.4% 0.4% 0.4% 0.4%;
	background: #C19548; /* DULL GOLD - effectively the border */
	width: 22%;
	padding: 6px; 
	text-align:left;
	vertical-align:top;
}

.content_news{
	display: block;
	border: 1px navy solid; 
	background-color: #FFFFFF;
	padding: 6px;
	min-height: 438px;	
}


.part_video{
	display: inline-block;
	margin: 0.4% 0.4% 0.4% 0.4%;
	background: #C19548; /* DULL GOLD - effectively the border */
	width: 22%;
	padding: 6px; 
	text-align:left;
	vertical-align:top;
}

.content_video{
	display: block;
	border: 1px navy solid; 
	background-color: #FFFFFF;
	padding: 6px;
	min-height: 438px;		
	vertical-align: middle;
}


.part_1_of_1{
	display: block;
	float:left;
	margin: 0.4% 0.4% 0.4% 0.4%;
	background: #C19548; /* DULL GOLD - effectively the border */
	width: 98.4%;
	padding: 0.4%; 
}

.part_x{
	display: block;
	float:left;
	margin: 0.4% 0.4% 0.4% 0.4%;
	background: #C19548; /* DULL GOLD - effectively the border */
	width: 47.2%;
	padding: 0.4%; 
}

.videobox{
	width: 100%;	
    margin-left: auto;
    margin-right: auto;
}


.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;  
}

/* 4x3 Aspect Ratio 75%;
 */

.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.subpart{
	padding: 0px;
	margin: 0px;
	display:inline-block;
	width: 40%;
}

.part_main{
	clear:both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


@media only screen and (max-width: 1500px) {

.part_intro{
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 48%;
}

.part_facebook{
	float: none;
	margin-left: auto;
	margin-right: auto;
	min-width: 48%;
	text-align: center;
}

.part_news{
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 48%;
}
  
.part_video{  
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 48%;
}

.part_x{
	width: 48%;
  }

}


@media only screen and (max-width: 900px) {

.part_1_of_1{
	margin: 1% 1% 1% 1%;
	width: 95%;
	padding: 1.5%; 	
}

.part_x{
	margin: 1% 1% 1% 1%;
	width: 95%;
	padding: 1.5%; 	
  }
  
.part_intro{
	width: 95%;
	padding: 1.5%; 	
}
  
.part_news{
	width: 95%;
	padding: 1.5%; 	
}

.part_facebook{
	width: 95%;
	padding: 1.5%; 	
}

.part_video{
	width: 95%;
	padding: 1.5%; 	
}

.content_intro{
	min-height: 100px;			
}

.content_news{
	min-height: 100px;			
}

.content_video{
	min-height: 100px;			
}
 
.subpart{
	width: 80%;
}
  
.picdiv{
	margin-left: 0px; 
	clear: both;
}

  
}

