/*
	em vs. px for size measurements 
	em are use when fonts are involved. allows for
	flexibility on the users end in case they want to the adjust size.
	px used when dealing w/ fixed sizes. e.g. images widths. 
	*/

#outer_container{
	margin-left: auto;
	margin-right: auto;
	width: 778px;
	background: repeat-y url(images/bg1_04.jpg);
	/* IE HACK */
	text-align: left;
}

#header{
	height: 113px;
	width: 778px;
	margin-top: 0px;
}

#hd_left{
	background-repeat: no-repeat;
	background-image: url(images/homepage01.jpg); 
	background-position: right;
	height: 113px;
	width: 335px;
	position: absolute;
}

#hd_right{
	background-repeat: no-repeat;
	background-image: url(images/bg1_02.jpg); 
	background-position: right;
	height: 113px;
	width: 778px;
	position: absolute;
}

#links{ 
	font-size: .8em; 
	font-family: serif;
	height: 1em;
	width: 28em;
	position: absolute;
	top: 80px;
	left: 345px;
}

#links a{
	color: #ffffff;
	text-decoration: none;
}

#links a:hover{
	text-decoration: underline;
}

#inner_container{
	background-repeat: no-repeat;
	background-image: url(images/bg1_03.jpg); 
	/* NECESSARY FOR CENTERING IN IE */
	text-align: center;
	height:60%;
}

#footer{
	background: no-repeat url(images/subpage2_04.jpg);
	color: #ffffff;
	font-size: .85em;
	width: 617px;
	margin-right: auto;
	margin-left: auto;
	/* NECESSARY FOR CENTERING IN IE */
	text-align: center;
}


.profile_header{
	background: no-repeat url(images/subpage2_01.jpg);
	width: 617px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	/* NECESSARY FOR CENTERING IN IE */
	text-align: center;
}

.profile{
	background: repeat-y url(images/subpage2_03.jpg);
	width: 617px;
	min-height: 50px;
	height: auto;
	margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
	font-size: .8em;
	/* NECESSARY FOR CENTERING IN IE */
	text-align: center;
}

.profile>img{
	padding-top: 1em;
	padding-left: 10em;
	padding-right: 5em;
	float: left;
}

.profile a{
	color: #572D00;
}

.profile p{padding-top: 1em;}

.content{
	background: repeat url(images/subpage2_03.jpg);
	width: 617px;
	margin-top: -16px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 16px;
	/* NECESSARY FOR CENTERING IN IE */
	/* border: red thin solid; */
	text-align: center;
}

.table_content{
	background: repeat-y url(images/subpage2_03.jpg);
	margin-left: auto;
	margin-right: auto;
	width: 617px;
	/* NECESSARY FOR CENTERING IN IE */
	text-align: center;
}

.table_default {
	border: #572D00 thin solid;
	border-collapse: collapse;
	margin-left: 9px;
}

.table_default a{
	color: #572D00;
}

.table_default th{
	border: #572D00 thin solid;
	padding: .5em 0;
}

.table_default td{
	border: #572D00 thin solid;
	font-size: .85em;
	padding: .3em .2em;
}


.left{ float: left;}
.right{ float: right;}

.newvid{ font-weight: bold;}

.small{ font-size: .7em; font-weight:normal;}

html{ 
	background: #FFD9AF url(images/bg1.jpg);
	height: 100%;
}

body {
	margin: 0;
	color: #572D00;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	height: 100%;
	/* Helps keep font dimensions the same across all browsers.
	I hope. */
	font-size: 12pt;
	/* BEGINNING of Internet Explorer CENTERING HACK */
	text-align: center;
}

h1{padding-top: 10px;}
h2.bobbit{margin-top: -15px;}
h4{margin-top: -15px;}

img.pad{padding-bottom: 1.5em;}

table{ width: 600px; }