/*
~~~~~~~~~~~~~~~~~~~~~
css for portfolio.html
C. Daniel Gory's E-Portfolio
~~~~~~~~~~~~~~~~~~~~~
colors:
	Black
	#1D0F01
	#140B01
	#FFE0C1
	#FFC284
	
	Brown
	#91765E
	#665242
	#FFF3E9
	#FFE7D2
*/

body
	{
	margin: 0;
	padding: 5px 5px 0 5px;
	background-color: #ffffff;
	font: 1em georgia, verdana, arial;
	color: #1d0f01;
	}
/* 
- - - - - - - - - - - - - - - - - - - - - - -
dictate the width of the layout,
contains all DIVs inside
- - - - - - - - - - - - - - - - - - - - - - -
*/

#wrapper
	{
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	}

#util
	{
	background-color: #9b7a5a;
	margin: 0 0 5px 0 ;
	padding: 0;
	background-image: url(../images/utilBarR.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	line-height: 14px;
	}

.p_util
	{
	color: #ffffff;
	font: 100 9px arial, tahoma, verdana;
	margin: 0;
	padding: 1px 0 1px 20px;
	background-color: transparent;
	display: inline;
	line-height: 14px;
	}
	
.p_util_R
	{
	color: #ffffff;
	font: 100 9px arial, tahoma, verdana;
	margin: 0;
	padding: 1px 5px 1px 20px;
	background-color: transparent;
	display: inline;
	float: right;
	line-height: 14px;
	}
	
.p1_util
	{
	display: inline;
	color: #ffffff;
	margin: 0;
	padding: 1px 0 1px 10px;
	font: 100 9px arial, tahoma, verdana;
	background-color: transparent;
	background-image: url(../images/utilBarL.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 14px;
	}

.a_util
	{
	margin: 0;
	padding: 0;
	font: 100 9px arial, tahoma, verdana;
	color: #ffffff;
	}

#sizeS
	{
	color: #ffffff;
	margin: 0 0 0 7px;
	padding: 0;
	float: right;
	font: 800 .6em tahoma, sans serif;
	position: relative;
	top: 1px;
	}

#sizeM
	{
	color: #ffffff;
	margin: 0 0 0 7px;
	padding: 0;
	float: right;
	font: 800 .85em arial, sans serif;
	position: relative;
	top: -2px;
	}

#sizeL
	{
	color: #ffffff;
	margin: 0 7px 0 7px;
	padding: 0;
	float: right;
	font: 800 1em arial, sans serif;
	position: relative;
	top: -3px;
	line-height: 1em;
	}
	
#header
	{
	margin: auto;
	padding: 0;
	background-color:  #ffffff;
	}
/* 
- - - - - - - - - - - - - - - - - - - - - - - - -
hide the h1 tag and display logo
- - - - - - - - - - - - - - - - - - - - - - - - -
*/

h1
	{
	margin: 0;
	padding: 0;
	height: 170px;
	width: 258px;
	background-color: #ffffff;
	background-image: url(../images/logo.gif);
	background-position: 5px 0px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	}

h1 span
	{
	display: none;
	}
/* 
- - - - - - - - - - - - - - - - - - - -
Navigation in Header DIV
- - - - - - - - - - - - - - - - - - - -
*/

#ul_nav
	{
	list-style-type: none;
	margin: 0;
	padding:  0;
	float: right;
	background-color: #ffffff;
	}

.li_nav
	{
	display: inline;
	margin: 0 0 0 4px;
	padding: 0;
	background-color: #ffffff;
	height: 260px;
	}

.li_nav a
	{
	padding: 0;
	margin: 0;
	display: inline;
	text-align: center;
	color: #ffe0c1;
	font-weight: 100;
	font-size: 280px; 
	height: 220px;
	background-color: #ffffff;
	text-decoration: none;
	}

#nav1
	{
	background-image: url(../images/nav1bg.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	}

#nav1:hover
	{
	background-image: url(../images/nav1hover.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	}
	
#nav2
	{
	background-image: url(../images/nav2bg.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	}

#nav2:hover
	{
	background-image: url(../images/nav2hover.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	}
	
#nav3
	{
	background-image: url(../images/nav3bg.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	}

#nav3:hover
	{
	background-image: url(../images/nav3hover.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	}
	
#nav4
	{
	background-image: url(../images/nav4bg.gif);	
	background-color: transparent;
	background-repeat: no-repeat;
	}

#nav4:hover
	{
	background-image: url(../images/nav4hover.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	}
		
#nav5
	{
	background-image: url(../images/nav5bg.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	}

#nav5:hover
	{
	background-image: url(../images/nav5hover.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	}
	
#nav6
	{
	background-image: url(../images/nav6bg.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	}

#nav6:hover
	{
	background-image: url(../images/nav6hover.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	}

.nav_img
	{
	padding: 0;
	margin: 0;
	border: 0;
	}

.nav_hidetext
	{
	display: none;
	padding: 0;
	margin: 0;
	}

#slogan
	{
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 260px;
	line-height: 20px;
	text-align: center;
	}

.p_slogan
	{
	color: #9b7a5a;
	font: 800 14px comic sans, tahoma, verdana;
	margin: 0;
	padding: 0 0 0 5px;
	width: auto;
	line-height: 24px;
	}
	
#sp_slo_btm
	{
	position: relative;
	top: 12px;
	line-height: 20px;
	}
	
#sp_slash
	{
	font: 800 30px times, serif;
	line-height: 20px;
	}
/* 
- - - - - - - - - - - - - - - - - - - - - - -
HR to provide a bit of a hack
- - - - - - - - - - - - - - - - - - - - - - -
*/

hr	
	{
	clear: both;
	padding: 2px 0 2px 0;
	margin: 0;
	background-color: #ffc284;
	color: #1d0f01;
	visibility: hidden;
	}
/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Main Content area, contained in #MAIN, 
2 columns, DIVS #SIDEL(eft) and #SIDER(ight)
Left side holds the main content, right side is
secondary info
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

#main
	{
	clear: both;
	padding: 0 0 0 0;
	margin: 0;
	background-color:  #FFF0E0;
	width: auto;
	background-image: url(../images/mainTopR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	}

/* 
- - - - - - - - - - - - - - - - - - - - - - -
Left side DIV
- - - - - - - - - - - - - - - - - - - - - - -
*/
#sideL
	{
	padding: 20px 0 0 20px;
	margin: 0;
	background-color: transparent;
	background-image: url(../images/mainTopL.gif);
	background-repeat: no-repeat;
	}

h2	
	{
	padding: 0;
	margin: 0 0 10px 0;
	background-color: transparent;
	}

h3
	{
	margin: 0;
	padding: 0;
	background-color: transparent;
	}

p.left
	{
	line-height: 1.5em;
	padding: 0 5px 15px 0;
	margin: 0;
	background-color: transparent;
	}

#address
	{
	list-style-type: none;
	background-color: transparent;
	}

#address li
	{
	display: block;
	line-height: normal;
	font-size: 1em;
	height: auto;
	}

dd
	{
	line-height: 1.5em;
	padding: 0 5px 15px 50px;
	margin: 0;
	background-color: transparent;
	width: auto;
	}
	
.imgPorts
	{
	border: 0;
	float: right;
	margin: 0;
	padding: 0 20px 10px 20px;
	}
/* 
- - - - - - - - - - - - - - - - - - - - - - -
Heading for right side DIV
- - - - - - - - - - - - - - - - - - - - - - -
*/

#sideR
	{
	display: inline;
	float: right;
	width: 200px;
	padding: 0;
	margin: 0 20px 10px 10px;
	background-image: url(../images/btmsideR.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #ffc284;
	}
	
h4
	{
	color: #ffffff;
	padding: 4px 5px 5px 5px;
	margin: 0;
	width: auto;
	background-color: #ffc284;
	background-image: url(../images/topsideR.gif);
	background-repeat: no-repeat;
	text-align: center;
	}
	
p.right
	{
	font: .7em georgia, courier, arial;
	padding: 15px 5px 35px 5px;
	margin: 0;
	line-height: 1.5em;
	}

.cur_pro_title
	{
	text-align: center;
	padding: 10px 0 20px 0;
	margin: 0;
	font: .9em georgia, courier, arial;
	line-height: normal;
	}
	
.cur_pro
	{
	border: 0;
	margin: 0;
	padding: 15px 30px 5px 30px;
	}
/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Second HR hack to have something
placed static in the #MAIN div so
the div stretches down to the bottom
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

hr#bottom
	{
	visibility: hidden;
	padding: 0;
	margin: 0;
	background-color: #ffc284;
	}

/* 
- - - - - - - - - - - - - - - - - - - - - - -
Footer DIV 
- - - - - - - - - - - - - - - - - - - - - - -
*/

#footer
	{
	clear: both;
	background-color: #9b7a5a;
	margin: 0 0 5px 0;
	padding: 0;
	background-image: url(../images/footR.gif);
	background-repeat: no-repeat;
	background-position: right;
	}
	
p.foot
	{
	color: #ffffff;
	font: 100 9px arial, tahoma, verdana;
	margin: 0;
	padding: 2px 0 1px 10px;
	background-image: url(../images/footL.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	}

/* .dgory.d.students.brealey.fleming */