/* --Layout -- */

div	{ position: absolute;}

div#topbar	{ top:   5px; left: 70px; width: 691px;}
div#banner	{ top:  22px; left: 71px; width: 689px; height:  80px;}
div#main	{ top: 103px; left: 70px; width: 691px;}

div.nav		{ top:   10px; left:   10px; width: 100px;}
div.logo	{ top:  100px; left:   10px;}
div.content	{ top:   10px; right:  10px; width: 550px;}
div.banner	{ top:   10px; left:  100px; width: 500px;}
div.w3c		{ right: 10px; bottom: 10px;}


/* -- Colors -- */
/* Red			(r=255,g=  0,b=  0)	#ff0000 */
/* Orange Orange Yellow (r=255,g=153,b=  0)	#ff9900 */
/* Medium Weak Yellow	(r=153,g=153,b=102)	#999966 */
/* Light Weak Cyan	(r=153,g=204,b=204)	#99cccc */
/* Light Dull Azure	(r=102,g=153,b=204)	#6699cc */

body		{ background-color: #69c;}
div#topbar	{ background-color: #9cc; border: 1px groove #fff;}
div#banner	{ background-color: #fff; border: 1px groove #996;}
div#main	{ background-color: #9cc; border: 1px groove #fff;}

div.nav		{ background-color: #fff; border: 1px groove #69c;}
div.content	{ background-color: #fff; border: 1px dotted #69c;}
div.banner	{ background-color: #fff; border: 1px dotted #69c;}

div#topbar a:link, div#topbar a:visited		{ color: #000;}
div#topbar a:hover	{ color: #f00;}

div.nav a:link		{ color: #69c;}
div.nav a:visited	{ color: #69c;}
div.nav a:hover		{ color: #9cc;}

div.content a:link	{ color: #69c;}
div.content a:visited	{ color: #9cc;}
div.content a:hover	{ color: #f90;}

div.content h1		{ color: #996;}
div#banner h1		{ color: #996;}

/* -- Fonts -- */

div#topbar	{ font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
		  font-size: 12px;}
div#topbar a	{ text-decoration: none;}
div.nav		{ font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
		  font-size: 12px;}
div.nav a	{ text-decoration: none; font-weight: bold; margin: 0px, 0px, 2px, 2px;}
div.content	{ font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
		  font-size: 12px;}
div.content a	{ text-decoration: none; font-weight: bold;}
div.content h1	{ font-size: 16px; font-weight:   bold; margin: 8px, 0px, 8px, 12px;}
div.content h2	{ font-size: 14px; font-weight:   bold; margin: 5px, 0px, 5px,  8px;}
div.content h3	{ font-size: 13px; font-weight: normal; margin: 5px, 0px, 5px,  5px;}
div.content td	{ font-size: 12px; margin: 0px, 0px, 0px,  0px;}
div.content p	{ margin: 5px; 0px; 0px; 12px; text-align: justify;}

div#banner h1	{ font-size: 40px; font-weight:   bold; margin: 5px, 5px, 5px,  20px;}

/* -- Spacing -- */

div#topbar, div#main	{ margin: 0px; padding: 0px;}
div#banner		{ margin: 0px; padding: 2px;}

div.nav, div.content	{ margin: 0px; padding: 5px;}


/* -- Special Features -- */

/* »» Curiculum Vitae */

.td1	{ width: 100px; padding: 0px;}
.td2	{ width: 150px; padding: 0px;}