/*This stylesheet is created by Adam Woods 2008. Notice here the nature of this comment, it takes the form of a Java code multiline comment as this stylesheet uses CSS scripting language,and so must adhere to the associated rules */

/* ####################################=====High level elements======================########################### */
a:link, a:visited, a:hover
{
	color: #010080;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	display: block;
}

body
{
	background-color:#ebecf6;
}

.base
{
	border-style:solid;
	border-width:5px;
	border-color:#004b80;
	width: 606px; /*--define static width--*/
	margin:auto ;
}

.section
{
	padding:5px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.comment
{
	margin: 10px;
	color: #010080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}

.bottomLeft .comment
{
	margin: 4px;
}

/* ####################################=====TOP==================########################### */
.topRow {
	margin: 0px;
	padding: 0px;
}

.topMiddle {
	float: right;
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 200px;
	border-style:solid;
	border-width:1px;
	border-color:#004b80;
}

.topLeft {
	float: left;
	height: 200px;
	width: 200px;
	border-style:solid;
	border-width:1px;
	border-color:#004b80;
}

.topRight {
	float: right;
	height: 200px;
	width: 200px;
	text-align:right;
	border-style:solid;
	border-width:1px;
	border-color:#004b80;
}
/* ####################################=====MIDDLE==================########################### */
.middleRow 
{
	margin: 0px;
	padding: 0px;
}

.middleMiddle {
	float: right;
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 200px; /*--define static width--*/
	background-image: url(../images/title.jpg);
	background-repeat: no-repeat;
	border-style:solid;
	border-width:1px;
	border-color:#004b80;
}

.middleLeft {
	float: left;
	height: 200px;
	width: 200px;
	border-style:solid;
	border-width:1px;
	border-color:#004b80;
}

.middleRight {
	float: right;
	height: 200px;
	width: 200px;
	background-color:#b5bcde;
	border-style:solid;
	border-width:1px;
	border-color:#004b80;
}
/* ####################################=====BOTTOM==================########################### */
.bottomRow 
{
	margin: 0px;
	padding: 0px;
}

.bottomMiddle {
	float: right;
	height: 200px;
	width: 200px; /*--define static width--*/
	border-style:solid;
	border-width:1px;
	border-color:#004b80;
}

.bottomLeft {
	float: left;
	height: 200px;
	width: 200px;
	background-color:#b5bcde;
	border-style:solid;
	border-width:1px;
	border-color:#004b80;
}

.bottomRight {
	float: right;
	height: 200px;
	width: 200px; /*--define static width--*/
	border-style:solid;
	border-width:1px;
	border-color:#004b80;
}

/*####################################=====Hyperlink elements==================########################### */
.topMiddle h1 a
{
	background-image: url(../images/projects.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	line-height: 200px;

}

.middleLeft h1 a
{
	background-image: url(../images/literature.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	line-height: 200px;

}

.topRow h1
{
	height: 200px;
	width: 200px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.middleRow h1
{
	height: 200px;
	width: 200px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.bottomRow h1
{
	height: 200px;
	width: 200px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.bottomRight h1 a
{
	background-image: url(../images/aboutMe.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	line-height: 200px;

}

.bottomMiddle h1 a
{
	background-image: url(../images/fotos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	line-height: 200px;
}