* {
  margin: 0;
  padding: 0;
}

body {
  background: #2279fe url(/images/bg2.jpg) top left repeat-x;
  color: #fff;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
  BACKGROUND-COLOR: #2279fe; /* 2279fe */
}

table.cfdump_binary,table.cfdump_query{color:#333}

/* Body */

#canvas {
  width: 760px;
  margin: 0 auto;
 
}

#content {
  width: 760px;
  margin: 20px 0 20px 0;
  padding: 10px 0 10px 0;
  background: url(/images/bg-content2.gif) top left repeat-y;
}


/* Header */
#header-cap {
float: left;
height: 78px;
margin: 0px;
padding: 0px;
BACKGROUND-COLOR: #0046b5; /* 0243b4 2279fe */
}
#header {
margin: 0;
  width: 760px;
  height: 78px;
 BACKGROUND-COLOR: #0046b5;
}

#header #logo {
  float: left;
  width: 360px;
  background: #0046b5 url(/images/logo.gif) top left no-repeat;

}

#header #links {
  float: right;BACKGROUND-COLOR: transparent;
  width: 400px;
  padding: 33px 0 0 0;
  text-align: right;
  color: #99ccff;
  font-size: 10px;
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
}

#header #links a {
  color: #99ccff;
  text-decoration: none;
}

#header #links a:hover {
  color: #0066FF;
  text-decoration: underline;
}

#header #top-nav {
  clear: both;
  width: 760px;
  height: 34px;
  margin: 0 auto;
  text-align: center;
}

#header #top-nav ul {
  width: 760px;
  margin: 10px 0 0 0;
  list-style-image: none;
  list-style-type: none;
}

#header #top-nav li a {
    height: 34px;
  padding: 0 25px 0 25px;
  color: #fff;
  border-right: 1px solid #fff;
  font-size: 11px;
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  text-decoration: none;
}

#header #top-nav li {
  float: left;
  list-style-image: none;
  list-style-type: none;
}


#header #top-nav a#top-nav-01 { width: 60px;   }
#header #top-nav a#top-nav-02 { width: 140px;   }
#header #top-nav a#top-nav-03 { width: 70px;   }
#header #top-nav a#top-nav-04 { width: 150px;  }
#header #top-nav a#top-nav-05 { width: 70px;   }
#header #top-nav a#top-nav-06 { width: 70px;   }
#header #top-nav a#top-nav-07 { width: 70px;  height: 34px;
  padding: 0 25px 0 25px;
  color: #fff;
  border-right: 0;
  font-size: 11px;
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  text-decoration: none; }


#header #top-nav a#top-nav-01:hover { width: 60px;  no-repeat left top;  color: #ccffff;
  text-decoration: none;}
#header #top-nav a#top-nav-02:hover { width: 140px;  no-repeat left top;  color: #ccffff;
  text-decoration: none;}
#header #top-nav a#top-nav-03:hover { width: 70px;  no-repeat left top;  color: #ccffff;
  text-decoration: none;}
#header #top-nav a#top-nav-04:hover { width: 150px;  no-repeat left top;  color: #ccffff;
  text-decoration: none;}
#header #top-nav a#top-nav-05:hover { width: 70px; no-repeat left top;  color: #ccffff;
  text-decoration: none;}
#header #top-nav a#top-nav-06:hover { width: 70px; no-repeat left top;  color: #ccffff;
  text-decoration: none;}
#header #top-nav a#top-nav-07:hover { width: 70px; no-repeat left top; color: #ccffff;
  text-decoration: none;}


#header #top-nav a#top-nav-01-current { width: 60px;   }
#header #top-nav a#top-nav-02-current { width: 140px;  }
#header #top-nav a#top-nav-03-current { width: 70px;  }
#header #top-nav a#top-nav-04-current { width: 150px;  }
#header #top-nav a#top-nav-05-current { width: 70px;   }
#header #top-nav a#top-nav-06-current { width: 70px;   }
#header #top-nav a#top-nav-07-current { width: 70px;   }

#header #top-nav ul ul {
  position: absolute;
  float: left;
  display: none;
  width: 185px;
  margin: 0px;
  padding: 0px;
}

#header #top-nav ul ul li {
  width: 100%;
  margin: 0px;
   padding: 0px;
  list-style-image: none;
  list-style-type: none;
  display: block;
}

#header #top-nav ul ul a {
  width: 100%;
  height: 100%;
  padding: 2px 3px 2px 6px;
  color: #FFF;
  background-color: #0077ff;
  display: block;
  text-decoration: none;
  text-indent: 0;
  text-shadow:Black 2 2 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

