/* CSS Document */



/*Body image with "elina mer" and email address*/

Body {

	background-image:  url(images/bg2.png);

	background-repeat: no-repeat;

	background-color: #fff;

}





/*main container with "navleft" and "monitor"*/

#container {

	margin: 0;

	padding: 10px;

	border-top: 1px dotted #999;

	border-left: 1px dotted #999;

	position: absolute;

	width: 835px;

	height: 480px;

	top: 60px;

	left: 15px;

	font-family: verdana, sans-serif;

	font-size: 12px;

	color: #999;

	font-weight: bold;

	background: url(images/butterfly_1.png) no-repeat bottom left;

}





/* this is navigation on the left inside the dotted lines 

ILLUSTRATION, PORTRAITS, PROJECTS, and ABOUT ARTIST

The size of the titles with butterflies 150 x 24 */

#navleft {

	float: left;

	width: 160px;

	margin-left: 5px;

	margin-top: 0;

	padding: 5px 5px 20px 5px;

	border-right: 1px dotted #999;

	border-bottom: 1px dotted #999;

}



#navleft ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#navleft li {

	margin: 0;

	padding-top: 0;

}



#navleft a {

	margin: 0;

	color: #007579;

	text-decoration: none;

	border-decoration: none;

}



#navleft a:hover {

	color: #999;

	text-decoration: none;

}





/*smaller navigation DESIGN and INDEPENDENT*/

#nav_small {

	width: 100px;

	margin-left: 25px;

	margin-top: 0;

	padding: 0;

}



#nav_small ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-family: verdana, serif;

	font-size: 13px;

	color: #898989;

	font-weight: normal;

}



#nav_small li {

	margin: 0;

	padding-top: 2px;

	font-family: verdana, serif;

	font-size: 13px;

	color: #898989;

	font-weight: bold;

}





/* the monitor is to the right of the dotted line */

#monitor {

	position: absolute;

	left: 15px;

	top: 10px;

	width: 650px;

	margin: 0 0 10px 180px;

	background-color: #fff;

	padding-left: 10px;

}





/*this is the box of text inside the monitor*/

#textbox {

	float: left;

	width: 570px;

	margin: 0px 5px 10px 0px;

	background-color: #fff;

	padding: 10px;

	border: 1px solid #555;

}



#textbox ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-family: verdana, sans-serif;

	color: #007579;

	font-weight: normal;

	font-size: 12px;

}



/*describes INSTITUTIONS ORGANIZATIONS*/

#textbox li {

	margin: 0 10px 5px 0;

	padding: 0 10px 0 0;

	display: block;

	border-bottom: solid 1px #999;

	font-family: verdana, sans-serif;

	color: #555;

	font-weight: normal;

	font-size: 11px;

	text-decoration: normal;

}



#textbox a {

	color: #007579;

	text-decoration: none;

	border-decoration: none;

	font-weight: bold;

	font-size: 13px;

}



#textbox a:hover {

	color: #999;

	text-decoration: none;

}



/*this is within each line of the list*/

#list ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-family: verdana, sans-serif;

	color: #555;

	font-weight: normal;

	font-size: 10px;

}



#list li {

	margin: 0 10px 5px 5px;

	padding: 10px;

	display: block;

	border-bottom: dotted 1px #999;

	font-family: verdana, sans-serif;

	color: #555;

	font-weight: normal;

	font-size: 10px;

	text-decoration: normal;

}



#list a {

	margin: 0;

	color: #000;

	text-decoration: none;

	border-decoration: none;

	font-weight: bold;

	font-size: 13px;

}



#list a:hover {

	color: #999;

	text-decoration: none;

}





/*the titles are the bolding of the writing on the very right */

.titles {

font-weight: bold;

font-size: 13px;

color: #555;

}



.emph {

color: #6FBAD2;

font-size: 14px;

font-weight: bold;

}



.emph4 {

    color: #06494B;

	font-weight: bold;

	font-size: 12px;

}