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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(Images/greenstripe.gif);
	background-repeat:repeat;
	margin: 0; 
	padding: 0;
	color: #000000;
}

img.name_header {
	position: absolute;
	left: 424px;
	top: 27px;
	z-index:999;
}

img.special_header {
	position: absolute;
	left: 654px;
	top: 18px;
}

ul {
	line-height: 130%;
}

/* MAIN COLUMN ==================================================== */
.centerColumnLayout #container {
	position: absolute;
	left: 61px;
	top: 73px;
	width: 46em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #74104F;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.centerColumnLayout #header { 
	background: #BA6DAB; 
	border-bottom: 1px solid #74104F;
	height: 2em;
	padding-top: 0.3em;
	padding-bottom: 0em;
	vertical-align: middle;
} 

.centerColumnLayout #header h1 {
	margin: 0; 
	padding: 10px 0;
}

.centerColumnLayout #header a {
	text-decoration:none;
	color: #000000;
}

.centerColumnLayout #header a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}

.centerColumnLayout #mainContent {
	padding: 20px;
	background: #FFFFFF;
	width: 590px;
	font-size: 80%;
}

.centerColumnLayout #mainContent h1 {
	font-weight:bold;
	font-size: 125%;
	font-color:#74104f;
	text-align: center;
}

.centerColumnLayout #mainContent h2 {
	font-style: oblique;
	font-size: 110%;
	border-bottom: 1px solid #74104f;
	clear:left;
}

/*NAVIGATION BAR ==================================================== */
.nav_normal {
	padding-left:15px;
	padding-right:15px;
	vertical-align:middle;
	z-index:1000;
}

.nav_selected {
	padding-left:15px;
	padding-right:15px;
	font-size: 125%;
	vertical-align:text-bottom;
	z-index: 1001;
}

.nav_hidden { /*Accessibility and forcing header height consistency*/
	padding-left:20px;
	padding-right:20px;
	font-size: 125%;
	vertical-align:text-bottom;
	color: #BA6DAB;
}

/*FOOTER ==================================================== */
.centerColumnLayout #footer { 
	padding: 0 10px; 
	background:#DDDDDD;
} 
.centerColumnLayout #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: left;
	font-size: 80%;
}

.centerColumnLayout #footer .selected {
	font-size: 100%;
	font-weight: bold;
}

.centerColumnLayout #footer .copyright {
	font-size: 80%;
	font-family:italic;
	color:#666666;
	text-align:left;
}

/* TWITTER GADGET =========================================*/

.tweet {
  float:left;
  font-family: Georgia, serif;
  width: 100%; 
  font-size: 80%;
  color: #444444; 
  background-color: #c778b8;
  }

.tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #c778b8; }
    
.tweet .tweet_list li {
      overflow: auto;
      padding: .5em; }
     
.tweet .tweet_list li a {
        color: #000000; }
    
.tweet .tweet_list .tweet_even {
      background-color: #bb67ab; }
    
.tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
     
.tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }

/*LINKS ==================================================== */

a:link, a:visited {
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
}