#html, body {
  height: 100%;
  margin: 0 auto;
}

body {
 background-color : #051c39;
    behavior: url("csshover3.htc"); /* use in conjunction with class="png" to correct .png display errors */
}
#wrapper {
	width: 989px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}
.h1 {
color:#FF0000;
font-weight:bold;
font-size:large;
}
a:link { color: #1f4464; font-weight: bold;text-decoration: none;}
a:visited { color: #1f4464; font-weight: bold; text-decoration: none; }
a:hover {   color: #F00; font-weight: bold; text-decoration: underline; }
 
a.light:link { color: #4794f0; font-weight: bold;text-decoration: none;}
a.light:visited { color: #4794f0; font-weight: bold; text-decoration: none; }
a.light:hover {color: #F00; font-weight: bold; text-decoration: underline; }
 
a.white:link { color: #fff; font-weight: bold;text-decoration: none;}
a.white:visited { color: #fff; font-weight: bold; text-decoration: none; }
a.white:hover {color: #F00; font-weight: bold; text-decoration: underline; }


#sidecol {
	position: absolute;
	text-align:center;
	border:none;
	left: 0px;
	top: 22px;
	width: 126px;
	height: 800px;
	z-index: 1;
	background-image: url(images/sidecol.png);
	background-color : #051c39;
	background-repeat:no-repeat;
  
}
#sidecol2 {
	position: absolute;
	text-align:center;
	border:none;
	left: 863px;
	top: 22px;
	width: 126px;
	height: 800px;
	z-index: 1;
	background-image: url(images/sidecol2.png);
	background-color : #051c39;
	background-repeat:no-repeat;
  
}
#sidecol_2 {
	position: absolute;
	text-align:center;
	border:none;
	left: 0px;
	top: 22px;
	width: 126px;
	height: 750px;
	z-index: 1;
	background-image: url(images/sidecol.png);
	background-color : #051c39;
	background-repeat:no-repeat;
  
}
#sidecol2_2 {
	position: absolute;
	text-align:center;
	border:none;
	left: 863px;
	top: 22px;
	width: 126px;
	height: 750px;
	z-index: 1;
	background-image: url(images/sidecol2.png);
	background-color : #051c39;
	background-repeat:no-repeat;
  
}

#topbar {
	position: absolute;
	text-align: center;
	left: 0px;
	top: 4px;
	width: 100%;
	height: 22px;
	z-index: 2;
	background-image: url(images/Layer-2.png);
	background-repeat: repeat-x;
}
#topbar2 {
	position: absolute;
	text-align: center;
	left: 0px;
	top: 4px;
	width: 100%;
	height: 22px;
	z-index: 2;
	background-image: url(images/Layer-2.png);
	background-repeat: repeat-x;
}


#navbar {
	background: url(images/menubar.png) repeat-x;
	position: absolute;
	text-align: center;
	left: 127px;
	top: 185px;
	width: 735px;
	height: 37px;
	z-index: 3;
}
#navbar2 {
	position: absolute;
	text-align: center;
	left: 127px;
	top: 185px;
	width: 737px;
	height: 37px;
	z-index: 3;
}


#Layer-4 {
	position: absolute;
	left: 6px;
	top: 12px;
	width: 134px;
	height: 16px;
	z-index: 4;
	text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * designed for it, remove the following line.      
  overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none
	color: #FF0000;
}

#Layer-4_2 {
	position: absolute;
	left: 6px;
	top: 12px;
	width: 134px;
	height: 16px;
	z-index: 4;
	text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * designed for it, remove the following line.      
  overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none
	color: #FF0000;
}

#blog-link {
	position: absolute;
	left: 666px;
	top: 12px;
	width: 62px;
	height: 22px;
	z-index: 5;
	text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /* overflow: auto; */
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}
#blog-link2 {
	position: absolute;
	left: 666px;
	top: 12px;
	width: 62px;
	height: 22px;
	z-index: 5;
	text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /* overflow: auto; */
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}


#news-link {
	position: absolute;
	left: 592px;
	top: 12px;
	width: 56px;
	height: 22px;
	z-index: 6;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}

#news-link2 {
	position: absolute;
	left: 592px;
	top: 12px;
	width: 56px;
	height: 22px;
	z-index: 6;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}
#contact-link {
	position: absolute;
	left: 489px;
	top: 12px;
	width: 96px;
	height: 21px;
	z-index: 7;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}

#contact-link2 {
	position: absolute;
	left: 489px;
	top: 12px;
	width: 96px;
	height: 21px;
	z-index: 7;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}

#stay-update {
	position: absolute;
	left: 350px;
	top: 12px;
	width: 124px;
	height: 21px;
	z-index: 8;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}
