html, body /*{}{height:100%} /*To set evrything to 100% (footer touches always bottom). IE needs body firefox needs html*/
body {
	background-color:#E0EBEF;
	padding:0;
	margin:0;
	text-align:center;
	color: #000000; /*try to always set a foreground color*/
	font: 100.01% sans-serif;/*100.01 is necessary for IE*/
	}
* {
	padding:0;
	margin:0;
	} /*to have all browsers act the same*/

/*CENTERINGBOX*/
#centeringbox {
	height:100%;
	width:85%;
	margin:auto;
	}

/*MAINBOX*/
#mainbox{
/*	height:100%; /* this makes our mainbox 100%; all percentages are referred to the body,htrml 100%*/
/*	min-height:100%; /*IE will expand element with contetn. other browsers not. this is why we need the min-height*/
	margin-left:0px;/*for left column*/
	padding-left:230px; /*for left column since I have an outer div for centered and auto margins*/
	margin-right:0px;/*for right column*/
	background:#fff;
	margin-bottom:-25px; /*for footer*/
	color: #000000;
	min-width:600px;
	background-image:url(/pics/leftmenulinker.png);/*lets leftnav expand*/
	background-repeat:repeat-y;
	background-position:left;
	text-align:left;
	}
/*html>body #mainbox{height:auto;} /*for mozilla as IE treats height as min-height anyway we have set height and min-height to 100% this would not expand for browsers that know both. so we have to add a hack to make height auto IE does not recognize >*/

/*HEADER*/
#headerdiv{
	height:119px;
	color: #000;
	text-align:center;
	position:relative; 
	margin:0 0 0 -231px; /*the negative margin makes the footer expand the little 1px difference is important*/
	min-width:600px;
	padding-left:1px;
	background-color:#E0EBEF;
	}
/* mac hide \*/
* html #headerdiv{
	height:119px;
	he\ight:119px;
	}/* height needed for ie to force layout*/
/* end hide*/

#headerleftdiv {float:left}
#headerlinkerdiv {
	width:34%;
	height:119px;
	float:left;
	background-repeat:repeat-x;
	background-image:url(pics/headerlinker.png);
		}	
#headerrightdiv {
	float:right;
	margin-left:325px;
	margin-top:-119px;
	postition:relative;
		}
#headerright {margin-left:-95px;}

/*LEFTMENU*/
#leftmenudiv {

	position:relative;/*ie needs this to show float */
	width:230px;/* same as the left margin on #outer*/
	float:left;
	margin-left:-229px;/*must be 1px less than width otherwise won't push footer down outer has pos this has neg*/
	padding-top:0px;/*needed to make room for header*/
	left:-2px;/* push column into position because we want them to overlap physically to expand content*/
	padding-left:1px;
	color:#000000;
	background-color:#E0EBEF;
	}	

#leftmenudiv p {
	padding-left:2px;
	padding-right:2px;
	} /*avoid broken box model in IE*/

/*FOOTER*/
#footerdiv {
	min-width:828px;
	height:22px;
	color: #000000;
	clear:both;
	background-color:#E0EBEF;
	margin-top:2px;
		}
* html #footerdiv {/*only ie gets this style*/
	\height:22px;/* for ie5 */
	he\ight:20px;/* for ie6 */
		}
 #clearfooter{clear:both;height:1px;}/*needed to make room for footer*/
div,p {margin-top:0}/*clear top margin for mozilla*/

#footerleftdiv {float:left;}
#footerlinkerdiv {
	width:41%;
	float:left;
	background-repeat:repeat-x;
	background-image:url(pics/footerlinker.png);
		}	
#footerrightdiv {
	float:right;
	margin-left:100px;
	margin-top:-24px;
	postition:relative;
		}
#footerright {
	margin-left:-95px;
	margin-right:0px;
	}

/*PAGE CONTENT*/		
#pagecontent {
	padding-right:5em;
	padding-bottom:68px;
	position:relative;
	padding-top:.5em;
	padding-left:2em;
	

	}
* html #pagecontent {
	height:1%;
	margin-bottom:12px;
	}/* combat IE's 3 pixel jog */




/*ADD-ONS*/
#headerbar {
	position:absolute;
	top:94px;
	left:240px;
	}
#path {
	text-align:left;
	float:left;
	width:68%;
	}
