* {
    margin: 0;
    padding: 0;
}
body {
    background: #ad9b81 none repeat scroll 0 0;
    color: #fff;
    font-family: Georgia,serif;
    font-size: 13.5px;
}
a {
    color: #ffffcc;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
a:hover, a.selected {
    color: #ffcc00;
}
h1, h2, h4, h5, h6 {
    color: #ccc;
    margin-bottom: 5px;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
}
h1 {
    font-size: 18px;
}
h2 {
    font-size: 14px;
}
.sociales {
    margin-bottom: 20px;
    text-align: center;
}
#timeline {
	background: rgba(0, 0, 0, 0) url("http://dev.hgtc.edu/about_hgtc/50/timeline/images/dot.gif") repeat-y scroll 3px top;
	height: 900px;
	margin: 50px auto;
	overflow: inherit;
	position: relative;
	width: 900px;
margin-left: 100px;
}
#dates {
    float: left;
    height: 600px;
    overflow: hidden;
    width: 100px;
}
#dates li {
	background: rgba(0, 0, 0, 0) url("/about_hgtc/50/timeline/images/biggerdot.gif") no-repeat scroll left center;
	font-size: 24px;
	height: 100px;
	line-height: 100px;
	list-style: outside none none;
	padding-left: 20px;
	width: 200px;
	visibility: visible;
		 overflow: inherit;
}
#dates a {
	line-height: 36px;
	padding-bottom: 10px;
	text-shadow: 1px 1px 2px #333;
}
#dates .selected {
	font-size: 33px;
	height: 1000px;
}
#issues {
	float: left;
	height: 600px;
	overflow: visible;
	width: 600px;
	padding-left: 100px;
}
#issues li {
    height: 600px;
    list-style: outside none none;
    width: 400px;
}
#issues li.selected img {
	transform: scale(1.1, 1.1);
	border: thin solid #fff;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
box-shadow: 1px 1px 1px 1px #a3a198;
}
#issues li img {
	float: left;
	margin: 15px 20px 10px 10px;
	transform: scale(0.7, 0.7);
	transition: all 2s ease-in-out 0s;
}
#issues li h1 {
    color: #ffcc00;
    font-size: 48px;
    text-align: center;
    text-shadow: 1px 1px 2px #000;
}
#issues li p {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    margin: 10px 20px;
    text-shadow: 1px 1px 2px #000;
}
#grad_top, #grad_bottom {
    height: 80px;
    position: absolute;
    width: 500px;
}
#grad_top {
    top: 0;
}
#grad_bottom {
    bottom: 0;
}
#next, #prev {
	background-position: 0 -44px;
	background-repeat: no-repeat;
	font-size: 70px;
	height: 22px;
	left: 625px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	width: 38px;
}
#next:hover, #prev:hover {
    background-position: 0 0;
}
#next {
	background-image: url(/about_hgtc/50/timeline/images/next_v.png);
	bottom: 225px;
}
#prev {
	background-image: url("/about_hgtc/50/timeline/images/prev_v.png");
	top: 251px;
}
#next.disabled, #prev.disabled {
    opacity: 0.2;
}