	<style type="text/css">

html, body {margin: 0; padding: 0; border: 0;}

body {
color: #000;
background: #525252;
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
margin:0;
text-align:center;
}

.center p  {margin: 0px 0px 12px 0; padding: 0 0px;}
h1{
font-size: 1.5em;
text-align: left;
padding: 10px 0;
margin: 0;	
	}

h2 {
font-size: 1em;
text-align: left;
padding: 10px 0;
padding-bottom:20px;
margin: 0;
}

h3 {font-size: 1.2em; margin: 20px 10px 5px;}

.clear { clear: both; }

a {text-decoration: underline; font-weight: bold; color: #000;}

.alignright {margin-top: 0; text-align: right; clear: both;}

.small {font-size: .9em;}

.menu {
	height:101px;
	background:#525252;
	background-image:url(../images/bg_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid yellow;
	text-align: center; /* this overrides the text-align: center on the body element. */
}


#container {
	width:100%;
	background:#525252;
	background-image:url(../images/utec_logopart_1.gif);
	background-position:29px 0px;
	background-repeat:no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid red;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.wrapper {
margin: 0;
margin-left:58px;
width: 977px;
text-align: left;
background-image:url(../images/back_rep.gif);
	background-repeat:repeat-y;
border: 0px solid red;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 979px;
wid\th: 977px;
}
/* Holygrail */
		.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
	    background:transparent;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
        background:transparent;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:185px;
    }


.footer1{
border: 0px solid #333;
	min-height:95px;
	width:880px;
	padding:0px 0px 10px 30px;
	margin-left:30px
}
.footer2{
height: 798px;
	width:2000px;
	background: #FFFFFF;
	background-image:url(../images/footer_pic.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-align: left; /* this overrides the text-align: center on the body element. */	
}

/* Tooltip start */

#screenshot{
	position:absolute;
	border:0px solid #ccc;
	background:transparent;
	padding:0px;
	display:none;
	color:#fff;
	}

/* Tooltip end */