#currentuser {
	margin-right:10px;
	float:right;
	text-align:right;
	width:29%;
	}

#footerbar {
	position:relative;
	height:22px;
	margin-left:230px;
	}
#footerlinks {
	position:relative;
	top:-22px;
	float:right;
	margin-right:15px;
	text-decoration:none;
	}
#footerlink {
	display:inline;
	margin:0 10px;
	}
#lastupdated {
	position:relative;
	float:left;
	top:-20px;
	font-size:0.7em;
	color:#666666;
	left:-70px;

	}	
#time {
	position:absolute;
	top:65px;
	left:15px;
	font-size:0.75em;
	color:#FFFFFF;
	}
#logindiv {
		position:absolute;
		top:414px;
		left:11px;
		height:120px;
		width:100px;
		}
#username{width:94px; height:16px; margin:19px 0 0 4px; padding:0;}
#password {width:94px; height:16px; margin:27px 0 0 4px; padding:0;}
#loginsubmit {width:55px;margin:10px 0 0 48px;}


/*GENERAL*/
p {margin:.5em .5m 0 1em;}
h1 {
	margin:0 0;
	padding:1em 0 0 0;
	font-size:1.3em;
}
h2 {
	margin:.5em 0.5em;
	padding:1em 0 0 1em;
	font-size:1em;
	color:#0099FF;
}	
	/* Links */
	a:link {color:black}
	a:visited {color:black} 
	a:hover {color:#0033FF} 
	a:active {color:#FFFFFF}
	
	
/*NOT CHECKED YET FROM HERE ON*/
	
li {margin-left:-5px;} /*without this, IE puts line breaks between list items if this does not work:
Make sure all your li tags are ON THE SAME LINE without spaces between tags*/


table {
	border:1px solid #000;
	border-collapse:collapse;
	font-family:arial,sans-serif;
	font-size:90%;
	width: inherit;
}
th {
	background-color:#E3E3E3;
}
td,th{
	border:1px solid #000;
	border-collapse:collapse;
	padding:5px;
}  
/*Fieldsets*/
fieldset {
	margin:20px;
	width:30em;
	background-color:#E1F2FF;
	border-width:1px;
	border-color:#000000;
	padding:20px;
	margin-top:30px;
}

						/*SPECIAL-ID*/
#flashabout {padding:0 0 0 0; margin-left:20px;
		}
#flashanja {padding-bottom:0px; margin:0px 0 0px 0px 
		}
div.comment {
border-color:#0099FF;
border-top-color:none;
border-bottom-color:none;
border-width:1px;
border-style:solid;
margin-left:2em;
margin-bottom:-1px;
margin-right:2em;
padding:0 5em 2em 1em;
font-size:0.9em;
width:500px;
overflow:visible;
}
div.commentheader {
background-color:#4FB7FF;
color:#FFFFFF;
font-size:0.8em;
margin:0 0 2em 0;
padding:3px;
margin-right:-6.25em;
margin-left:-1.25em;
font-style:italic;
font-weight:bold;
}
/*ordermenu*/
#ordermenu ul {
list-style-type:none;
margin-top:0.3em;
margin-left:1.5em;
margin-bottom:2.8em;
margin-right:0;
}
#ordermenu a {
padding:0.5em 0 0.5em 0.5em;
float:left;
width:7em;
text-decoration:none;
background-color:#A4F0FF;
margin-left:0.2em;
margin-right:0;
}
#ordermenu a:hover {background-color:#666666;color:#FFFFFF;}
#ordermenu li {display:inline}
#ordermenu a.ordermenutitle {
float:left;
width:11em;
text-decoration:none;
background-color:#E3E3E3;
}
#ordermenu a.ordermenutitle:hover {background-color:#666666;color:#000000;}
/*ordertable*/
#ordering {
	border:1px solid #000;
	border-collapse:collapse;
	font-family:arial,sans-serif;
	font-size:75%;
}
#ordering th {
	background-color:#E3E3E3;
}
#ordering 	td,th{
	border:1px solid #000;
	border-collapse:collapse;
	padding:5px;
}  
						/*CLASSES*/
