/* CSS Document for GENERIC_HTML website */

/* TAGS */

body {
	color: #333;
	margin: 0px;
	padding: 0px;
	background-color: #dadada;
	background-image: url(../images/back.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
h1 {
	font-size: 27px;
	font-weight: lighter;
	line-height: 36px;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 8px;
}
h2 {
	margin: 10px 0;
	font-size: 15px;
	line-height: 19px;
	font-weight: bold;
	color: #4b4b4b;
}
h3 {
	font-size: 20px;
	font-weight: lighter;
	line-height: 26px;
	color: #666;
	margin-top: 0px;
	margin-bottom: 10px;
}
h4 {
	border-top: 1px #fff dotted;
	padding-top: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: lighter;
	margin: 10px 0 10px;
}
h6 {
	font-size: 11px;
	font-weight: lighter;
	line-height: 13px;
	color: #666;
	margin-top: 30px;
	margin-bottom: 10px;
	clear: both;
}
html p {
	font-size: 14px;
	line-height: 19px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 8px;
}
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited {
	color: #333;
	text-decoration: underline;
	background: transparent;
}
a:hover, a:focus {
	color: #fff;
	text-decoration: underline;
	background: transparent;
}
ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

li {
	font-size: 14px;
	line-height: 19px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
	font-weight: lighter;
}


/* CLASSES */

.hide {
	display: none;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.bolditalic {
	font-weight: bold;
	font-style: italic;
}
.border {
	border-bottom: 1px dotted #fff;
	padding: 5px 0px 5px 0px;
}
.firstpara_cv{
	margin-top: 17px;
}
.highlight {
	color: #fff;
}
.rhsBold {
	color: #777;
	font-weight: bold;
	margin-top: 0px; 
}
.pic_div {
	border-top: 1px dotted #ddd;
	padding-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
	
.pic_div img {
	border: solid #fff 1px;
	margin: 0px 15px 10px 0px;
	float: left;
	width: 250px;
}
.cv_name {
	color: #fff;
	font-size: 15px;
	line-height: 14px;
	padding-top: 3px;
	margin-bottom: 4px;
}
.cv_name_dot {
	color: #000;
}


/* IDs */

#container {
	position: relative;
	margin: auto;
	padding: 0px;
	border: 0px;
	width: 740px;
}
#picture {
	position: absolute;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 740px;
	height: 250px;
	background-color: #b2b2b2;
}

/* START nav */
#nav {
	position: absolute;
	padding: 8px 0px 0px 20px;
	border: 0px;
	top: 250px;
	left: 0px;
	width: 740px;
	height: 35px;
	background: #000 url(../images/nav_back.gif) 0 0 no-repeat;
	font-size: 16px;
	font-weight: lighter;
	line-height: 19px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	voice-family: "\"\}\"";
	voice-family: inherit;
	height: 27px;
	width: 720px;
}
html>#nav {
	height: 27px;
	width: 720px; /* Be nice to Opera */
}
#nav a:link, #nav a:visited {
	color: #999;
	text-decoration: none;
	background: transparent;
}
#nav a:hover, #nav a:focus {
	color: #f90;
	text-decoration: underline;
	background: transparent;
}
/* END nav */

#lhs {
	position: absolute;
	padding: 15px 20px 20px 20px;
	border: 0px;
	top: 285px;
	left: 0px;
	width: 520px;
	voice-family: "\"\}\"";
	voice-family: inherit;
	width: 480px;
}
html>#lhs {
	width: 480px; /* Be nice to Opera */
}
#rhs {
	position: absolute;
	padding: 22px 15px 20px 20px;
	border: 0px;
	top: 285px;
	left: 520px;
	width: 220px;
	font-size: 13px;
	font-weight: lighter;
	line-height: 17px;
	color: #fff;
	voice-family: "\"\}\"";
	voice-family: inherit;
	width: 185px;
}
html>#rhs {
	width: 185px; /* Be nice to Opera */
}
#rhs a:link, #rhs a:visited {
	color: #fff;
	text-decoration: underline;
	background: transparent;
}
#rhs a:hover, #rhs a:focus {
	color: #333;
	text-decoration: underline;
	background: transparent;
}