#stay-update2 {
	position: absolute;
	left: 350px;
	top: 12px;
	width: 124px;
	height: 21px;
	z-index: 8;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}

#issues-link {
	position: absolute;
	left: 271px;
	top: 12px;
	width: 56px;
	height: 16px;
	z-index: 9;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}

#issues-link2 {
	position: absolute;
	left: 271px;
	top: 12px;
	width: 56px;
	height: 16px;
	z-index: 9;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}

#ajohn-link {
	position: absolute;
	left: 142px;
	top: 12px;
	width: 115px;
	height: 19px;
	z-index: 10;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}
#ajohn-link2 {
	position: absolute;
	left: 142px;
	top: 12px;
	width: 115px;
	height: 19px;
	z-index: 10;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}

#toptext {
	position: absolute;
	text-align: center;
	margin-left: -365px;
	left: 493px;
	top: 230px;
	width: 546px;
	height: 154px;
	z-index: 11;
}

#Layer-11_2 {
  position: absolute;
  margin-left: -365px;
  left: 50%;
  top: 205px;
  width: 629px;
  height: 154px;
  z-index: 11;
}

#bottom {
	position: absolute;
	text-align: center;
	left: 127px;
	top: 415px;
	width: 723px;
	height: 385px;
	z-index: 1;
	background-color:#FFFFFF;
}
#Layer-12_2 {
	position: absolute;
	left: 284px;
	top: 375px;
	width: 629px;
	height: 378px;
	z-index: 12;
	background-image: url(images/Layer-12.png);
}
#toptext-bg {
	position: absolute;
	text-align: center;
	left: 1px;
	top: 0px;
	width: 496px;
	height: 154px;
	z-index: 13;
	background-image: url(images/Layer-13.png);
	background-repeat:no-repeat
}
#Layer-13_2 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 397px;
	height: 509px;
	z-index: 13;
	
}

#text-content {
	position: absolute;
	left: 2px;
	top: 1px;
	width: 273px;
	height: 139px;
	z-index: 14;
	text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * designed for it, remove the following line.      
  overflow: auto;*/
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #FFFFFF;
}

#Layer-14_2 {
content:inherit
	position: absolute;
	left: 126px;
	top: 203px;
	width: 405px;
	height: 528px;
	z-index: 0;
	text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  overflow: auto;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #1f4464;
	background-color: #FFFFFF;
}
#tagline {
	position: absolute;
	left: 125px;
	top: 578px;
	width: 513px;
	height: 16px;
	z-index: 15;
	text-align: center;
	/* If you don't want scroll bars when your content gets bigger than the space
   * designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	color: #1f4464;
}
#inner-tagline {
	position: absolute;
	left: 0px;
	top: 551px;
	width: 510px;
	height: 20px;
	z-index: 15;
	text-align: left;
	padding-top:5px;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  /*overflow: auto;*/
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	color: #1f4464;
	background-color: #c4cedc;
}


#headerimg {
	position: absolute;
	text-align: center;
	left: 125px;
	top: 2px;
	width: 580px;
	height: 184px;
	z-index: 16;
 
}

#headerimg2 {
	position: absolute;
	text-align: center;
	left: 125px;
	top: 2px;
	width: 737px;
	height: 184px;
	z-index: 16;
 
}
#right-menu {
	position: absolute;
	text-align: center;
	left: 625px;
	top: 229px;
	width: 223px;
	height: 156px;
	z-index: 17;
	background-image: url(images/Layer-17.png);
}

#Layer-17_2 {
	position: absolute;
	left: 650px;
	top: 225px;
	width: 263px;
	height: 156px;
	z-index: 17;
	background-color:#FFFFFF
}
#photos {
  position: absolute;
  text-align: center;
  left: 4px;
  top: 81px;
  width: 214px;
  height: 38px;
  z-index: 18;
}
#Layer-18_2{
	position: absolute;
	left: 25px;
	top: 81px;
	width: 214px;
	height: 38px;
	z-index: 18;
}


#stayupdated {
  position: absolute;
  text-align: center;
  left: 4px;
  top: 7px;
  width: 214px;
  height: 35px;
  z-index: 19;
}
#Layer-19_2 {
	position: absolute;
	left: 25px;
	top: 7px;
	width: 214px;
	height: 35px;
	z-index: 19;
}


#tellothers {
  position: absolute;
  text-align: center;
  left: 4px;
  top: 43px;
  width: 214px;
  height: 36px;
  z-index: 20;
}


#Layer-20_2 {
	position: absolute;
	left: 25px;
	top: 43px;
	width: 214px;
	height: 36px;
	z-index: 20;
}

#contact {
  position: absolute;
  text-align: center;
  left: 13px;
  top: 121px;
  width: 145px;
  height: 29px;
  z-index: 21;
}

