/* CSS Document */

body { 	background-image: url(../image/bg_grad2.jpg);			
		background-repeat: repeat-x;
		margin:20px;
		padding:0;
		text-align:center;
		background-color: #C1D2FA;
}

.content {
  		height: 100%;
  		overflow: auto;
}

.container {
		margin:10px auto 10px auto;
		padding:0;
		width:900px;
		height: auto;			
		background-color:#ffffff ;
		border:solid black 2px;
		z-index:100;
}

.col_left {	
		float:left;
		display:inline;
		margin:120px auto  0 auto;
		padding:0 10px 0 0;
		width:150px;
}

.col_right {
		float:right;
		display:inline;
		margin:50px 0 0 0;
		
}

.col_right img {
		margin:0;
		padding:0;
}

.where p {
		margin:0 -30px 30px 0;
		padding:0 0 0 0;
}

.where img {
		margin:0 0 0px 0;
		padding:0 0 0 0;
}

.what {	margin:0 0px 0 0;
		padding:0 0 0 0;
}

.what p {	
		margin:0 0 0 50px;
		padding:0 0 0 0;
}

.alphlist {
		margin:0 0 0 25%;
		padding:0;
}

.alphlist li {
		width:25px;
		height:15px;
		text-decoration:none;
}

.alphlistl {
		margin:0 0 0 0%;
		padding:0;
		float:left;
}

.alphlistr {
		margin:0 0 0 0%;
		padding:0;
		float:right;
}

.catlist{
		margin:0 0 0 10%;
		padding:0;
}

.categories {
		margin:20px 0 0 -50px;
		padding:0;
		color:#FF6633;
		font-weight:600;
		font-style:italic;
		font-size:18px;
		text-align:center;
}

.copyright {
		margin:0px 0 0 0;
		padding:00px 0 0 0;
		color:#FFFFFF;
		font-family:"Modern No. 20", Verdana, Arial;
		font-size:9px;
		font-weight:100;
		word-spacing:3px;
}

.copyright a{
		word-spacing:2px;
}

.copyright a:link{
		color: #FFFFFF;
		text-decoration:none;
}

.copyright a:visited{
		color: #999999;
		text-decoration:none;
}

.copyright a:hover{
		color: #0033CC;
		text-decoration: underline;
}

.copyright a:active{
		color: #FFFFFF;
		text-decoration:none;
}

.copyright a:link{
		color: #FFFFFF;
		text-decoration:none;
}

.footer {	
		margin:30px auto 0px auto;
	 	padding:0px;
	  	width:850px;
		height:55px;
		background-color:#002063;
		color:#FFFFFF;
}

.footlinks {
		margin:10px 0 0px 0;
		padding:10px 0 0 0;
		height:30px;
		word-spacing:6px;		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
}
		
.footlinks a {
		color:#FFFFFF;
		text-decoration:none;
}

.footlinks a:link{
		color: #FFFFFF;
		text-decoration:none;
}

.footlinks a:visited{
		color: #FF9933;
		text-decoration:none;
}

.footlinks a:hover{
		color: #FF0000;
		text-decoration: underline;
}

.footlinks a:active{
		color: #FFFFFF;
		text-decoration:none;
}

.header { 	
		background-image:url(../image/banner/sierra2.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-color: #000000;	
		margin:2em auto 0 auto;
		padding:0 0 0 0px;
		width:800px;
		height:150px;			
}

.header img{
		margin:0px auto 0 auto ;
		padding:0;
		z-index:1;
		position:relative;			
}

.logo { margin:0px 0 0 20px;
		padding:2px 0px 2px 0;
		height:54px;
		float:left;
}

.logo img {	
		width:40px;
		height:50px;
		float:right;
		margin:0 5px 0 0;
}

.main_bg { 
		background-color:#CCCCCC;
		margin:20px auto 0 250px;
		padding:0;
		width:612px;
		height:auto;			
		border:solid red 1px;
}

.main_hdrs {
		font-size:18px; 
		font-weight:900;
		margin:0px;
		padding:0 0 0 0px;
		border:solid red 1px;			
}

.middle {
		top:10px;
		margin:0 160px 0 160px;
		padding: 10px 0 10px 50px;	
		background-color: #EBF0F5;
		background-image:;
		background-repeat:no-repeat;
		background-position:center;
		border:;
		font-family: "Comic Sans MS";
		font-size:14px;
		font-weight:600;
		text-align:left;
}

/*.middle a {
		text-decoration:none;
		min-height:750px;
}

.middle a:link {
		color:#0033CC;
}

.middle a:visited {
		color:#0033CC;
}

.middle a:hover {
		color: #FF6633;
}

.middle a:active {
		color:0033CC;
}*/

#img1 {
		width:200px;
		margin:0 0 0 20%;
		padding:0;
}

#alpabet {
		color:#FF6633;
		font-size:xx-large;
		text-align:center;
}

.middle p:first-letter {
		color:#FF6633;
		font-size:xx-large;
}

.middle h1 {	
		font-family: "Comic Sans MS";
		text-align:center;
}

.middle h2 {	
		color:#0000FF;
		text-align:center;
}

/*
.middle ul {
		margin:0px 0 0px 0;
		padding:0;
} */

.postmark {
		float:right;
		margin:0 auto 0 auto;
		padding:0;
		display:inline;
}

.top {	margin:20px 0 0 -50px;
		padding:0;
		text-align:center;
}

.top a {color: #990000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}

.top a:link {
		color: #990000;		
}

.top a:visited {
		color:#990000;
}

.top a:hover {
		color: #FF0000;
}

.top a:active {
		color:#FF0000;
}

#azindex {
	background: #75B9D0;
	/*float: left;*/
	margin: 5px auto 20px 10px;
	/*padding: 0px 5px 15px 5px;*/
	width: 520px;
	border:solid red 1px;
}

 * html #azindex {
	padding: 5px 5px 10px 5px;
	width: 490px;
}
	
#index {
	font: bold 100% Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}	
	
#index li {
	float: left;
	height: 2em;
	list-style-type: none;
	margin: 0.65em 0.3em;
	padding: 0;
	width: 3em;
	border:solid black 2px;
}

 * html #index li {
	margin: 0.2em 0.2em;
}

#index a:link, #index a:visited {
	background: #fff;
	color: navy;
	display: block;
	height: 2em;
	padding: 0.75em 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 3em;
}

#index a:hover {
	background: #93D1E4;
	color: #fff;
	text-decoration: underline;
}