@charset "utf-8";
/* You can use this website template anywhere you want, for anything you want. All I ask is that you link back to Blank CSS (www.blankcss.com) in some way. Thank you very much and enjoy! */

/******** Body Elements ********/

* {
	margin: 0;
	border: 0;
}


body {
	background-color: black;
       	font-family: Tahoma, arial, Verdana, georgia;
	line-height: 140%;
        text-align:  center;
	padding: 30px 0 30px 0;
     
}


/******** Layout Elements ********/

.wrapper {

	
	width: 900px;
	padding:  0 0 0 0;
	margin-left: auto;
	margin-right: auto;


 
}


.header {
  	padding: 0 0 0 0;
	margin: 0 0 0 0;
        font-size: 12px;
	

}





.content {
    	margin: 0 0 0 0;
	
      
        text-align: left;
	border: #808080 solid 5px;    
	clear: left;    
	background-image: url(check-background.jpg);
	
}

.content2 {
	margin: 20px 20px 20px 20px;
	text-align: center;
	border: #c00000 solid 2px;
	clear: left;
	padding: 40px 40px 40px 40px;
	background-color: black;
	font-size: 16px;
}

.part1 {

	float: left;
	width: 390px;
	color:  white;
}


.part2 {


	float: left;
	width: 390px;
	color: white;
}








ol#toc {    
	height: 2em;    
	list-style: none;    
	margin: 0;    
	padding: 0;
}


ol#toc li {    
	float: left;    
	margin: 0 1px 0 0;
}


ol#toc a {    
	background: black url(tabs.gif);    
	color: #c00000;    
	display: block;    
	float: left;    
	height: 2em;    
	padding-left: 10px;    
	text-decoration: none;
}


ol#toc a:hover {    
	background-color: #3af;    
	background-position: 0 -120px;
}


ol#toc a:hover span {    
	background-position: 100% -120px;
}


ol#toc li.current a {    
	background-color: #48f;    
	background-position: 0 -60px;    
	color: #fff;    
	font-weight: bold;
}


ol#toc li.current span {    
	background-position: 100% -60px;
}


ol#toc span {    
	background: url(tabs.gif) 100% 0;    
	display: block;    
	line-height: 2em;    
	padding-right: 10px;
}


div.horizontal {    

	clear: left;  
	background-color: black;  
}




/* this group sets the link colors */ 


A:ACTIVE { 
	color : #efefef; 
	text-decoration:  none;
} 

A:LINK { 
	color : #c00000; 
	text-decoration:  none;
} 


A:VISITED { 
	color : #808080; 
} 


A:HOVER { 
	color : #ff0000; 
	text-decoration:  none;
} 


.set1 A:ACTIVE { 
	color : gray; 
} 


.set1 A:LINK { 
	color : black; 
	text-decoration:  none;
} 


.set1 A:VISITED { 
	color : #c00000; 
} 


.set1 A:HOVER { 
	color : green; 
	text-decoration:  none;
} 


.set2 A:ACTIVE { 
	color : gray; 
} 


.set2 A:LINK { 
	color : black; 
	text-decoration:  none;
} 


.set2 A:VISITED { 
	color : #c00000; 
} 


.set2 A:HOVER { 
	color : green; 
	text-decoration:  none;
} 


.set3 A:ACTIVE { 
	color : gray; 
} 


.set3 A:LINK { 
	color : black; 
	text-decoration:  none;
} 


.set3 A:VISITED { 
	color : #c00000; 
} 


.set3 A:HOVER { 
	color : green; 
	text-decoration:  none;
} 




/******** Document Styles ********/

h1 {
	font-size: 18px;
	font-weight: bold;
	color: red;
	text-transform: uppercase;
        text-align: left;
        padding: 0 0 0 0 ;
	
	text-align: center;
}


h2 {
	
	font-size: 15px;
	font-weight: bold;
	color: gray;
        text-align: left;
        padding:  0 0 0 0;
}



h3 {
	font-size: 12px;
	font-weight: bold;
	color: #c00000;
	text-align: left;
        padding:  0 0 0 0;
}	


.indented-title {
	
	font-size: 15px;
	font-weight: bold;
	color: gray;
        text-align: left;
        padding:  0 0 0 40px;
}



Normal {
       	font-weight:  400;
	font-style: normal;			

}



p {
	color: white;
	font-size: 14px;
	line-height:  140%;
	text-align: center;
	font-family: Tahoma, arial, Verdana, georgia;
	padding:  0 25px 12px 30px;
}
	




DIV.footer {
   
    
	clear: left;    	
	width: 100%;
	margin: auto;
	FONT-WEIGHT: strong;
   	FONT-SIZE: x-small;
   	TEXT-TRANSFORM: none;
       	PADDING-TOP: 2px;
   	text-align: center;
	color: white;

}


	


/******** List Styles Styles ********/

ul  {
	margin: 0 0 0 30px;
	list-style-type: decimal;
	list-style: none;
	list-style-position: inside;
	color: white;
}


ul ul {
	margin: 0 0 0 30px;
	list-style-type: decimal;
	list-style: circle;
	list-style-position: inside;
	color: white;
}




ol  {
	margin: 0 0 0 45px;
	list-style-type: decimal;
	list-style-position: outside;
}

ol  {
	margin: 0 0 0 45px;
	list-style-type: decimal;
	list-style-position: outside;
}




/********** Main navigation buttons - verticle **********/

#navcontainer { 
	width: 200px; 
}


#navcontainer ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: verdana, arial;
	font-weight: bold;
}

#navcontainer a {
	display: block;
	padding: 3px;
	width: 140px;
	margin:  0 0 20px 0;
	background-color: black;
	border: 2px solid #eee;
}


#navcontainer a:link, #navlist a:visited {
	color: white;
	text-decoration: none;
}


#navcontainer a:hover {
	background-color: #fd12a3;
	color: #fff;
}


/*****************my styles**************/

img {
	padding:  5px 5px 5px 5px;
	border:  2px solid #c00000;
	margin:  12px 12px 12px 12px;
	text-align: center;	
}

img#head {
	margin: auto;
	border:  black;
}


p.smaller-text {
        text-align: left;
        color:  black;
	margin:  0 0 12px 0;
	font-size: smaller;

}


#toplist li {
    
    	  display: inline;
          list-style-type: none;
          color:  white;
	  text-align: center;
}




/*Credits: Dynamic Drive CSS Library for pop up pictures*/
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: red;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}