a.logo:link { text-align: right; color: red; font-family: verdana, sans-serif, sans-serif; font-size: 20px; font-weight: 100; }
a.logo:visited { text-align: right; color: red; font-family: verdana, sans-serif; font-size: 20px; font-weight: 100; }
a.logo:hover { text-align: right; cologgr: red; font-family: verdana, sans-serif; font-size: 20px; font-weight: 100; }
a.logo:active { text-align: right; color: green; font-family: verdana, sans-serif; font-size: 20px; font-weight: 100; }
a.menu { text-align: right; color: red; font-family: verdana, sans-serif; font-size: 15px; font-weight: 100; }
a.submenu { text-align: right; color: red; font-family: verdana, sans-serif; font-size: 10px; font-weight: 100; }

/* These are the default link behaviors (when you mouse over and off links) */
a:link { color: gray; text-decoration: none; }
a:visited { color: gray; text-decoration: none; }
a:hover { color: red; }
a:active { color: red; }

/* Default page attributes */
body {
	background-color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000088;
	margin: 0px; 
      }

ul {list-style-type: circle; }

/* These are text types that require special attributes */
font.section { text-align: left; color: black; font-family: verdana, sans-serif; font-size: 20px; font-weight: 100; display: block; }
font.header { text-align: center; color: gray; font-family: verdana, sans-serif; font-size: 15px; font-weight: 100; display: block; }
font.subheader { text-align: left; color: gray; font-family: verdana, sans-serif; font-size: 12px; font-weight: 100; display: block; }
font.bold { text-align: left; color: black; font-family: verdana, sans-serif; font-size: 12px; font-weight: bold; } 
font.graybold { text-align: left; color: gray; font-family: verdana, sans-serif; font-size: 12px; font-weight: bold; } 
font.bodytext { text-align: left; color: black; font-family: verdana, sans-serif; font-size: 12px; font-weight: 100; display: block; } 
font.byline { text-align: right; color: black; font-family: verdana, sans-serif; font-size: 12px; font-weight: 100; font-style: italic; display: block; }
div.indent { margin-left: 15px; } 

/* special table attributes */
table.main {
	background-color : black;
	margin-left: auto; 
	margin-right: auto;
	width: 640px;
	height: 400px;
	padding: 5px;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	}

/* Special cell attributes, for the text box, menu box, and date line respectively */

td.logobar {
	height: 15px;
	background-color: black;
	vertical-align: middle;
	padding: 0px;
	border-color: grey;
	border-style: dotted;
	border-width: 0px;
	text-align: left;
	font-family: times, serif;
	font-size: 9px;
	font-weight: 100;
        font-color: white;
	}

td.densetext { 
	padding: 10px; 
	border-color: blue; 
        border-style: dotted; 
        border-width: 1px; 
        font-family: verdana, sans-serif; 
        font-size: 12px; 
        font-weight: 100; 
        color: black;
	}

td.text { 
	padding: 15px; 
        border-color: blue; 
        border-style: dotted; 
        border-width: 0px; 
        font-family: verdana, sans-serif; 
        font-size: 12px; 
        font-weight: 100; 
        color: black;
	}

table.ad {
	height: 1px;
	padding: 5px;
	border-color: black;
	border-style: dotted;
	border-width: 1px;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: 100;
	color: black;
	}

td.menubar {
	height: 15px;
	padding: 5px;
	border-color: grey;
	border-style: dotted;
	border-width: 0px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: 100;
	color: white;
	}

td.middling {
	vertical-align: middle;
	}

table.middler {
	width: 100%;
	height: 100%;
	}

ul.narrow {
	list-style: none;
	padding: 0;
	margin: 25px;
}

li.narrow {
	float: left;
	margin: 0 0.15em;
}

/* 
Accordian link text and images
*/

div.accordian_text { 
	float: left;
}

div.accordian_image {
	float: right; 
	padding: 2px;
}

/*
Vertical Accordions
*/
		
.accordion_toggle {
	display: block;
	height: 30px;
	width: 640px;
	background: url(images/accordion_toggle.jpg) no-repeat top right #B0B0B0; 
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}
		
.accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right gray;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}
		
.accordion_content {
	background-color: black;
	color: white;
	overflow: hidden;
}
			
.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
	vertical-align: middle;
}
			
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 600px;
	background: url(images/accordion_toggle.jpg) no-repeat top right white;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	
	font-weight: normal;
	text-decoration: none;
	outline: none;
	
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right gray;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

.vertical_accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

/*
Horizontal Accordion
*/
		
.horizontal_accordion_toggle {
/* REQUIRED */
float: left;	/* This make sure it stays horizontal */
/* REQUIRED */

display: block;
height: 250px;
width: 25px;
/*background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;*/
background: no-repeat top left #CCCCCC;
color: black;
text-decoration: none;
outline: none;
border-right: 1px solid #cde99f;
cursor: pointer;
margin: 0 0 0 0;
text-align: center;
}
		
.horizontal_accordion_toggle_active {
background: url(images/h_accordion_toggle_active.jpg) no-repeat top left gray;
border-right: 1px solid #f68263;
color: gray;
}
		
.horizontal_accordion_content {
/* REQUIRED */
height: 100px;	/* We need to define a height for the accordion as it stretches the width */
float: left;	/* This make sure it stays horizontal */
/* REQUIRED */
			
overflow: hidden;
background-color: #ffffff;
color: #444444;
}
			
/* Container styling*/
#horizontal_container {
	margin: 20px auto 20px auto;
	width: 680px;   
	height: 100px;    
}
    
#vertical_nested_container {
	margin: 20px auto 20px auto;
	width: 620px;
}

#my_twitter { float: left; }
#my_twitter a img {
	height: 48px;
    width: 48px;
    border: 1px solid #CCC;
}
#my_twitter_statuses:before {
    float: left;
    display: block;
    width: 11px;
    height: 21px;
    margin-top: 15px;
    margin-left: -11px;
    content: url("white_triangle-left.png");
}
#my_twitter_statuses {
    position: relative;
    background-color: #fff;
    list-style: none;
    margin-left: 66px;
    padding: 0px;
    font-family: Helvetica, sans-serif;
}

/** Style the tweets */
#twitters {
  border: 1px solid #e5e5e5;
  padding: 5px;
}

#twitters UL {
  list-style: none;
  padding: 0;
}

#twitters LI {
  padding: 3px;
  background: none;
}

#twitters SPAN.prefix {
  font-weight: bold;
}

#twitters SPAN.time {
  font-style: italic;
  color: #c5c5c5;
}

#twitters SPAN.status {
  font-style: italic;
}

.text_over_image
{
background:url(/images/aim.jpg);  /* image to display */
width:400px;                     /* width of image */
height:225px;                    /* height of image */ 
color:#ffffff;                   /* text color */
font-size:50px;                  /* font size */
font-weight:bold;                /* font weight */
font-family:Arial;               /* font family */
text-decoration:none;       /* text decoration */
padding-left:200px;                /* left position of text */
padding-top:200px;                /* top position of text */
border:0px solid #FF0000;        /* border around image if desired */ 
overflow:hidden;                 /* so div won't change size */
}  


.image_bg
{
background-image:  url(/images/aim.jpg);
background-repeat: no-repeat;
height: 432px;
width: 800px;
}


.text_bg 
{
position: relative;
height: auto;
width: auto;
left: 200px;
top: 200px;
color:#ffffff;                   /* text color */
font-size:50px;                  /* font size */
font-weight:bold;                /* font weight */
font-family:Arial;               /* font family */
text-decoration:none;       /* text decoration */
}


