/* IEEE Hamilton mystyle.css
 * Date: 2006-12-16 Thuraiappah Sathyan
 * Modified: 2008-05-17 JH
 *Margin,Padding order: top, right, bottom, left.
 */
/* Background Colours:
 * body:#6e7985 dark grey
 * header:#E9EAEC light grey
 *  header-menu (activemenu or hover):#3399FF light blue
 *  header-menu:#006699 dark blue
 * contentcolumn (left):#E9EAEC
 * rightcolumn:#F2F5FA almost white
 * singlecolumn:#E9EAEC
 */
/* .+....0....5....0....5....0....5....0....5....0....5....0....5....0 */
/* Basic element information */
body{
/* padding:0; */
  padding: 0,0,0,0;
	/*padding:0, 10px, 20px, 30px; Does nothing? */
  margin:0, 0, 0, 0;
/*	margin:0, 10px, 20px, 30px; Does nothing? */
/* border:0, 10px, 20px, 30px dashed teal; Does nothing? */
	/* background-color:#617C58;*/
	/*background-color:#006699;*/
	background-color:#6e7985;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Arial", sans-serif;
	text-align:center;
}

img{
	border:none;
}
/* .+....0....5....0....5....0....5....0....5....0....5....0....5....0 */
/* div classes */
div.centered{
	text-align:center;
}

div.centered table{
	margin: 0 auto;
	text-align: left;
}

div.centered td{
	text-align:center;
	vertical-align:top;
}
/* .+....0....5....0....5....0....5....0....5....0....5....0....5....0 */

span.email{
	font-size:0.7em;
}

span.boldtext{
	font-weight:bold;
}

/* .+....0....5....0....5....0....5....0....5....0....5....0....5....0 */
/* Basic div =id sections */
#maincontainer{
	margin:0 auto;
	padding-top:20px;
/* Some width value is needed to center content on gray body background */
/* width:90%;
/* 90% seemed to pick up 800 px width from create header?  */
	width:800px;
/* I give up for now 2008-05-17 *Keep the cursed pixels. /
	/*background-color:#617C58;*/
	background-color:#6e7985;
	text-align:justify;
}

#topsection{
	background-color:#E9EAEC;
	width:800px;
}

#contentwrapper{
	float: left;
	width: 100%;
	/*background:#F2F5FA;*/
	background-color:white;
}

#contentcolumn{
	margin-right:231px;		/*Set right margin to RightColumnWidth*/
	border-right:1px solid green;
	background-color:#E9EAEC; /*2008-05-20 */
}

#intro{
	width:530px;
	margin:0 auto 0 auto;
	padding-top:5px;
	text-align:justify;
	font-size:0.9em;
	border-bottom:1px solid green;
}

#rightcolumn{
	float:left;
	width:230px; 		/*Width of right column in pixels*/
	margin-left:-230px; 	/*Set left margin to -(RightColumnWidth) */
	background:#F2F5FA;
}

#footer{
	font-size:0.75em;
	background-color:white;
	padding-left:5px;
	padding-top:5px;
	border-top:1px solid darkgreen;
}
/* .+....0....5....0....5....0....5....0....5....0....5....0....5....0 */
/* div=class or span=class */
.singlecolumn{
/* For simple page, includes footer */
	width:785px; /*2008-05-20 to allow for padding. Was 100% */
/* margin 0 auto; */
	margin: 0px auto;
	padding: 0px 10px 0px 5px; /* 2008-05-20 */
	background-color:#E9EAEC; /* 2008-05-20 This is the gray background Chris wants. */
  clear:both;
}

.innertube{
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
}
div.albumalign td{
	font-size:0.8em;
}

div.centered1{
	text-align:center;
}

div.centered1 table{
	margin: 0 auto;
	text-align: left;
}

div.centered1 td{
	font-size:0.8em;
	text-align:center;
	vertical-align:top;
}

div.albumalign{
	text-align:center;
}

div.albumalign table{
	margin:0,0, auto, auto;
	text-align:center;
}

/* 2008-05-19 Maybe not needed with Google calendar? */
.evtcal{
	text-align:center;
	font-size:0.75em;
	margin:0 auto;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
}

a.info:hover{
    z-index:25;
}

a.info span{
    display:none;
    text-align:left;
    
}

