html { 

  background-image: url("../images/backgroundpic2.jpeg"), 
                    url("../images/background1.png");
  background-repeat:no-repeat, repeat;
  background-size: cover, auto;
  -moz-background-size: cover, auto;
  background-position: top left, left top;
  background-attachment: fixed;
  font-family: "Bradley Hand ITC","Chalkduster";
}



#main { 
    width: 1100px;
    margin: 0 auto;

}
#page-wrap  {
    postion: relative;
    width: 1000px;
    margin-left: -20px;
    margin-top: -45px;
}
#sidebar    {
    width: 210;
    height: 402px;
    position: fixed;
    top: 200px;
    left: 82%;
    min-left:900px;
}
#header    {
    width: 100%;
    min-width: 1200px;
    height: 20%;
    top: 0px;
    margin: 0 auto;
}

#header2    {
    height: 150px;
    width: 100%;
    min-width: 1200px;
    height: 20%;
    margin: 0 auto;
}

nav {
	height: 60px;
	width: 100%;
	margin-left: 0px;
	line-height:30px;
	position: relative;
}
.fixed {
	position:fixed;
}

p {
margin-top: 20px; 
margin-right: 40px; 
margin-bottom: 20px; 
margin-left: 40px; 
}
a:link {text-decoration: none; color: #3939C6;}
a:visited {text-decoration: none; color: #666666;}
a:hover {text-decoration: none; color: #999999;}
a:active {text-decoration: none; color: #F0F0F0;}
.style36 {font-size: 24px; color: #3939C6;}
.style37 {font-size: 11px; font-family: "Century Gothic"; color: #FFFFFF}
.style45 {font-size: 17px; font-family: "Century Gothic";}
.style46 {font-size: 17px; font-family: "Century Gothic";}
.style50 {font-size: 15px; font-family: "Century Gothic"; font-weight: bold;}
.style51 {font-size: 15px; font-family: "Century Gothic";}
.style52 {font-size: 13px; font-family: "Century Gothic"; color: #666666;}
.style56 {font-size: 15px; color: #0000FF;}
.style57 {font-size: 15px; font-family: "Century Gothic"; color: #0000FF; }
.style58 {font-size: 16px; font-family: "Century Gothic"; }
.style60 {font-size: 15px; font-weight: bold; }
.style61 {font-size: 10px; font-weight: bold; font-family: "Bradley Hand ITC","Chalkduster";}
.style62 {font-size: 11px; font-family: "Bradley Hand ITC","Chalkduster";}

a {
	color: #333;
}


#menu    {
    position: relative;
    width: 1200px;
    top: 0px;
    margin: 0 auto;
}


/* TOP MENU */
#nav { 
        position:relative;
        margin:0 auto;
        list-style:none;
        margin-bottom: 0px;
	padding: 7px 6px 7px; 
	line-height: 100%; 
	width: 1200px;
	height: 30px; 
/* for non-css3 browsers */ 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000033', endColorstr='#000033'); 
/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#000033), to(#000033)); 
/* for webkit browsers */
	background: -moz-linear-gradient(top,  #000033,  #000033); 
/* for firefox 3.6+ */
	}



#nav ul {
	background: #ddd; 
/* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); 
/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); 
/* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); 
/* for firefox 3.6+ */
	display: none;
	margin: 0 auto;	
        padding: 0;
	width: 185px;
	position: absolute;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3); }


#nav li {
	padding: 0 0 0px; 
        float: left;
	position: relative;
	list-style: none; }

/* main level link */
#nav a { 
	color: #e7e5e5;
	font-family: "Century Gothic","AppleGothic";
	font-size: 13px;
	text-decoration: none; 
	display: block; 
	padding:  5px 9px; 
	-webkit-border-radius: 1.6em; 
	-moz-border-radius: 1.6em; 
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3); }

/* main level link hover */

#nav .current a, #nav li:hover > a {
	background: #d1d1d1; 
/* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); 
/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); 
/* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); 
/* for firefox 3.6+ */

	color: #444;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8); }

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a { 
	background: none; 
	border: none; 
	color: #666; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; }

#nav ul a:hover {
	background: #0399d4 !important; 
/* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); 
/* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; 
/* for webkit browsers */
	background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; 
/* for firefox 3.6+ */
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1); }
/* level 2 list */



/* dropdown */
#nav li:hover > ul {display: block;}
#nav ul li {float: none; margin: 0; padding: 0; }
#nav ul a {font-weight: normal; text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}

/* level 3+ list */
#nav ul ul {left: 181px; top: -3px;}

/* rounded corners for first and last child */
#nav ul li:first-child > a {-webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topright: 9px;}
#nav ul li:last-child > a {-webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-bottomright: 9px;}

/* clearfix */
#nav:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#nav {display: inline-block; margin: 0 auto;}
html[xmlns] #nav {display: block; margin: 0 auto;}

* html 
#nav {height: 1%;}

/* top right picture rotation */
#picOneTwo, #picOne, #picTwoTwo, #picTwo, #picThree, #picFour, #picFive, #picSix, #picSeven, #picEight, #picNine, #picTen, #picThreeTwo, #picFourTwo, #picFiveTwo, #picSixTwo, #picSevenTwo, #picEightTwo, #picNineTwo, #picTenTwo
{
position:fixed;
display: none;
}

#pics {
width:250px;
}