#header #top-nav ul ul a:hover {
  color: #FFF;
  background: #0077ff;
  display: block;
  text-decoration: underline;
}

#header #top-nav li:hover ul, #header #top-nav li.sfhover ul {
  display: block;
}

/* Navigation */

#nav {
  /*border: 1px solid transparent;*/
  clear: both;
  width: 760px;
  height: 30px;
  margin: 0 auto;
}

#nav ul {
  width: 760px;
  margin:0;
  padding: 6px 0 0 0;
  list-style-image: none;
  list-style-type: none;
}

#nav li {
  float: left;
  border-right: 1px solid #6699ff; /*2279fe #fff*/
  list-style-image: none;
  list-style-type: none;
}

#nav li a {
  height: 16px;
  display: block;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  text-decoration: none;
}

#nav li a:hover {
  color: #ccffff;
  text-decoration: none;
}

#nav li#home { width: 77px; }
#nav li#about { width: 142px; }
#nav li#events { width: 85px; }
#nav li#students { width: 155px; }
#nav li#mentors { width: 95px; }
#nav li#sponsors { width: 95px; }
#nav li#contact { width: 105px; border-right: 0; }

#nav ul ul {
  position: absolute;
  float: left;
  display: none;
  width: 215px;
  margin: 0;
  padding: 5px 0 0 0;
}

#nav ul ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  border-right: 0;
  list-style-image: none;
  list-style-type: none;
  display: block;
}

#nav ul ul a {
  width: 100%;
  height: 100%;
  padding: 2px 3px 2px 6px;
  color: #fff;
  background: #2279fe;;
  display: block;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow:Black 2 2 2;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

#nav ul ul a:hover {
  color: #fff;
  background: #0066ff;
  display: block;
  text-decoration: none;
}

#nav li:hover ul, #nav li.sfhover ul {
  display: block;
}


/* Body */

#photo-top {
  clear: both;
  width: 760px;
  margin: 15px 0 0 0;
}

#col-left {
  float: left;
  width: 520px;
  border-right: 1px solid #99ccff;
}

#col-right {
  float: left;
  width: 230px;
  font-size: 11px;
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
  
}

a {
  color: #99ccff;
 
}

a:hover {
  color: #fff;
  text-decoration: underline;
}

p {
  padding: 3px 25px 12px 25px;
  
}

p.center {
  padding: 3px 25px 12px 25px;
  text-align: center;
}

i {
  font-style: italic;
}

ul {
  margin: 3px 0 12px 60px;
  list-style-type: square;
}
ol {
  margin: 3px 0 12px 60px;
  list-style-type:decimal;
}
li {
  padding: 0 0 2px 0;
}

#col-left h1 {
 padding:10px;
 font-family: Arial;
 size: medium;
 line-height:30px;
 color: #fff;
 }

h3.firstname {
  font:bold 17px arial;
  }

/* Footer */

#footer {
  width: 760px;
  border-top: 1px solid #99ccff;
  padding: 7px 0 0 0;
  text-align: center;
  color: #99ccff;
  font-size: 10px;
  line-height: 20px;
  font-family: tahoma, verdana, arial, helvetica, sans-serif;
}

#footer a {
  color: #99ccff;
  padding: 0 5px 0 5px;
  text-decoration: none;
}

#footer a:hover {
  color: #fff;
  text-decoration: none;
}

/* new styles for right nav */
.buttonRightNav {
	background-color: #6699ff;
	border: 1px solid white;
	color: #003399;
	display: block;
	font-weight: bold;
	height: 20px;
	margin: 2px 0 5px 0;
	padding: 4px 4px 4px 12px;
	shadow: 2px solid black;
	text-decoration: none;
	/*text-shadow:#000000 2px 3px 5px;*/
	width: 220px;
}
.buttonRightNav:hover {
	background-color: #003399;
	color: #ffffff;
	text-decoration: none;
}
.button {
	background-color: #6699ff;
	border: 1px solid white;
	color: #003399;
	display: block;
	float: left;
	font-weight: bold;
	height: 20px;
	margin: 2px 0 8px 25px;
	padding: 4px 4px 4px 12px;
	shadow: 2px solid black;
	text-decoration: none;
	/*text-shadow:#000000 2px 3px 5px;*/
	width: 200px;
}
.button:hover {
	background-color: #003399;
	color: #ffffff;
	text-decoration: none;
}