body{ margin: 0; padding: 0; }

	/* header styles */
    #topheader {
		clear:left;
		float:left;
		width:960px;
		height:70px;
		overflow:hidden;
		margin-top:.5em;
		background-image:url(../img/logo_bkgrd.GIF);
    }		
    #banner {
		clear:left;
		float:left;
		width:960px;
		height:100px;
		overflow:hidden;
		border-top:1px solid #000000;
    }
    #subheader {
		clear:left;
		float:left;
		width:960px;
		height:25px;
		overflow:hidden;
		background-color:#000000;
		border-top:1px solid #FFFFFF;
		border-bottom:1px solid #FFFFFF;
    }
	/* column container */
	.colmask {
		clear:both;
		float:left;
		width:960px;				/* width of page */
		overflow:hidden;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:960px;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background-color:#EEEEDD;		/* right column background colour */
	}
	.threecol .colmid {
		right:140px;				/* width of the right column */
		background-color:#FFFFFF;    /* center column background colour */
	}
	.threecol .colleft {
		right:640px;				/* width of the middle column */
		background-color:#001599;		/* left column background colour */
	}
	.threecol .col1 {
		width:640px;				/* width of center column content (column width minus padding on either side) */
		left:100%;				/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:180px;				/* Width of left column content (column width minus padding on either side) */
		left:140px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:140px;				/* Width of right column content (column width minus padding on either side) */
		left:780px;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
/* Footer styles */
	#footer {
        clear:both;
		width:960px;
		height:30px;
		border-top:1px solid #ccc;
		background-color:#000000;
    }

/* Styles */

body {
	font-family:Arial, Tahoma, serif;
    font-size:80%;
	}
#content {
	padding:5px 10px 5px 20px;
	}
body a	{
	color:#001599;
	text-decoration:underline;
	}
body a:hover {
	color:#0F70BF;	
	text-decoration:underline;
	}	
h3 {
	color:#001599;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	font-size: 150%;
	margin:10px 0 10px 0;
	}	
.intro {
	float:top;
	margin-bottom:40px;
	background-color:#EEEEEE;
	padding:0 10px 10px 10px;
	}
ul.decimal {
	list-style-type:decimal;
	}	
ul.disc {
	list-style-type: disc;
	line-height:200%;
	}
img {
	border: none;
	}
fieldset {
	border:none;
	}
.bio {
	height:240px;
	}	
.pic {
	height:240px;
	float:left;
	margin:0 40px 0 0;
	}
.caption {
	font-size: 80%;
    font-family: Verdana, Arial, sans-serif;
    text-align: justify;
	}	
.caption a, a:hover {
	text-decoration:none;
	color: red;
	}
blockquote {
  background: transparent url(../img/quoleft.png) left top no-repeat;
	}
blockquote div {
  padding: 0 48px;
  background: transparent url(../img/quoright.png) right bottom no-repeat;
	}	
.portfolio {
	margin:20px 20px 30px 30px;
	text-align:left;
	float:left;
	}	
.gradient { 
	background-image:url(../img/gradi.php.png);
	width:400px;
	height:25px;	
	}
.date {
	font-size:80%;
	color:#FFFFFF;
	float:right;
	padding: 5px 5px 0 5px;
	}	
.footer {
	color:#FFFFFF;
	font-size: 80%; 
	padding: 10px 5px 0 5px;
	}
.footer a{
	color:#FFFFFF;
	text-decoration:underline;
	}
.footer a:hover {
	color: #0F70BF;
	}


/* Menu */

.buttonscontainer {
	width: 180px;
	background-color:#FFFFFF;
	padding-bottom:1px;
	}
.buttons a {
	color: #FFFFFF;
	background-color: #001599;
	padding: 5px 0 5px 5px;
	margin-top:1px;
	display: block;
	font: 105% Arial, Verdana , sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	font-style:italic;
	}
.buttons a:hover {
	background-color: #0F70BF;
	color: #FFFFFF;
	text-decoration: none;
	font-style:italic;
	}