﻿/*
===========================================================================
Text formatting
===========================================================================
*/

body
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
}

a
{
	font-weight:bold;
	color:#790000;
	text-decoration:none;
}

#leftcolumn a:hover, .blurb a:hover, h5 a:hover
{
	border-bottom:solid 1px #c18080;
}

h2
{
	font-family: Tahoma, Geneva, sans-serif;

	font-size:18pt;
	font-weight:bold;
	color:#790000;

	margin-top:0px;
	margin-bottom:0px;

	border-bottom:solid 2px #f1e5e5;

}

h3
{
	font-family: Tahoma, Geneva, sans-serif;

	font-size:14pt;
	color:#790000;

	margin-top:0px;
	margin-bottom:0px;

}

h4
{
	padding:0;
	margin:0;
	text-transform: uppercase;
	color:#790000;

	border-bottom:solid 2px #f1e5e5;

}

h5
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size:11pt;

	color:#790000;

	margin-top:0px;
	margin-bottom:0px;

}

.article .content
{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dashed 2px #f1e5e5;
}

.article .content2
{
	padding-bottom:10px;
	margin-bottom:10px;
}

.blurb
{
	padding-left:28px;
	overflow:hidden;

	padding-bottom:10px;
	border-bottom:dashed 2px #f1e5e5;

	position:relative;

	margin-top:15px;

}

.frontpage .blurb
{
	width:600px;
}

.blurbmarker
{
	background-color:#790000;
	position:absolute;
	left:7px;
	top:7px;
	width:10px;
	height:10px;
}

.byline
{
	color:#c18080;
	text-transform: uppercase;
	font-size:7pt;
}

.blurb .thumbnail, .article .thumbnail
{
	float:right;
}

.thumbnail img
{
	padding:4px;
	margin:4px;
	border:solid 1px #f1e5e5;
}

.thumbnail img:hover
{
	border:solid 1px #c18080;
}

.thumbnail a:hover
{
	border-bottom:none;
}

#rightcolumn
{
	margin-left:30px;
	/*background-color:#c18080;*/
	padding-left:20px;
	border-left:solid 1px #790000;

	font-size:9pt;
}

#leftcolumn
{
	margin-right:30px;
}

#leftcolumn h3
{
	border-bottom:solid 2px #f1e5e5;
}

.list-of-about-articles ul
{
	padding-left:15pt;
}

.list-of-about-articles li
{
	font-size:10pt;
	margin-bottom:5pt;
}

.list-of-about-articles a
{
	font-size:10pt;
	margin-bottom:5px;
	font-weight:normal;
}

.list-of-about-articles .selected
{
	background-color:#f1e5e5;
}

.list-of-about-articles .selected a
{
	font-weight:bold;
}

#footer
{
	text-align: center;
	font-size:7pt;
	margin:10px;
}

.gallerythumbnail
{
	width:128px;
	height:128px;
	float:left;

	vertical-align:middle;
	text-align:center;
}

.gallery-set-thumbnail-table
{
	width:160px;
	height:150px;
	float:left;

	margin:20px;

	vertical-align:middle;
	text-align:center;
}

.gallery-set-thumbnail-div
{
	margin-left:auto;
	margin-right:auto;
	width:130px;

	padding:5px;
	border:solid 1px #f1e5e5;
}

#gallery .content
{
	clear:left;
}

/*
===========================================================================
Html tags - positioning
===========================================================================
*/

body
{
	background:#d1d9e1;
	margin:0px;
	padding:0px;
}

table
{
	empty-cells:show;
}

img
{
	border:none;
}
/*
===========================================================================
Top stripe
===========================================================================
*/

#stripe-table
{
	position:absolute;
	width:100%;
}

.stripe-black
{
	height:10px;
}

.stripe-left
{
	background-color:#3a0000;
}

.stripe-center
{
	width:1002px;
	height:83px;
	background-image: url(../images/stripe-center.gif);
}

.stripe-right
{
	background-image: url(../images/stripe-right.gif);
}

.stripe-shadow
{
	background-image: url(../images/stripe-shadow.gif);
	height:10px;
}

/*
===========================================================================
Main div
===========================================================================
*/

#main-div
{
	position:absolute;
	width:100%;
}

/*
===========================================================================
Title
===========================================================================
*/

#title-div
{
	position:relative;
	width:1002px;
	height:105px;
	margin-left:auto;
	margin-right:auto;
}

#title-img
{
	position:absolute;
	top:17px;
	left:23px;
}

#title-menu-div
{
	position:absolute;
	top:55px;
	left:570px;
}

#beta-tag
{
	position:absolute;
	top:60px;
	left:400px;
	font-weight:bold;
	color:white;
	font-size:8pt;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.50;
}

.title-menu-item-div
{
	display:inline-block;
	vertical-align:top;
}

.title-menu-item-div-selected
{
	display:inline-block;
	vertical-align:top;
	border-bottom: solid 27px white;
}

.title-menu-item-div img
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.70;
}

.title-menu-item-div:hover img
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1.0;
}



/*
===========================================================================
Content box
===========================================================================
*/

#content-table
{
	width:1002px;
	margin-left:auto;
	margin-right:auto;
}

.corner-top
{
	height:9px;
	background:white;
}

.corner-topleft
{
	background-image: url(../images/corner-topleft.gif);
}

.corner-topright
{
	background-image: url(../images/corner-topright.gif);
}

.corner-middle
{
	background:white;
}

.corner-left
{
	background-image: url(../images/corner-left.gif);

}

.corner-right
{
	background-image: url(../images/corner-right.gif);
}

.corner-bottom
{
	height:14px;
	background-image: url(../images/corner-bottom.gif);
}

.corner-bottomleft
{
	background-image: url(../images/corner-bottomleft.gif);

}

.corner-bottomright
{
	background-image: url(../images/corner-bottomright.gif);

}


