body {margin: 0px; padding: 0px; font-family:"Courier New", Courier, mono; line-height: 1.2em; font-size: 10px;}

#wrap1 {margin: 10px 30px; z-index: 1; padding: 0px; width: 820px; background-image:url(images/back_fade_stripe.gif); background-position: top left; background-repeat: repeat-x;}
#wrap2 {margin: 0px; padding: 0px; z-index: 1;width: 820px; background-image:url(images/top_background.gif); background-position: top left; background-repeat: repeat-x;}

#header {position: relative; width: 820px; height: 20px; padding: 0px; margin: 0px;}

a img {border: 0px;}

/*======================================
Wrap to contain menu or menu and submenu
======================================*/
#menuwrap {position: relative; float: left; margin: 0px; padding: 0px; background-color: #FFFFFF; clear: both;}
#menuwrap.onemenu{width: 130px; height: 330px;}
#menuwrap.twomenus{width: 280px; height: 330px;}


/*======================================
Menu and submenu
======================================*/
#menu {position: relative; float: left; width: 130px; text-align: left; font-weight: normal; font-size: 11px; margin: 0px; padding: 20px 0 0 0;}

#menu ul {margin: 0; padding: 0;} 
#menu li {margin: 0; padding: 0; list-style: none; height:1%;}		
#menu ul li.thiscategory {background-color: #3399cc; color: #FFFFFF;}

#menu a {display: block; text-decoration: none; margin: 0; padding: 5px;}	
#menu a:link, #menu a:visited {color: #333;}
#menu a:hover {color: #FFFFFF; background-color: #3399cc;}
#menu a.thiscategory:link, #menu a.thiscategory:visited {color: #FFFFFF; background-color: #3399cc;}
#menu a.thiscategory:hover {color: #FFFFFF; background-color: #3399cc;}

#submenu {position: relative; width: 130px; text-align: right; font-size: 11px; margin: 0 0 0 130px; padding: 20px 0 0 0;}
#submenu.random {position: relative; width: 130px; text-align: right; font-size: 11px; margin: 0 0 0 130px; padding: 20px 0 0 0;}

#submenu ul {margin: 0; padding: 0; background-image:url(images/submenu_notthisone.gif); background-position: center right; background-repeat: repeat-y;} 
#submenu li {margin: 0; padding: 0; list-style: none; height:1%;}	
#submenu li.li_spacer {background-color: #FFFFFF; padding: 5px; height:1%;}
#submenu li.li_topspacer {background-image:url(images/submenu_topspacer.gif); background-position: center right; background-repeat: no-repeat; padding: 5px; height:1%;}

#submenu a {display: block; color: #333333; text-decoration: none; margin: 0px;}
#submenu a:link, #submenu a:visited, #submenu a:hover {padding: 5px 25px 5px 5px;}
#submenu a.thiscategory:link, #submenu a.thiscategory:visited, #submenu a.thiscategory:hover {background-image:url(images/submenu_thisone.gif); background-position: center right; background-repeat: no-repeat; padding: 5px 25px 5px 5px;}


/*======================================
Wrap to contain main content and rightbar
======================================*/
#mainbox {position: relative; padding: 0px; margin: 0px; }
#mainbox.onemenu {width: 690px; margin-left: 130px;}
#mainbox.twomenus {width: 540px; margin-left: 280px;}


/*======================================
Content and rightbar
======================================*/
#content {position: relative; float: left; z-index: 3; width: 520px; height: 330px; padding: 0px; margin: 0px; font-size: 11px; text-align: justify; color: #333;}		
#content.other {width: 440px; height: 380px; border-bottom: 1px solid #3399CC;}
#content.random {width: 440px; height: 380px; border-bottom: 1px solid #3399CC;}
#content.phd {width: 590px; height: 330px; background-image:url(images/white_350wide.gif); background-position: top left; background-repeat: repeat-y;}	
#content.phd p{background-color: #FFFFFF; padding: 5px 20px 5px 20px; margin: 10px 20px; font-family:Verdana, Arial, Helvetica; line-height: 1.5em;}
#content.cv {width: 590px; height: 330px; background-image:url(images/white_250wide.gif); background-position: top left; background-repeat: repeat-y;}
#content.contact {width: 590px; height: 330px;}

