@CHARSET "ISO-8859-1";

/* Universal Selectors */

#header *
{
	display:inline-block;
}



/* Element Selectors */

body 
{
    background: white;
    font-family: verdana, arial, sans-serif;
    margin:0px;
    padding:0px;
}

h1, h2, h3, h4, h5, h6
{
font-family:  Trebuchet,"Trebuchet MS",sans-serif;
}

#navBlock div
{
	position:relative;
	float:left;
	width:19%;
	height:75px;
	background-color:#000000;
	text-align:center;
}

#navBlock a
{
	position:relative;
	top:40px;
}

.blackBar a
{
	list-style-type:none;
	text-decoration:none;
}

/* Class, Attribute, and Pseudo Selectors */

body a:link
{
	color:#030471;
}

body a:visited
{
	color:#037170;
}


.blackBar a:link
{
	color:#715e03;
}


.blackBar a:visited
{
	color:#715e03;
}

.blackBar a:hover
{
	text-decoration:underline;
}

#navBar div:hover
{
	background-image: url(../img/lilHat.png);
	background-position:50% 30% ;
	background-repeat: no-repeat;
}


.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.inBlock
{
	display:inline-block;
}

.contentBox
{
	display:block;
	position:relative;
	padding:0px;
	margin:0px;
}

	
	.content {
		position:relative;
		display:block;
		background-color:#fff;
		margin:0px;
		padding:5px;
	}

.navHead
{
	display:block;
	font-size:1.2em;
}

.navItem
{
	display:list-item;
	list-style-image:none;
	margin-left:7px;
	margin-right:7px;
	font-size:.8em;
}

.blackBar
{
	background-color:#000000;
	width:100%;
	color:#fff;
	height:auto;
	
}

.spacer
{
	width:3%;
	float:left;
}

.clearboth
{
	clear:both;
}

.floatLeft
{
	float:left;
}
/* ID Selectors */

#navBar
{
	position:relative;
	top:0px;
	border-bottom-style: solid;
	border-bottom-width: medium;
    border-bottom-color: #723903;
	height:75px;
	
}

#navBlock
{
	position:relative;
	width:70%;
	min-width:620px;
	margin-left:15%;
	margin-right:15%;
	border-bottom:#723903, solid, thick;
	height:auto;
	overflow:visible;
	
}

#canvas /* page container */
{
	position:absolute;
	top:0px;left:0px;
	bottom:0px;right:0px;
	width:100%;
}

#header 
{
	position:relative;
	top:3px;
	z-index:0;
	background: #ffffff;
	text-align:left;
	width:70%;
	min-width:620px;
	margin-left:15%;
	margin-right:15%;
	height:200px;
	background-image: url(../img/trubaccaLogoMedFlip.png);
	background-position:left ;
	background-repeat: no-repeat;
}

#logoBox
{
	position:absolute;
	right:50px;
	width:70%;
	min-width:350px;
	max-width:600px;
}

#titleImg
{
	z-index:20;
	position:absolute;
	right:0px;
	top:35px;
	width:100%;
}

#subtitleImg
{
	z-index:10;
	position:absolute;
	right:50px;
	top:80px;
	width:60%;
}


#sideBar
{
	float:left;
	width:33%;
	min-width:140px;
	background-color:#fff;
}

#sideBarBlock
{
	position:relative;
	background-color: #ffffff;
	1width: 97%;
	text-align:left;
	padding:5px;
	min-width:140px;
	margin-left:5px;
	
	
}

#logoPic
{
	display:inline-block;
	1position:relative;
	height:150px;
	width:127px;
	float:right;
}

#windowPane
{
	position:relative;
	z-index:0;
	background: #ffffff;
	text-align:left;
	width:70%;
	min-width:620px;
	margin-left:15%;
	margin-right:15%;
	padding-top:2px;
	padding-bottom:2px;
	
}

#contentBlock
{
	position:relative;
	width:60%;
	float:left;
	background-color:#ffffff;
}

#meImg
{
	width:100%;
}

#footer
{
	float:left;
	text-align:center;
	border-top-style: solid;
	border-top-width: medium;
    border-top-color: #723903;
}


/* !important Universal Selectors */
/* !important Element Selectors */
/* !important Class, Attribute, and Pseudo Selectors */
/* !important ID Selectors */