#Layer-21_2 {
	position: absolute;
	left: 34px;
	top: 121px;
	width: 145px;
	height: 29px;
	z-index: 21;
}

#contribute {
	position: absolute;
	text-align: center;
	left: 717px;
	top: 141px;
	width: 162px;
	height: 54px;
	z-index: 22;
}

#contribute2 {
	position: absolute;
	text-align: center;
	left: 754px;
	top: 13px;
	width: 162px;
	height: 54px;
	z-index: 22;
}

#where-find {
	position: absolute;
	left: 656px;
	top: 427px;
	width: 190px;
	height: 18px;
	z-index: 90;
	font-weight: bold;
	text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * designed for it, remove the following line.      */
  overflow: auto;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #1f4464;
}

#Layer-23_2 {
	position: absolute;
	left: 411px;
	top: 15px;
	width: 190px;
	height: 18px;
	z-index: 23;
	font-weight: bold;
	text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   *  designed for it, remove the following line.      */
  overflow: auto;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #1f4464;
}

#flag {
	position: absolute;
	text-align: center;
	left: 125px;
	top: 405px;
	width: 510px;
	height: 212px;
	z-index: 24;
	background-image: url(images/flagspot.png) no-repeat;
}
#inner-text-wrapper {
	position: absolute;
	left: 127px;
	top: 224px;
	width: 735px;
	height: 575px;
	z-index: 10;
	background-color: #FFFFFF;
}


#social {
	position: absolute;
	text-align: center;
	left: 640px;
	top: 448px;
	width: 206px;
	height: 151px;
	z-index: 90;
	background-image: url(images/Layer-25.png);
}
#Layer-25_2 {
	position: absolute;
	left: 390px;
	top: 37px;
	width: 206px;
	height: 151px;
	z-index: 25;
	background-image: url(images/Layer-25.png);
}


#facebook {
	position: absolute;
	text-align: center;
	left: 6px;
	top: 6px;
	width: 76px;
	height: 24px;
	z-index: 90;
}
#Layer-26_2 {
  position: absolute;
  left: 6px;
  top: 6px;
  width: 76px;
  height: 24px;
  z-index: 26;
}


#twitter {
  position: absolute;
  text-align: center;
  left: 98px;
  top: 5px;
  width: 72px;
  height: 25px;
  z-index: 27;
}
#Layer-27_2{
  position: absolute;
  left: 98px;
  top: 5px;
  width: 72px;
  height: 25px;
  z-index: 27;
}


#flickr {
  position: absolute;
  text-align: center;
  left: 98px;
  top: 35px;
  width: 64px;
  height: 25px;
  z-index: 28;
}
#Layer-28_2 {
  position: absolute;
  left: 98px;
  top: 35px;
  width: 64px;
  height: 25px;
  z-index: 28;
}

#youtube {
  position: absolute;
  text-align: center;
  left: 6px;
  top: 37px;
  width: 72px;
  height: 25px;
  z-index: 29;
}
#Layer-29_2 {
  position: absolute;
  left: 6px;
  top: 37px;
  width: 72px;
  height: 25px;
  z-index: 29;
}

#linkedin {
  position: absolute;
  text-align: center;
  left: 6px;
  top: 69px;
  width: 70px;
  height: 25px;
  z-index: 30;
}

#events122 {
  position: absolute;
  text-align: center;
  left: 0px;
  top: 105px;
  width: 208px;
  height: 30px;
  z-index: 31;
}
#Layer-30_2 {
  position: absolute;
  left: 6px;
  top: 69px;
  width: 70px;
  height: 25px;
  z-index: 30;
}

#RI1 {
  position: absolute;
  text-align: center;
  left: 98px;
  top: 66px;
  width: 51px;
  height: 30px;
  z-index: 31;
}

#Layer-31_2 {
  position: absolute;
  left: 98px;
  top: 66px;
  width: 51px;
  height: 30px;
  z-index: 31;
}

#Layer-32 {
  position: absolute;
  text-align: center;
  left: 0px;
  top: 0px;
  width: 629px;
  height: 19px;
  z-index: 32;
}

#Layer-32_2 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 629px;
  height: 19px;
  z-index: 32;
}

#together {
	position: absolute;
	text-align: center;
	left: 109px;
	top: 387px;
	width: 772px;
	height: 34px;
	z-index: 33;
}

#Layer-33_2 {
  position: absolute;
  left: 160px;
  top: 356px;
  width: 772px;
  height: 34px;
  z-index: 33;
}

#latest {
	position: absolute;
	left: 177px;
	top: 429px;
	width: 285px;
	height: 20px;
	z-index: 34;
	text-align: left;
	font-weight: bold;
	overflow: auto;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
}


