body{
width:70%;
margin-left:150px;
margin-top:0px;
margin-bottom:0px;
background-attachment:fixed;
background-image:url("../images/page.png");
}
a{
color:#77aee0;
text-decoration:none;
}
a:hover{
color:orange;
 text-decoration: blink;
}
.header{
border:1px solid black;
height:120px;
z-index:1000;
width:700px;
position:fixed;
margin:0px;

}
.header > #headerimg{width:700px;}
.header > #cuplogo{width:90px;position:absolute;margin-left:600px;margin-top:20px;display:inline;}
.page
{
border:1px solid black;
height:800px;
width:700px;
background:url(../images/section1.png);
margin-top:128px;
position:absolute;
border-top:4px dotted #484848;
}
.page > table {margin-top:10px;}
.page > table:hover {margin-top:10px;cursor:default;}
.page > table th{text-align:left;color:#fff000;font-family:arial;text-indent:10px;height:30px;}
.page > table td{text-align:left;color:white;font-family:arial;text-indent:10px;}
.page > #portfolio{margin-left:0px;margin-top:20px;}
.page > #portfolio td  > table:hover{border-bottom:1px solid #232323; border-top:1px solid #23232;height:200px;}
.page > #portfolio td  > table th{background:#232323;text-align:left;text-indent:5px;-moz-transition:background 1s,text-indent 1s,color 1s;transition:background 1s,text-indent 1s,color 1s;}
.page > #portfolio td  > table:hover th{border:1px solid #333333;text-indent:15px;background:#232323;color:#ffffff;}
.page > #portfolio td  > table td{background:#232323;text-indent:0px;}
.page > #portfolio td  > table:hover td{border:1px solid #333333;background:#1e1e1e;}

.footer{width:700px;border-top:2px solid #333333;text-align:center;color:#252525;font-size:12px;line-height:50px;font-family:Microsoft Sans Serif;}