@charset "UTF-8";
/* CSS Document */

body {
	background-color: #74654E;
}

h1 {
  color: #B73066;
  font-family: century gothic;
  font-size: 27px;
  font-weight: normal;
  padding-bottom: 12px;
  padding-left: 20px;
  text-align: left;
}

h2 {
  color: #B73066;
  font-family: century gothic;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

#outerdiv {
	position:relative;
	width: 1220px;
	margin: 0px auto;
}

#logo{
	position:absolute;
	left:0px;
	top:40px;
	width:250px;
	height:340px;
	background-color:#ffffff;
}

#menuframe{
	position:absolute;
	left:0px;
	top:380px;
	width:250px;
	height:323px;
	background-color:#FFF5E9;
}

#menu {
  background-color: #FFF5E9;
  height: 303px;
  left: 33px;
  position: absolute;
  top: 360px;
  width: 200px;
}


#menu ul {margin:0; padding:0}
#menu li{list-style:none; margin:0; padding:0}

#socialmedia{
	position:absolute;
	left:40px;
	top:656px;
	width:200px;
	height:35px;
	background-color:#FFF5E9;
	text-align: left;
}


#central_picture{
	position:absolute;
	left:250px;
	top:40px;
	width:238px;
	height:663px;
	background-color:#FFF5E9;
}

#mainframe{
	position:absolute;
	left:488px;
	top:40px;
	z-index:0;
	width:720px;
	height:663px;
	background-color:#FFF5E9;
	background-image:url(../photos/backgroundtop_mainframe.jpg);
	background-repeat:no-repeat;
	background-position:top;
	overflow: auto;
}

#signupbox{
	position:absolute;
	left:500px;
	top:10px;
	z-index:1;
	width:690px;
	height:160px;
	background-image:url(../photos/signup-background-empty.jpg);
	background-repeat:no-repeat;
	background-position:top;
	overflow: auto;
}

#signupform{
	position:absolute;
	left:665px;
	top:58px;
	z-index:3;
	width:440px;
	height:140px;
}

#contentblock1{
	position:absolute;
	left:498px;
	top:170px;
	z-index:2;
	width:696px;
	height:533px;
	background-color:#FFF5E9;
	overflow:auto;
	padding-right:14px
}

#video{
	position:absolute;
	left:500px;
	top:505px;
	z-index:3;
	width:400px;
	height:198px;
	}

#videonew{
	position:absolute;
	left:500px;
	top:240px;
	z-index:3;
	width:400px;
	height:251px;
	}

#footer{
	position:absolute;
	left:0px;
	top:703px;
	width:1208px;
	height:40px;
	background-color:#74654E;
	z-index: 4;
}

div#wn { 
    position:absolute; /* scroll area div must be positioned */
    width:696px; height:533px; /* width and height required. adjust to suit */
    overflow:hidden; /* required! */
	outline:none
	}
div#scrollbar {
    position:absolute;
    /* include following if you don't want scrollbar hidden when insufficient content for scrolling */
    /* visibility:visible !important; */ 
    width:11px; height:533px;
    right:0; /* at right edge in container div */
    font-size:1px; /* for ie cooperation */
	outline:none
    }
div#scrollbar .up {
    background-image:url('../images/btn-up.png');
    background-repeat: no-repeat;
    width:11px; height:11px; /* specify width and height of your image */
    position:absolute; top:0;
	outline:none
    }
div#scrollbar .down {
    background-image:url('../images/btn-dn.png');
    background-repeat: no-repeat;
    width:11px; height:11px; /* specify width and height of your image */
    position:absolute; bottom:0;
	outline:none
    }
div#scrollbar .track {
    position:absolute; /* track must be positioned */
    left:0;
    top:12px; /* equal to height of .up image plus optional 1px for gap */
    width:11px; 
    height:509px; /* height of scrollbar minus 2 X image height minus optional 2px for gap */
	outline:none
    }

div#scrollbar .dragBar {
    position:absolute; /* dragBar must be positioned */
    background-color:#000; /* can use background-image if you like */
    width:9px; 
    height:20px !important; /* code auto-sizes */
    /* height:20px !important;  use !important to prevent code from sizing dragBar according to amount of content */
    top:1px; left:1px; /* optional, small gap between track and dragBar */
	outline:none
    }

/* for clutzy draggers */
div#scrollbar {
    -moz-user-select: none;
    -khtml-user-select: none;
	outline:none
    }
	
embed {padding-bottom:20px; outline:none}

.wordpress-entry {padding:10px 50px}

.wordpress-entry-title {padding-bottom:10px}

h5 {padding:0; margin:0}