/* body layout */

body
{
	background-color: #000000;
	color: #009999;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px auto;
	margin-bottom:50px;
}

div.custom { 
margin: 0px auto;
margin-top:37px; 
	width: 950px;
	height:275px;
	text-align: center; 
	font-size:1.1em; 
	color:#ffffff;
	background: url('twitter/background.jpg') no-repeat;
	background-position: top center;
	}
	
.custom_title
{
font-size:18px;
padding-left:70px;
margin-top:15px;
float:left;
text-align:left;
width: 950px;
height:25px;
}
	
div.custom ul{
list-style:none;
text-align:left;
}
div.custom li{
border-bottom: 1px dashed #ffffff;
list-style:none;
padding:10px;
clear:left;
}
div.custom #twitter_div { }

#twitter_div
{
float:left;
margin-top:15px;
margin-left:15px;
margin-right:55px;
margin-bottom:0px;
}

.jointhec
{
float:right;
width:200px;
height:20px;
text-align:right;
margin-right:45px;
padding-top:3px;
}
	
.custom a:link {color: #05f939;}
.custom a:visited {color: #05f939;}
.custom a:hover {color: #05f939;}
.custom a:active {color: #05f939;}


.custom_title a:link  {color: #ffffff;}
.custom_title a:visited  {color: #ffffff;}
.custom_title a:hover  {color: #ffffff;}
.custom_title a:active {color: #ffffff;}

	

#mybackground
{
	background:#000000;
	height:120px;
}


#container
{
	
	width: 955px;
	overflow:auto;
	margin: 0px auto;
	background: #000000;
	text-align:left;
	padding-top:0px;
	min-width: 700px;
	border-left: #797979 1px solid;
	border-right: #797979 1px solid;
	border-bottom: #797979 1px solid;
	
}

img.test
{
border: #ffcc33 1px solid;
}




#topbuttons
{
margin: 0px auto;
margin-top:0px;
text-align: center;
width:954px;
height:75px;
overflow:hidden;
}




#remind2
{
float:left;
width:639px;
text-align:left;
color:#ffffff;
height:89px;
margin-left:0px;
overflow:hidden;
border-bottom: #797979 1px solid;
}

#remindcopy
{
padding-top:50px;
}


#all
{
margin: 0px auto;
margin-top:0px;
width:950px;
height:130px;
overflow:visible;
clear:both;
}



#logo
{
	float:left;
	margin-top:0px;
	width:140;
	height: 109px;
}

#header
{
	width:595px;
	float: left;
	margin-left:55px;

}

#header2
{
	width:544px;
	float: left;
	margin-left:51px;
}



#applications
{
float:right;
height:86px;
margin-right:10px;
margin-top:5px;
text-align:right;
background:#000000;
}


#navigation
{
	width:100%;
	height: 30px;
	float: right;
	margin-top:9px;
		
}

#subnav
{
color:#cccccc;
}

#leftPanel
{
	width: 180px;
	margin-bottom: 100px;
	float: left;
	margin-top:10px;	
}

a.leftpanel
{
color: #FFCC33; 
text-decoration: none;

}

a.leftpanel:link 
{
	color: #FFCC33; 
	text-decoration: none;
	
}

a.leftpanel:visited 
{
	color: #FFCC33; 
	text-decoration: none;
	
}

a.leftpanel:hover 
{
	color: #FFCC33; 
	text-decoration: underline;
	
}





#greycallout
{

	margin-top:0px;
	width:160px;
	height:500px;
	text-align:right;
	background-image: url(images/timeline.gif);
	background-repeat: no-repeat; 
	background-position: top left; 

}

#greycalloutcele
{

	margin-top:0px;
	width:160px;
	height:500px;
	text-align:right;
	background-image: url(images/timeline2.gif);
	background-repeat: no-repeat; 
	background-position: top left; 

}



#bannerhome /* for homepage, 100% width */
{
	width: 100%;
	height: 100px;
	border-bottom: 2px solid  #D8D8D8;
	float: right;
	background:#D8D8D8;
	margin-top:10px;	
}

/* for subpages, divided width */

#mainContenthome
{
	width:700px;
	color:#ffffff;
	background-color: #000000;
	float:left;
	margin-top:0px;
	margin-left:5px;
	overflow:visible;
	margin-bottom:50px;
}

#mainContent
{

	float:left;
	width:700px;
	color:#000000;
	background-color: #ffffff;
	margin-top:0px;
	margin-right:10px;
	margin-left:15px;
	overflow:visible;
	margin-bottom:50px;
	padding-bottom:50px;
	border: #797979 1px solid;
	
}

div.mytest
{
width: 950px;
overflow: visible;

}

div.panel
{
width: 178px;
color: #ffffff;
margin-bottom: 100px;
float:left;
margin-top:0px;
overflow:visible;
}



#footer2
{
	margin: 0px auto; 
	width: 948px;
	text-align: center; 
	height: 50px;
	font-size: 1.2em;
	color:#C2C1C1;
	line-height: 2;
	letter-spacing:.05em;
	padding-top:10px;
	
}

div.footerleft
{
margin-top:20px;
float:left;
width:30%;
text-align:left;
}

div.footerright
{
margin-top:20px;
float:right;
text-align:right;

}


/* padding, margins, text */

#textMargin
{
	
	margin-left:10px;
	margin-bottom:5px;
	overflow:visible;

}

#textMarginsub
{
	margin-left:12px;
	margin-bottom:5px;
	width:100%;
}

#calloutMargin
{
	width:215px;
	margin-left:30px;
	color:#4C4D4F;

}

#differencecalloutMargin
{
	margin-top:70px;
	width:215px;
	margin-left:33px;
	color:#4C4D4F;

}


#contentMargin
{
	
	margin-right:10px;
	margin-left:20px;
	overflow:visible;
	line-height: 1.5;

}
#fade1
{
min-height:30px;
overflow:visible;
}



#logoMargin
{
	margin-top: 27px;
	margin-left: 50px;
}

#headerMargin
{
	margin-top: 10px;
	margin-left: 0px;
}

h1
{
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 1.2em;
	color: #009999
;
	font-weight:bold; 
}

h2
{
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 1.1em;
	font-weight:bold; 
	color: #009999
;
}


/* Links */
a 
{
color: #009999; 
text-decoration: none;
}

a:link 
{
	color: #009999; 
	text-decoration: none;
}

a:visited 
{
	color: #006699; text-decoration: none;
}

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

/*application links */
a.application 
{
color: #FFCC33; 
text-decoration: none;
letter-spacing:.04em;
}

a.application:link 
{
	color: #FFCC33; 
	text-decoration: none;
	letter-spacing:.04em;
}

a.application:visited 
{
	color: #FFCC33; 
	text-decoration: none;
	letter-spacing:.04em;
}

a.application:hover 
{
	color: #FFCC33; 
	text-decoration: underline;
	letter-spacing:.04em; 
}




/* navigation menu */

a.smalllinks 
{
	color: #009999; text-decoration: none; padding-left:2px;
	padding-right:2px; letter-spacing:.05em;
}

a.smalllinks:link 
{
	color: #009999
; text-decoration: none; padding-left:2px;
	padding-right:2px;   
}

a.smalllinks:visited 
{
	color: #009999; 
	text-decoration: none; padding-left:2px;
	padding-right:2px;  
}

a.smalllinks:hover 
{
	color: #006699; 
	text-decoration: underline; padding-left:2px;
	padding-right:2px; 
}

a.smalllinksfirst 
{
	color: #009999
; text-decoration: none; padding-left:0px;
	padding-right:2px;   
}

a.smalllinksfirst:link 
{
	color: #009999
; text-decoration: none; padding-left:0px;
	padding-right:2px;   
}

a.smalllinksfirst:visited 
{
	color: #009999; 
	text-decoration: none; padding-left:0px;
	padding-right:2px;  
}

a.smalllinksfirst:hover 
{
	color: #006699; 
text-decoration: underline; padding-left:0px;
	padding-right:2px; 
}


#nav
{
	height: 30px;
	text-align: left;
	float:left;
	margin-top:0px;
}

a.navbuttons 
{
	color: #009999; 
	font-size: 1.1em;
	font-weight:bold; 
	text-decoration: none;  
	margin-right:3px;
	letter-spacing:.05em;
}

a.navbuttons:hover 
{
	color: #006699; 
	font-size: 1.1em;
	font-weight:bold;  
	text-decoration: underline;  
	letter-spacing:.05em; 


}

a.navbuttons:visited 
{
	color: #009999; 
	font-size: 1.1em;
	font-weight:bold; 
	text-decoration: none; 
    letter-spacing:.05em;
} 

a.navbuttons:active 
{
	color: #009999; 
	font-size: 1.1em;
	font-weight:bold; 
	text-decoration: none; 
	letter-spacing:.05em;
} 


a.navbuttonsfirst 
{
	color: #009999; 
	font-size: 1.1em;
	font-weight:bold; 
	text-decoration: none;  
	margin-right:10px;
	margin-left:30px;
	margin-top:10px;
	margin-bottom:10px;
	letter-spacing:.05em;
}

a.navbuttonsfirst:hover 
{
	color: #006699; 
	font-size: 1.1em;
	font-weight:bold;  
	text-decoration: underline;   
	 letter-spacing:.05em;

}

a.navbuttonsfirst:visited 
{
	color: #009999; 
	font-size: 1.1em;
	font-weight:bold; 
	text-decoration: none; 
	 letter-spacing:.05em;
} 

a.navbuttonsfirst:active 
{
	color: #009999; 
	font-size: 1.1em;
	font-weight:bold; 
	text-decoration: none; 
	 letter-spacing:.05em;
}