/* CSS Document */
body {
 margin:0px;
 padding:0px;
 background:url(../images/bg_main.gif) repeat-x;
 color:#fff;
 font: 10px verdana;
}

a:link { color:#0000CC; text-decoration:none}
a:visited { color:#0000CC; text-decoration:none}
a:hover { color:#FFFFFF; text-decoration:none; cursor:hand}
a:active { color:#0000CC; text-decoration:none}

#container {
 width:700px;
 /*this will be the left background color */
 background:#6767C2 url(../images/bg_left.gif) repeat-x;
 background-position:0px 56px;
 /*margin:auto;*/
 border:1px solid #0066FF;
 text-align: center;
 position: relative;
 
 
}

#header {
 height:70px;
 border-bottom:1px solid #0066FF;
 text-align:center;
 background:url(../images/navigation.gif) no-repeat;
 position: relative;
 z-index: 1;
}

p#logo {
    background:url(../images/logo.gif) no-repeat;
    background-position: 5px 0px;
    height: 189px;
    margin-top: 80px;
	border: 0px solid red;
}

#footer {
 clear:both;
 border-top:1px solid #0066FF;
 height:5px;
 background:#fff;
 text-align:center;
 line-height:3px;
 font-size:2px;
}

#middle {
 border-left:1px solid #0066FF;
 background: #4848B6;
 margin-left:173px;/*this is the space for the left column */
 position: relative;
}

#left {
 margin-left:-173px;/*must be 1 pixel less than width */
 float:left;
 width:173px;/* this width is the same as the margin on #middle */
 position:relative;
 left:-2px;/* line it up exactly without losing pressure on footer*/
 height:350px;
}
h5.contentbox  {
 color:#fff;  
 font: bold 14px verdana;
 text-align: left;
}
#aboutpic {
  background:url(../images/about_bg.jpg) no-repeat;  
  background-position: 0px 0px;
  border: 0px solid red;
  height: 360px;
  margin-bottom: 0px;
  padding: 0px;
}
p.contentbox {
    color: #fff;
	text-align: left;
    padding: 8px;
    /*background:#42429A; */
    text-indent: 1.5em;
    background:url(../images/arrow.gif) no-repeat;
    background-position: 8px 8px;
}

.secondary{
	text-align: left;
	text-indent: 1.5em;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

h5.tenpixleft {
 margin-left: 10px;
 margin-top:-15px;
 margin-bottom: 5px;
 color:#fff;  
 font: bold 14px verdana ;
 position:relative;

 }

.divbox {
  border: 0px solid red;
  padding: 0px;
  margin-top: -70px;

}

.divbox ul {
  margin-top: 0px; 
  margin-left:10px;  
  list-style-type: none;  
  border:0px solid green;}
  
.divbox li {
    list-style-type:none;
	background: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom:8px;
	padding-left: 10px;
	border: 0px;
	margin: 0 0 -5px 0px;
}

ul#nav  {
list-style-type: none;
text-align: left;
width: 160px; 
margin-left: 5px;
font-weight: bold ;
line-height: 17px;
margin-top: 0px;
}
.imageholder {
     vertical-align: top;
}

.contacttext {
     padding: 3px;
}

.socialpad {
	padding-left: 2px;
	border: 1px solid #FFFFFF;
}

/* Video Pop Up */
#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
   height:400px;
}
#popUpDiv {
	position: static;
	background-color:#eeeeee;
	width:524px;
	height:294.8px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
	left: 600px;
}