a.info:hover span{ /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  top:2em;left:2em;width:15em;
  border:1px solid #0cf;
  background-color:#cff;
  color:#000;
}
/* .+....0....5....0....5....0....5....0....5....0....5....0....5....0 */
/* createheader() */


/* Rounds the corners of screen display. Round Border?*/
/* Needs second (empty) div to get right side.*/
.rbtop {background: url(graphics/tr.gif) no-repeat top right;background-color:#E9EAEC;}
.rbtop div {background: url(graphics/tl.gif) no-repeat top left;}
.rbbot{background: url(graphics/br.gif) no-repeat bottom right;background-color:white;}
.rbbot div{background: url(graphics/bl.gif) no-repeat bottom left;}
.rbtop, .rbtop div{height:10px;width:100%;font-size:1px;}
.rbbot, .rbbot div{height:10px;width:100%;font-size:1px;}

#menu{
	width:100%;
	margin:0;
	padding:0;
	border-top:1px solid #030;
	color:#fff;
	/*background-color:#050;*/
	background-color:#006699;
	float:right;
}

#menu ul{
	margin:0;
	padding:0;
	float:right;
	color:#fff;
	/*background-color:#050;*/
	background-color:#006699;
	white-space:nowrap;
}

#menu li{
	display:inline;
	list-style-type:none;
}

#menu a{
	padding: 2px 10px;
	border-left:1px solid white;
	float:left;
	font-weight:bold;
	font-size:0.7em;
	text-align:center;
}

#menu a:link, #menu a:visited {
	color: #fff;
	/*background-color:#050;*/
	background-color:#006699;
	text-decoration:none;
}

#menu a:hover{ /* 2008-05-20 Used to include , #menu a:active */
	background-color:#3399FF;
	color:#fff;
	text-decoration:underline;
}

#menu a:active { /* This gets highlighted wehn using browsers back button. */
	background-color:#006699;
	color:white;
	text-decoration:none;
}
#menu a:hover:active { /* 2008-05-20 Cleaning up back button. */
	background-color:#3399FF;
	color:white;
	text-decoration:underline;
}

#menu #activemenu {
	background-color:#3399FF;
	color: #fff;
}
/* From newdesign.css HTML book Trying to not underline current page */
/* #menu  a:hover.active { */
#menu  a:hover#activemenu {
  text-decoration:none;
  cursor:default;
}
/* Sathyan used and id instead of class!? */

.topnav {
	font-size:10px;
	color:#000000;
	font-family:"Trebuchet", Verdana, Arial;
	text-decoration:none;
	font-style:normal;
	padding-left:5px;
}

a.topnav:link {
	font-size:10px;
	color:#000000;
	font-family:"Trebuchet", Verdana, Arial;
	text-decoration:none;
}

a.topnav:visited {
	font-size:10px;
	color:#000000;
	font-family:"Trebuchet", Verdana, Arial;
	text-decoration:none;
}

a.topnav:active {
	font-size:10px;
	color: #000000;
	font-family:"Trebuchet", Verdana, Arial;
	text-decoration:none;
}

.topnav a:hover {
	font-size:10px;
	color:#000000;
	font-family:"Trebuchet", Verdana, Arial;
	text-decoration:none;
}

/* .+....0....5....0....5....0....5....0....5....0....5....0....5....0 */

div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color:#fff;
  width:49%;
  vertical-align:middle;
}

div.row span.right {
  float:right;
  text-align: right;
  font-weight: bold;
  color:#fff;
  width:49%;
}
/* .+....0....5....0....5....0....5....0....5....0....5....0....5....0 */
/* createfooter() */)
.bottomnav {
	font-size:10px;
	color:#000000;
	font-family: "Trebuchet", Verdana, Arial;
	padding-right:5px;
}

a.bottomnav:link {
	font-size:10px;
	color: #000000;
	font-family: "Trebuchet", Verdana, Arial;
}

a.bottomnav:visited {
	font-size:10px;
	color: #000000;
	font-family: "Trebuchet", Verdana, Arial;
}

a.bottomnav:active {
	font-size:10px;
	color: #000000;
	font-family: "Trebuchet", Verdana, Arial;
}

/* .+....0....5....0....5....0....5....0....5....0....5....0....5....0 */