body {
         margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
		color: #000;
		font-size: 85%;
   text-align:center;
}
#fixed {
   margin:0 auto;
   /*width:1050px;*/   /* you can use px, em or %*/ 
    /*min-width: 780px;*/
	max-width: 1050px;

   /*width:expression(document.body.clientWidth> 1051? "1050px":"auto");*/
   text-align:left;
}
    
	p {
        margin:.4em 0 .8em 0;
        padding: 10px 0 0 0;
    }
	

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* 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 */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#000000;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#ffffff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* Left column width + right column width */
        background:#000000;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
		font-size: 80%;
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }

/*Version 1.0 -- Contest Version *//* ------ Section 1 - Global Body, Font and Link Settings ------ */


h1, h2, h3, h4, h5, h6 {
background-color: transparent;
color: #9d2109;
clear: both;
}h2, h3, h4, h5, h6 {
margin-top: 24px;
}h1 {
margin-top: 5px;
font-family: 'Times New Roman', Georgia, 'Palatino Linotype', Palatino, serif;
border-bottom: 0 solid #8f8fb3;
text-align: center;
}h2 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
border-bottom: 1px solid #8f8fb3;
}h3 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
border-bottom: 0 solid #8f8fb3;
}blockquote {
margin: 12px 56px;
color: #006;
font-size: 100%;
line-height: 20px;
font-family: 'Courier New', Courier, monospace;
}code {
color: navy;
}img {
border: 0 solid #ddd;
}a:link img {
border: 0;
}
/* -- General Link Styling -- */a:link {
color: blue; 
text-decoration: underline;
}a:visited {
color: purple;
text-decoration: underline;
}a:hover {
color: white;
background-color: #cf1519;
text-decoration: underline;
}

/* ------ Section 2 - Global Page Structure ------- */
#FluidDesignWrapper{
width:expression(document.body.clientWidth> 1051? "1050px":"auto");
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
background:transparent;
}#PageWrapper {
width: 960px;
border: 2px solid #000000;   /* dark sea blue, headlines and borders */
}#Header {
position: relative;
height: 260px;
align: center;
}#ContentWrapper {
float: left;
width: 100%;
}#ContentColumn {
margin: 0 180px 0 180px;    /* STEP 1: set to "0 ExtraColumnWidth 0 NavColumnWidth" */
}#Footer {
clear: both;
width: 100%;
padding: 8px 0;
border-top: 1px solid #000000;
}.Liner {
padding: 10px;
}#Header .Liner {
padding: 0;
}#Footer .Liner {
margin: 0;
padding: 0;
}/* ------ Section 3 - Page Structure Details ------ */#PageWrapper {
margin: 24px auto;
background-repeat: repeat-y;
}
.banner_wrap {
	width: 100%;
	background: url(../image-files/logo2_stretch.gif) repeat-x;
	display: block;
	text-align: center;
	height: 260px;
}

