Sifuentes anita6

<!-- Declare that you are going to use html code instead of wiki code -->
<html>

	<!-- The styling for the website is placed here -->
	<head>
		
		<!-- start of css -->
		<style type="text/css">
		
		/* Clear the default wiki settings */
			
			/* Remove footer, catlinks and logos */
			#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading {
				display: none;
			}
			
			/* set up a white background #58585b*/
			body { 
				width: 100%; 
				height: 100%; 
  				background-color: #58585b;
			}

			/*-- Make page full width and remove borders */
			#globalWrapper, #content { 
				width: 100%; 
				height: 100%;
				border: 0px;
				background-color: transparent;
				margin: 0px;
				padding: 0px;
			}

			
			/*Clear wiki default settings for the top part and create mock "black navigation bar" */
			#top-section { 
				background-color: #000000;
				border: 0 none;
				height: 14px;
				z-index: 100;
				top: 0;
				position: fixed;
				width: 100%; 
				margin:auto;
			}

		/* Set up layout */

			#contentWrap {  
				width: 975px;
				height: auto;
				margin-left: 20px;
				float:left;
				margin-top: 30px;
				margin-right: auto; 
				background-color: #ffffff;	
				padding-bottom: 10px;
				border-radius: 5px;
			}


			#leftColumn {
				width: 149px;
				float:left;
				padding: 5px 10px 5px 10px; 
			}

#middleLine {
width: 1px;
background-color: #ccc;

}

			#rightColumn {
				background-color: #fff; 
				width: 780px;
				float: left;
				padding: 5px 10px 0px 10px; 
			}

			.fullWidthRight {
				background-color: #ffffff;
				padding: 0px 25px 25px 25px;
			}

			.smallBlockRight {
				margin-bottom: 5px;
				padding: 5px 10px 15px 10px;
				width : 240px;
				float: left;
			}

			.smallBlockLeft {
				margin-bottom: 5px;
				padding: 5px 5px 5px 5px;
				width : 140px;
				float: left;
			}


			.smallBlockLeft  li{
				padding-top: 5px;
				list-style: circle;
			}

			.smallBlockLeft img {
				margin: auto;
				text-align:center;
				display: block;
			}

			.clear {
    				clear: both;
			}


    	    		.button {
    				width: 120px;
    				border: 1px solid #cccccc;
    				background-color: fff;
    				height: 30px;
    				text-align: center;
        			border-radius: 5px;
        			padding-top: 10px;
        			margin: auto;
    			}        			

    			.button:hover {
    				background-color: #c1dfa6;
    			}

			.newsItem {
				background-color: #f9f9f9;
				padding: 5px 20px 5px 20px;
				border: 1px solid #cccccc;
				margin-bottom: 5px;
				border-radius: 5px;
			}


			.newsDate {
				font-style: italic; 
				display: inline-block; 
				color: #383838; 
				float: right; 
				padding: 7px 0px 10px 15px;
			}

		/* general styling */


			/* Titles are switched to Arial Black with no line decoration */

			.listleft { 
				font-family: "Arial", Gadget, sans-serif; border-bottom:none;
				font-weight: bold;
				color: #434343;
			}

			#rightColumn h1, h2, h3, h4, h5 { 
				font-family: "Arial", Gadget, sans-serif; border-bottom:none;
				font-weight: bold;
				color: #434343;
			}

			/* Establish font size and family for all text */
			#contentWrap p {
				font-family: "Arial", Helvetica, sans-serif; 
				font-size: 13px;
			}


			#contentWrap a {
				color:#3aa76c;
				font-weight: bold;
				text-decoration: none;
				opacity: 1.0;
    				filter: alpha(opacity=100); /* For IE8 and earlier */
			}

			#contentWrap a:hover {
				opacity: 0.8;
    				filter: alpha(opacity=80); /* For IE8 and earlier */
			}

		</style>

	</head>

	<body>


		<div id="contentWrap">

			<div id="leftColumn">
				<div class="smallBlockLeft"> 
					<img src="https://static.igem.org/mediawiki/2014/2/2a/Featureboxdemo_logo.jpg" width="75px">
				</div>

			</div>		

			<div id="middleLine"> </div>

			<div id="rightColumn"> 
				<div class="fullWidthRight"> 

					<h3> iGEM News </h3>
						<div class="newsItem"> 
							<div class="newsDate"> 15/January</div>
							<h5>Welcome to 2015!</h5>
							<p>iGEM 2015 is about to start, more information will be posted soon</p>
						</div>	
						<div class="newsItem"> 
							<div class="newsDate"> 15/January</div>
							<h5>Welcome to 2015!</h5>
							<p>iGEM 2015 is about to start, more information will be posted soon</p>
						</div>	

				</div>
			</div>

 		</div> <!-- end of white background div -->



	</body>
</html>