p.outline
{
border-style:solid;
}
/* Special text decorations */
span.link
{
text-decoration: underline;
}
/*ordermenu*/
input.horizontal {
display:inline;
float:left;
vertical-align: top;
padding:3px;
margin-left:5px;
margin-top:0px;
margin-bottom:0px;
}
form.horizontal{display:inline; float:left; width:100}
p.horizontal {display:inline; float:left; }
div.horizontal {width:800px}
div.sep
{
display:inline;
float:left;
margin-right:10px;
}
/*Tables*/
table.order2
{
 border:0px;
  border-collapse:collapse;
}
table.additem {
  border:1px solid #000;
  border-collapse:collapse;
  font-family:arial,sans-serif;
  font-size:100%;
margin-left:5px;
margin-top:5px;
margin-right:5px;
margin-bottom:5px;
}
tr.odd
{background-color:#E3E3E3;}
tr.even
{background-color:white;}
table.none {border: 0px none;}
td.none,th.none,tr.none{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}  
p.small
{
color: black;
font-family: arial;
font-size: 80%;
}

#pagecontent p {margin:1em 0 1em 1em; line-height:1.3}

/* common styling */
.menu {font-family: arial, sans-serif; width:138px; position:relative; font-size:11px;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:104px; height:26px; text-align:center; border:1px solid #fff; border-width:0px 0px 0px 0px; background:#fff; line-height:19px; font-size:16px;margin-top:0px;padding-top:0px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#e0ebef;}

.menu ul li:hover ul {display:block; position:absolute; top:0px; left:143px; width:105px;}
.menu ul li:hover ul li a.hide { font-weight:bold; padding-top:7px; display:block; background-image:url(pics/menu_link.png); color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}

.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {padding-top:7px; display:block; background-image:url(pics/menu_normal.png); background-repeat:repeat-x; color:#000; width:150px;}
.menu ul li:hover ul li a:hover { padding-top:7px; background-image:url(pics/menu_hover.png); background-repeat:repeat-x; color:#fff}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {height:50px; font-style:italic; text-align:left;padding-top:7px; display:block; width:300px; padding:10px; background-image:url(pics/menu_info.png);background-repeat:repeat-x; color:#000; font-size:1.5em; margin-left:4px;}
.menu ul li:hover ul li:hover ul li a:hover {height:50px;font-style:italic;display:block; text-align:left; padding-top:7px; padding:10px;background-image:url(pics/menu_info.png); color:#000; font-size:1.5em; margin-left:4px;}



#nav {position:absolute; width:243px; height:208px;top:275px; z-index:10; margin-left:-230px}
#menu1 {position:relative; margin:0px 0 0 0px; padding:0; top:-112px; left:51px}
#menu2 {position:relative; margin:0px 0 0 0px; padding:0; top:-43px; left:101px}
#menu3 {position:relative; margin:0px 0 0 0px; padding:0; top:90px; left:114px}
#menu4 {position:relative; margin:0px 0 0 0px; padding:0; top:105px; left:104px}
#menu5 {position:relative; margin:0px 0 0 0px; padding:0; top:122px; left:60px}


#about_first{display:block;background-image:url(pics/about_off.png); width:138px; height:29px;background-repeat:no-repeat; }
#about_first:hover {background-image:url(pics/about_on.png)}

#projects_first{display:block;background-image:url(pics/projects_off.png); width:138px; height:29px;background-repeat:no-repeat; }
#projects_first:hover {background-image:url(pics/projects_on.png)}

#technical_first{display:block;background-image:url(pics/technical_off.png); width:138px; height:29px;background-repeat:no-repeat; }
#technical_first:hover {background-image:url(pics/technical_on.png)}

#links_first{display:block;background-image:url(pics/links_off.png); width:138px; height:29px;background-repeat:no-repeat; }
#links_first:hover {background-image:url(pics/links_on.png)}

#contact_first{display:block;background-image:url(pics/contact_off.png); width:138px; height:29px;background-repeat:no-repeat; }
#contact_first:hover {background-image:url(pics/contact_on.png)}

#home_first{display:block; margin: 19px 0px -30px 2px; background-image:url(pics/home_off.png);background-repeat:no-repeat;width:89px; height:29px;
margin-top:-1px; padding:0; position:relative; top:91px;}
#home_first:hover {background-image:url(pics/home_on.png)}

#hidden {visibility:hidden; text-decoration:none}
#home_first {text-decoration:none}

.em {color:#0066CC; font-weight:bold}