#Header {
/*background-image: url(../image-files/logo2.png);*/
/*background-image: url(http://x-men-paradise.just-marvel-x-men.com/media/SBI_Custom_Images/logo2.png);*/
background-repeat: no-repeat;
background-color: #ffffff;
background-position: top left;
}#ContentWrapper {
background-repeat: repeat-y;
background-color: transparent;
}#NavColumn {
background-repeat: repeat-y;
background-color: #000000;
}#ContentColumn {
background-image: url();
background-repeat: no-repeat;
background-color: transparent;
}#ExtraColumn {
background-image: url();
background-repeat: no-repeat;
background-color: #6d6d6c;
}#Footer {
background-image: url();
background-repeat: no-repeat;
background-color: #949200;     /* blue-gray used in left and right columns of background.gif and for footer and horizontal text-navbar */
text-align: center;
font-size: 95%;
}#NavColumn {
font-size: 90%;
color: white;
}#ExtraColumn {
font-size: 90%;
}#NavColumn h4 {
font-size: 90%;
color: white;
margin-top: 0;
}#ExtraColumn h4 {
font-size: 90%;
color: white;
margin-top: 0;
}
/* ------ Section 4 - Left Column Navigation ------ */.Navigation {
width: 100%;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
background-color: transparent;
}/* -- Nav Headers -- */.Navigation h3 {
padding: 0;
font-size: 110%;
color: #fff;
border-bottom: 1px solid #fff;
margin: 12px 0;
}/* -- Nav List -- */.Navigation ul {
list-style-type: none;
padding: 0 0 8px 5px;
margin: -6px 0 0 0;
}.Navigation li {
background-color: #F5FFFA;        /* tan, for button and RSS box backgrounds -- */
border: 1px solid #8f8fb3;
margin-bottom: 3px;
font-size:90%;
}/* -- Navigation Link styles -- */.Navigation a:link {
color: blue;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px;
text-decoration: none;
}.Navigation a:visited {
color: purple;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px;
text-decoration: none;
}.Navigation a:hover {
color: white;
display: block;     /*  this makes the whole box highlight rather than just the text */
padding: 3px 0 3px 4px;
background-color: #cf1519;   /* light sea blue used in center column of background.gif and for lit buttons both navbars and AdSenseBox bg color */
text-decoration: underline;
}
/* ------ Section 5 - Additional Navigation ------ *//* -- Thumbnail-with-Caption Navigation -- */.ThumbnailLink {
text-align: center;
}.ThumbnailLink a:link {
text-decoration: none;
}.ThumbnailLink a:hover .Caption {
text-decoration: underline;
color: red;
}
/* -- Upper Horizontal Text NavBar -- */.ExtraNav {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
}.ExtraNav ul {
list-style-type: none;
padding: 0;
}.ExtraNav ul li {
display: inline;
background-color: #F5FFFA;
text-align: center;
}.ExtraNav a:link {
color: blue;
text-decoration: none;
text-align: center;
padding: 0 4px;
}.ExtraNav a:visited {
color: purple;
text-decoration: none;
}.ExtraNav a:hover {
color: white;
background-color: #cf1519;
text-decoration: underline;
}#Header .ExtraNav {
font-size: 95%;
position: absolute;
top: 0;
right: 0;
}#Header .ExtraNav ul { 
margin: 0;
}#Footer .ExtraNav {
margin: 12px auto;
background-color: #949200;
}
/* -- Main Horizontal Text NavBar -- */
.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #ffffff;
border-width: 1px 0;
background: black url(../image-files/blockdefault.gif) center center repeat-x;
}.solidblockmenu li{
display: inline;
}.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}.solidblockmenu li a:visited{
color: white;
}.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: white;
background: transparent url(../image-files/blockactive.gif) center center repeat-x;
}.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/}*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}.tabcontent{
display:none;
}/* ------ Section 6 - Boxes ------ */
.CalloutBox {
background-color: #ffc;
width: 85%;
border: 1px dotted #8f8fb3;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}div.CalloutBox p {
margin: 13px;
}p.CalloutBox {
padding: 13px;
}div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
div.CalloutBox h5,
div.CalloutBox h6 {
margin: 13px 0 0 13px;
}.ReminderBox {       
background-color: #ddd;
width: 45%;
border: 1px solid #8f8fb3;
margin: 0 0 12px 18px;
float: right;             /* adding float enables text to flow around it */
color: #006;
}.ReminderBox h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #fff;
}.ReminderBox p {
padding: 10px 4px 0 0;   
font-size: 80%;
line-height: 120%;
}.BigTableBox {       
background-color: #ddd;
width: 80%;
border: 1px solid #8f8fb3;
margin: 0 0 12px 18px;
float: center;             /* adding float enables text to flow around it */
color: #006;
}.BigTableBox h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #fff;
}.ReminderBox p {
padding: 10px 4px 0 0;   
font-size: 80%;
line-height: 120%;
}.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468 {
padding: 10px 0 0 0;
background-color: #ffffff;
border: 0px;
}.AdSenseBoxExtraColumn {
padding: 5px;
background-color: #000000;
border: 0px;
}.AdSenseBoxLeft {
margin: 0 18px 12px 18px;
float: left;
}.AdSenseBoxRight {
margin: 0 18px 12px 18px;
float: right;
}.AdSenseBoxCenter468 {
width: 468px;
margin: 0 auto 12px auto;
clear: both;
}.AdSenseBoxExtraColumn {
padding: 0;
clear: both;
}.ReturnToNavBox {
background-color: #ffc;
width: 80%;
border-top: 1px solid #8f8fb3;
border-bottom: 1px solid #8f8fb3;
padding: 4px;
margin: 0 auto 12px auto;
}
.ReturnToNavBoxCentre {
background-color: #ffc;
width: 80%;
border-top: 1px solid #8f8fb3;
border-bottom: 1px solid #8f8fb3;
padding: 4px;
margin: 0 auto 12px auto;
text-align: center;
}
/* -- RSS Box -- */#RSSbox {
width: 148px;
background-color: #F5FFFA;
border: 1px solid #8f8fb3;
margin: 8px auto 10px 3px;
padding: 2px 2px 10px 2px;
font-size: 85%;
font-weight: bold;
color: #1d487e;
line-height: 120%;
text-align: center;
}/* ------ Section 7 - Frequently Used Styles ------ */.Clear {
clear: both;
}.Caption {
font-size: 85%;
font-weight: bold;
color: #000;
display: block;
line-height: 150%;
margin-bottom:10px;
}/* -- floats -- */
.ItemRight {
float: right;
text-align: center;
margin: 2px 0 12px 18px;
padding: 10px 0 0 0;
}.ItemCenter {
margin: 2px auto 12px auto;
text-align: center;
clear: both;
}.ItemLeft {
float: left;
margin: 2px 18px 12px 0;
padding: 10px 0 0 0;
text-align: center;
}

/* Usage: For box layout 
http://www.neuroticweb.com/recursos/css-rounded-box/index.php?idioma=en
<div class="rbroundbox">
	<div class="rbtop"><div></div></div>
		<div class="rbcontent">
			<p>Lorem ipsum dolor sit amet, 
			consectetuer adipiscing elit. Duis 
			ornare ultricies libero. Donec 
			fringilla, eros at dapibus fermentum,
			tellus tellus auctor erat, vitae porta 
			magna libero sed libero. Mauris sed leo. 
			Aliquam aliquam. Maecenas vestibulum.</p>
		</div><!-- /rbcontent -->
	<div class="rbbot"><div></div></div>
</div><!-- /rbroundbox -->

*/
.rbroundbox { background: url(../image-files/nt.gif) repeat; }
.rbtop div { background: url(../image-files/tl.gif) no-repeat top left; }
.rbtop { background: url(../image-files/tr.gif) no-repeat top right; }
.rbbot div { background: url(../image-files/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../image-files/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { 
width: 760px;
margin: 1em auto; 
}