@charset "windows-1252";

/* --------- 1. defaults  --------- */

*	{
	margin: 0;
	padding: 0;
	}
body {
	margin:0px 0px;
	padding:0px;
	text-align:center;
	background-color: black;
	padding-bottom: 40px;
	}
img	{
	padding: 0;
	margin: 0;
	border: none;
	}
ul { 
	padding: 0px;
	margin:0px;
}
	
html, body, div, p {
	font-family:  "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
}
/* --------- 2. Positions and IDs --------*/

/* the overall container for the page */	
#wrapper {
	width: 760px;	
	margin: auto;
	text-align:left;
	padding:0px;
	top: 20px;
	position: relative;
	height: 91em;
	}
#masthead{
	width: 100%;
	height: 100px;
	}
#navigation {
	position: absolute; 
	top: 98px;
	left: 0px;
	padding:0px;
	z-index: 3;
}
#content{
	position: absolute;
	top: 12em;
	left: 0px;
	width: 520px;
	height: 76em;
	padding:  20px 5px 20px 0px;
	z-index: 2;
	background-color: black;
	color: white;
	border-right: solid 2px rgb(87,11,113);
	}
	
#bottomnav{
	position: absolute;
	width: 527px;
	bottom: 0em;
	text-align: center;
	background: url(../graphics/background_spec.jpg) no-repeat bottom; 
	}
#xtratxt{
	position: absolute;
	left: 5px;
	width: 710px;
	top: 12em;
	color: white;
	z-index: 1;
	visibility: hidden;
	}
#bottomimages{
	position: absolute;
	width: 100%;
	bottom: 7em;
	text-align:center !important;
	}
div#bottomimages img{
	padding: 0 15px 0 15px;
	}
#portfolio{
	position: absolute;
	top: 10em;
	left: 527px;
	width: 200px;
	height: 75em;
	text-align: center;
	padding:  20px 0 20px 0px;
	z-index: 2;
	background-color: black;
	color: white;
	}

/* ---------- 3. fonts ---------- */

html {
	font-size: 75%;
	}

h1, h2, h3, h4, h5{
	color: white;
	font-family: "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	letter-spacing: 0.06em;
	font-weight: bold;
	}
h1	{
	font-size: 1.4em;
	margin: 0em;
	padding: 0em;
	}

h2	{
	font-size: 1.7em;
	margin: 0.9em 0em 0.6em 0em;
	padding: 0.9em 0em 0em 0em;
	} 
h3	{
	font: 800 1.15em/1.7em "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	margin: 1.2em 0em 0.4em 0em;
	}
h4	{
	font: 800 1.15em/1.7em "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	margin: 1.2em 0em 0.4em 0em;
	text-align: center;
	}
div#content ul li{
	margin: 0px 0 0.3em 2px;
	padding: 2px;
	list-style-type: none;
	font: 1.1em/1.3em "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	}
p{
	font: 1.1em/1.2em  "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	padding: 8px 0 8px 0;
	}
.notes{
	text-align: left;
	font: 1em/1.1em  "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	padding: 8pt;	
	font-style: italic;
	}	
div#portfolio h1{
	font-size: 1.2em;
	margin: 0em;
	padding: 0.5em 0em 1.5em 0em;
	}
div#bottomnav p{
	font: 0.8em "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif;
	color: black;
	padding: 3px 1px 3px 1px;
	}
div#xtratxt p{
	font: 8px/9px Arial, Geneva, Helvetica, sans-serif;
	margin: 3px;
	font-color: yellow;
	padding:0;	
	}
div#xtratxt h1{
	font: 9px/10px Arial, Geneva, Helvetica, sans-serif;
	margin:0;
	padding:0;	
	}
/* ---------- Font variation within text ---------- */	
.boldtext{
	font-weight: bold;
	}
.ital{
	font-style: italic;
	}


/* ---------- 4. links and navigation ---------- */

	/* menu design */


div#navigation ul li {
	font: 1em/1.2em "Trebuchet MS", Tahoma, Arial, Geneva, Helvetica, sans-serif; 
    font-weight: bold;
   	list-style-type: none;
	float: left;
	background-color: black;
	padding: 0 0 8px 0;
	margin-right: 25px;
}

div#navigation ul li a {
	display:block;
	width:150px;
	text-indent:3px;
	text-decoration: none;
	line-height:1.9em;
	color: white;
	}
div#navigation ul li.home{border-bottom: #F82D17 5px solid; }
div#navigation ul li.corp{border-bottom: #5BB32A 5px solid; }
div#navigation ul li.port{border-bottom: #0B23E7 5px solid; }
div#navigation ul li.event{border-bottom: #BF0AAB 5px solid; }

div#navigation ul li.home a:hover{color: #F82D17; }
div#navigation ul li.corp a:hover{color: #5BB32A; }
div#navigation ul li.port a:hover{color: #0B23E7; }
div#navigation ul li.event a:hover{color: #BF0AAB; }

div#navigation ul li.selected a{
	background-color: white;
	color: rgb(87,11,113);
	border:1px solid white; /* format the design */ 	
	}
/*------- Secondary Navigation */
div#bottomnav a{
	color: white;
	text-decoration: none;
	margin: 0 23px 0 23px ;
}
div#bottomnav a:hover{
	color: white;
	text-decoration: underline;
}
div#bottomnav a:hover.home{color: rgb(248, 49,26);}
div#bottomnav a:hover.gally{color: rgb(251,157,41);}
div#bottomnav a:hover.serv{color: rgb(149, 200,37);}
div#bottomnav a:hover.event{color: rgb(51,102,153);}
div#bottomnav a:hover.cont{color: rgb(147,6,128);}

/*-------- Text Links ---------- */
	A:LINK{color: yellow; font-size: 1em; text-decoration : none}
	A:ACTIVE{color : purple; text-decoration: none}
	A:VISITED{color :rgb(190, 190, 190); text-decoration : none}
	A:HOVER{color : red; text-decoration : underline;}
/* ---------- 5. Iamges etc. ---------- */
.rightpic{
	float: right;
	padding: 5px 5px 5px 12px;
	}
.leftpic{
	float: left;
	padding: 5px 12px 5px 5px;
	}
.centerpara{
	text-align: center;
	}
.clearall{
	clear: both;
	}