#header-graphic {
	background-image: url('/images/header.png');
	background-position: top center;
	background-repeat: no-repeat;
	height:125px;
    width: 900px;
}

h1
{
	padding: 0px;
	margin: 0px;
	font-size:28px;
	line-height:normal;	
	color:#33BFEB;
	text-decoration:none;	
}

#footer {
	background-image: url('/images/footer.jpg');
	background-position: top center;
	background-repeat: no-repeat;
  	margin:0;
	height: 125px;
    width: 900px;
}

.topcode {
	width:600px; height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #677f82;
}

.twitter_form {
	margin-top:2px;
	border: 1px solid #000000;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	background-color: #79dff2;
	background-position: top;
}



.twitter_form .input_box {
	width:160px;
	border: 1px solid #000000;
	background:#FFF;
	color:#999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}

.twitter_form .input_button {
	border: 1px solid #000000;
	background:#d9a716;
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

.htmlcode {
	width:350px; height:120px;
	border: 2px solid #0099ff;
	background-color: #B9DEFA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000055;
}

.htmlcode:hover {
	border: 2px solid #0099ff;
	background-color: #B9DEFA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000055;
}


.pages { 
margin-bottom: 20px; 
border: 0px solid black; 
}

.pages a { 

font-size: 10pt; 
margin: 0px 2px;
color: #108EE7; 
font-weight: bold;
 padding: 4px 9px; 
background-color: #FF7F05; 
color: white; 
border: 1px solid black; 
text-decoration: none; 
/*background-image:url(/images/paginate.gif);*/
 }

.currentpage { 
font-size: 10pt; 
color: red; 
font-weight: bold; 
margin: 0px 2px; 
padding: 4px 9px; 
background-color: #bbb; 
border: 1px solid black; 
color: white; 
} 

text1 {
         font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	 color: #677f82;
     
}

a {
color:#677f82;
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.padded {
padding: 2px, 0px, 2px, 50px;
} 

/* new */
.title {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: white;
	padding: 20px 0px 0px 20px;
}

.subtitle {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: white;
	padding: 0px 0px 0px 20px;
}

@media handheld, screen and (max-width:480px){
	#header-graphic{
		width:100%;
		background-image:none;
		height:auto;
		background-color:#6BDBFB;
	}
	.title{
		font-size:16px;
		padding:0;
		padding-top:9px;
	}
	.subtitle{
		padding:0;
	}
	.content_res{
		width:100%;
	}
	.MainText table{
		width:100%;
	}
	.padded{
		width:100%;
		padding:0;
	}
	.padded > div{
		width:100% !important;
		padding:0 !important;
	}
	.columns_res td{
		display:block !important;
		float:left;
		padding:0 !important;
		width:50%;
		height:24px;
		line-height:24px;
	}
	.twitter_form{
		width:75%;
	}
	#twitterIcon > table{
		width:100%;
	}
	#twitterIcon > table td{
		width:50%;
		padding:0 !important;
	}
	#twitterIcon > table td textarea{
		width:90%;
		border-width:1px;
	}
	center table{
		width:100%;
	}
	.topcode{
		width:100%;
		padding:0 !important;
		height:auto;
	}
	#footer{
		background-image:none;
		background-color:#6BDBFB;
		width:100%;
		height:24px;
	}
	.content_bg_res{
		background-image:none !important;
		width:100% !important;
	}
	#twitterID{
		display:block;
		margin:5px auto;
	}
	.twitter_form{
		margin-top:9px;
	}
	.twitter_form p{
		margin:9px 0;
	}
	.pages_res{
		text-align:center;
	}
	.pages_res span{
		display:block;
		text-align:center;
	}
	.pages_res a, .pages_res b{
		display:inline-block !important;
		margin:5px;
	}
	.site_top_res td{
		display:block !important;
		width:100%;
		margin:0 auto 18px auto;
		padding:0 !important;
	}
	.res_pad{
		padding:0 !important;
	}
	.scr_res{
		text-align:center;
	}
	h1{
		font-size:18px;
	}
	.get_icon_res{
		float:none !important;
		width:100%;
		text-align:center;
		margin-top:18px;
	}
	.icons_res{
		text-align:center;
	}
}