@import 'default.css';

ol { width:100%; margin:0px auto; padding-left:8px;}

	ol li + li {margin-left: 20px;}

    ol li {
		list-style-type: none;
		background-image: url(../images/bg_home_unselected.png);
		background-position: top center;
		background-repeat: repeat-x;

		border-width: 1px;
		border-style: solid;
		border-color: #CC3300;

		color: #FFFFFF;
		float:left; 
		width:204px; 
		padding:10px;
	}
    
	ol li h1 {
		color: #FFFFFF;
		font-family : Georgia;
		font-size: 22px;
		font-weight: normal;
		padding-left:0px;
		padding-right:5px;
	}

	ol li h2 {
		color: #E1E68A;
		font-family : Georgia;
		font-size: 12px;
		font-weight: normal;
		padding-left:0px;
		padding-right:5px;

	}
 
    ol li p {
		padding-left:0px;
		padding-right:5px;
		margin:1em 0;
		}
        
    ol li div a {visibility:hidden;}
        

	ol li:hover {
		border-width: 1px;
		border-style: solid;
		border-color: #000000;

		float:left; 
		color: #000000;
		background:#FFFFFF;

		width:204px; 
		padding:10px;

	}

	ol li:hover h1 {
		color :#000000;
		font-family : Georgia;
		font-size: 22px;
		font-weight: normal;
		padding-left:0px;
		padding-right:5px;

	}

	ol li:hover h2 {
		color :#000000;
		font-family : Georgia;
		font-size: 12px;
		font-weight: normal;
		padding-left:0px;
		padding-right:5px;
	}

	ol li:hover div a {visibility:visible;}