#inner-text {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 475px;
	height: 550px;
	z-index: 34;
	text-align: left;
	border-left: 7px solid #FFFFFF;
	border-right: 7px solid #FFFFFF;
	margin: auto;
	padding: 0px;
	overflow: auto;
	font-weight: normal;
	font-size: small;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #1f4464;
	background-color: #FFFFFF;
}
#news {
	position: absolute;
	text-align: left;
	left: 140px;
	top: 453px;
	width: 500px;
	height: 50px;
	z-index: 35;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #FFFFFF;
}
#news li { margin-bottom:10px; }
#Layer-35_2 {
  position: absolute;
  left: 17px;
  top: 53px;
  width: 359px;
  height: 50px;
  z-index: 35;
}


#john-photo {
	position: absolute;
	text-align: center;
	left: 277px;
	top: -1px;
	width: 213px;
	height: 154px;
	z-index: 36;
	
}
#Layer-36_2 {
  position: absolute;
  left: 196px;
  top: 0px;
  width: 213px;
  height: 154px;
  z-index: 36;
}
#news a:link, #news a:visited  {
color:#FFFFFF;
text-decoration:none;
font-weight: normal;
}
#news a:hover, #news a:active {
color:#FFFFFF;
text-decoration:none;
font-weight: bold;
}

#flick {
	position: absolute;
	text-align: left;
	left: 639px;
	top: 597px;
	width: 204px;
	height: 203px;
	z-index: 37;
	background-color:#FFFFFF;
}

#cover {
	clear:none;
	position: absolute;
	text-align: left;
	left: 639px;
	top: 597px;
	width: 204px;
	height: 203px;
	z-index: 99;
}


#flick2 {
	position: absolute;
	text-align: left;
	left: 625px;
	top: 550px;
	width: 204px;
	height: 203px;
	z-index: 37;
	background-color:#FFFFFF
}

#vid-1 {
	position: absolute;
	text-align: left;
	left: -266px;
	top: 0px;
	width: 262px;
	height: 200px;
	z-index: -1;
	background-color:#FFFFFF
}

#vid-1_2 {
	position: relative;
	left: 180px;
	top: 189px;
	width: 262px;
	height: 200px;
	z-index: 38;
}

#bottom-media  {
	position: absolute;
	text-align: left;
	left:395px;
	top: 600px;
	width: 240px;
	height: 201px;
	z-index: 39;
	background-color:#333;
}
#twitter_div {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color:#333;
	color:#fff;
	width: 235px;
	height: 172px;
	overflow:auto;
	margin:0 5px;
}
#twitter_div h3 {
	margin:6px 0;
	padding-bottom:5px;
	color:white;
		background-color:#333;

}
#twitter_div h3 a:link,#twitter_div h3 a:visited {
	color:white;
}
#twitter_div a:link {
	color:#4AED03;

}
.pad {
	padding-top:8px;

}
#twitter_div ul{
	clear:both;
	margin: 4px 8px 0 2px;/* good for ie*/
	padding: 0;
	list-style: none;
	font-size: 85%;
	float: none;
}
#twitter_div li{
	padding-bottom:2px;
	margin-bottom:4px;
	border-bottom: 1px dotted #FFF;
}
#Layer-39_2  {
	position: relative;
	left:447px;
	top: 409px;
	width: 150px;
	height: 200px;
	z-index: 39;
}

#footer {position: absolute;
text-align: center;
	margin-top: 0px; 
	height: 150px;
	clear:both;
	z-index: 40;
	} 

#tableborder2{
	position: absolute;
	text-align:center;
	border:none;
	left: 125px;
	top: 225px;
	width: 10px;
	height: 503px;
	z-index: 40;
	background-color: #051C39;
	background-repeat:no-repeat;
	}
	
#Layer-41_2 {
	position: absolute;
	left: 2px;
	top: -155px;
	width: 472px;
	height: 503px;
	z-index: 34;
	text-align: left;
	border-left: 7px solid #FFFFFF;
	border-right: 7px solid #FFFFFF;
	margin: auto;
	padding: 0px;
	overflow: auto;
	font-weight: normal;
	font-size: small;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #1f4464;
	background-color: #051C39;
}
a {
  cursor: pointer;
  outline: none;
}
#checkbox{
	float:left;
	width:450;
	height:300px;
}
#created_by {
	font-size: xx-small;
	position: absolute;
	left: 420px;
	top: 805px;
	width: 400px;
	height: 20px;
	color: #FFF;
		}
.gray {color: #666666;}
.white {color: #FFFFFF;}
.verdana { font-family: Verdana, Arial, Helvetica, sans-serif;}
#slides,#slideshow{background:#000000;height:204px;width:204px;}
.big { 
	font-weight: bold;
	font-size: 20px;
}
.top {
	  z-index:999;
	  }