#content.cv p{padding: 5px; margin: 0; font-family:Verdana, Arial, Helvetica; line-height: 1.5em;}

#content.recent p{width: 430px; padding: 5px; padding-bottom: 10px; margin: 0; font-family:Verdana, Arial, Helvetica; line-height: 1.5em;}
#content.recent img{padding-bottom: 10px;}

#rightspacer {position: relative;width: 20px; padding: 0px; margin: 0px;}
#rightspacer.onemenu {margin-left: 670px;}
#rightspacer.twomenus {margin-left: 520px;}

/*======================================
CV content
======================================*/
.cv_title {position: relative; float: left; width: 100px; padding: 0 20px 0 30px; margin: 0; clear: both; text-align: right;}
.cv_date {position: relative; float: left; width: 100px; padding: 0; margin-left: 0px; background-color: #FFFFFF;}
.cv_item {position: relative; float: left; width: 300px; padding: 0 10px; margin-left: 0px; background-color: #FFFFFF; text-align: left;}
.cv_enditem{position: relative; float: left; width: 100px; padding: 0 20px 0 30px; margin: 0; clear: both; text-align: right; font-size: 5px;}
.cv_title_clear {position: relative; float: left; width: 100px; padding: 0 20px 0 30px; margin: 0; clear: both; text-align: right;font-size: 5px;}
.cv_date_clear {position: relative; float: left; width: 100px; padding: 0; margin-left: 0px; background-color: #FFFFFF;font-size: 5px;}
.cv_item_clear {position: relative; float: left; width: 300px; padding: 0 10px; margin-left: 0px; background-color: #FFFFFF; text-align: left;font-size: 5px;}

.phd_item {position: relative; float: left; width: 550px; padding: 0 10px; margin-left: 0px; background-color: #FFFFFF; text-align: left;}


/*======================================
Image gallery
======================================*/
#display_image {
	width:440px; position:relative; height:330px; padding-top:0px; margin:0; border: 0px solid #090;}
#image_scroll {
	width:440px; position:relative; height:50px; padding-top:10px; margin:0; border: 0px solid #090;}
	
#image_scroll img.left {width:20px; height:20px; padding-top: 5px; margin:0 5px 0 0 ; float:left;cursor:pointer;}
#image_scroll img.right {width:20px; height:20px; padding-top: 5px; margin:0 0 0 5px; float:left;cursor:pointer;}

#image_scroll ul {list-style:none; padding:0; margin:0; float:left;}
#image_scroll ul li {display:inline; width:40px; height:40px; float:left; margin:0 5px; cursor:pointer;}

#image_scroll ul li img {display:block; width:40px; height:30px;border: 1px solid #3399CC;}

#image_scroll ul li.hide {display:none;}

#image_scroll ul li span {display:none; position:absolute; left:0px; top:60px; width:440px;font-family:Verdana, Arial, Helvetica; color:#666; }
#image_scroll ul li b {color:#444;}

#image_scroll ul li.chosen {cursor:default; background-image: url(images/li_chosen.gif);}
#image_scroll ul li.chosen span {display:block;}


/*======================================
Misfits
======================================*/
.explain_section{position: absolute; width: 210px;
background-color: #FFFFFF; padding: 10px 20px 10px 5px; 
margin-top: 10px; z-index: 3; font-family:Verdana, Arial, Helvetica; font-size: 11px; line-height: 1.5em; text-align: left; color:#666;}
	
.blue_text{color: #3399CC;}
	
/*======================================
front page
======================================*/
#divControl {
position: absolute;
top: 310px;
left: -20px;
width: 40px;
height: 20px;
padding: 0px;
margin: 0px;
border: solid 0px #900;
z-index: 3;
}

#divControl input, #divControl input:focus {
margin: 0px;
padding: 0px;
border: solid 0px #090;
}

#divControl btnStop{
margin: 0px;
padding: 0px;
border: solid 0px #900;
}

#divImageBox {
	padding-left: 25px;
}

#divNewsBox {
position: absolute;
top: 140px;
left: 500px;
width: 160px;
height: 20px;
padding: 0px;
margin: 0px;
border: solid 0px #900;
z-index: 3;
}

#divNewsBox p {
background-color: #FFFFFF; padding: 5px 10px 5px 10px; margin: 0px; font-family:Verdana, Arial, Helvetica; line-height: 1.5em;
}