.preload {
display: none;
}

A:link {
text-decoration: underline;
color: #235987;
}

A:visited {
color: #1e2f58;
text-decoration: underline;
}

A:hover {
text-decoration: none;
}

A:active {
text-decoration: none;
}

h1 {
font-size: 28;
color: #1e2f58;
font-weight: normal;
font-family: Tahoma, Verdana, Arial;
}

h2 {
font-size: 16;
color: #000000;
font-weight: normal;
font-family: Tahoma, Verdana, Arial;
line-height: 18px;
}

h3 {
font-size: 12;
color: #000000;
font-weight: normal;
font-family: Tahoma, Verdana, Arial;
line-height: 18px;
}

h4 {
font-size: 10;
color: #FFFFFF;
font-weight: normal;
font-family: Tahoma, Verdana, Arial;
}

h5 {
font-size: 10;
color: #04143b;
font-weight: normal;
font-family: Tahoma, Verdana, Arial;
}

#Closed {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #FFFFFF;
opacity: .9;
z-index: 10;
visibility: visible;
}

#Container {
position: relative;
width: 1007;
height: 932;
z-index: 2;
margin: 0 auto;
background-image: url('images/containerhome.jpg');
}

#Social {
position: absolute;
top: 3;
left: 975;
z-index: 2;
}

#Menu {
position: absolute;
width: 693;
height: 32;
left: 7;
font-size: 0px;
z-index: 2;
top: 178;
}

#SubMenu {
position: absolute;
width: 993;
height: 20;
z-index: 2;
top: 216;
left: 7;
font-size: 0px;
}

#Content {
position: absolute;
width: 733;
height: 667;
top: 225;
left: 260;
z-index: 2;
}

#LeftContent {
position: absolute;
width: 236;
height: 667;
top: 225;
left: 17;
z-index: 2;
}

#Footer {
position: absolute;
width: 973;
height: 19;
left: 17;
top: 900;
z-index: 2;
}

#SiteMap {
position: absolute;
width: 973;
height: 120;
left: 17;
z-index: 2;
top: 950;
}

#DonorJersey{
position: absolute;
background-image: url(images/donorjersey.png);
background-repeat: no-repeat;
width: 276;
height: 262;
left: 860;
top: 510;
z-index: 34;
visibility: hidden;
}

#DonorShirt {
position: absolute;
background-image: url(images/donorshirt.png);
background-repeat: no-repeat;
width: 276;
height: 262;
left: 830;
top: 535;
z-index: 34;
visibility: hidden;
}

#DonorLanyard {
position: absolute;
background-image: url(images/donorlanyard.png);
background-repeat: no-repeat;
width: 276;
height: 262;
left: 834;
top: 548;
z-index: 34;
visibility: hidden;
}

.triangle-obtuse {
	position:absolute;
	padding:15px;
	margin:1em 0 3em;	
	color:#1e2f58;
	background:#d9dbe2;
	width: 200;
	font-family: Tahoma, Verdana, Arial, Sans Serif;
	font-size: 12px;
	line-height: 16px;
	top: 50;
	z-index: 3;
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

}

/* creates the wider right-angled triangle */
.triangle-obtuse:before {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:60px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:0;
	border-right-width:30px; /* vary this value to change the angle of the vertex */
	border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
	border-style:solid;
	border-color:transparent #d9dbe2;
}

/* creates the narrower right-angled triangle */
.triangle-obtuse:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:80px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
	width:0;
	height:0;
	border-width:0;
	border-right-width:10px; /* vary this value to change the angle of the vertex */
	border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
	border-style:solid;
	border-color:transparent #fff;
}


