/* Screen Stylesheet for nigelnewman.co.uk */

@import url(./generic.css);

body {
		 /*background-color: #d7d7d7; auto repeat unless say just x or y */
		 background-image: url(../images/watermark.gif); 
		 width: 100%;
		 padding: 0px;
		 margin: 0px;
		 font-size: 13px; 
		 font-family:Arial,Verdana,Helvetica,'Arial Black',sans-serif;
		 text-align:center;}

#wholepage {
			width: 740px;
			background-color: white;
			border: 2px solid blue;
			margin: 0px auto;
			overflow: auto;
			text-align:left;} 
			
#background_top, #background_bottom {
								 background-repeat: no-repeat;
								 position: relative;
								 width: 100%;}
								 					
#background_top {background-image: url(../images/base_1x1.jpg);
								height: 80px;}

.background_middle {background-image: url(../images/base_2x1.jpg); 
									 background-repeat: repeat-y;
									 width: auto;}
									 		 
#background_bottom {background-image: url(../images/base_4x1.jpg);}

.section {margin: 0px; width: 100%;}

/* .background_middle > .section {border-bottom: 1px solid transparent;} */

.leftbox, .rightbox {
					margin: 0px;
					padding: 0px;
					position: relative;
					float: left;}

.leftbox {width: 430px;}
.rightbox {width: 300px;}		 

/* IE and FF workout width differently when using borders and margings(p40), 
so set width to fixed amount, then use another div inside to set borders */
					
#container {padding: 0px 30px;}
					
h1 {font-weight: bold;
	 color: maroon;
	 font-size:1.8em;
	 text-align: center;}
	 
h2 {font-weight: bold;
	 font-size: 12px;}
	 
h3 {font-weight: bold;
	 color: maroon;
	 font-size: 1.2em;}	 

.dotted {border: dotted 1px #990033;}
.print-only {display: none;}

form {padding: 5px; font-size: 0.9em}
input {font-size: 0.9em;}

/* +++++++ TABLES and LISTS +++++++ */

td {font: 11px verdana, arial, helvetica, sans-serif;}

td.textcenter {
    font:13px verdana, arial, helvetica, sans-serif;
		text-align: center;
		margin: 0px auto;
		font-weight: bold;}

ul {list-style-type: disc;}
ul, li {padding: 0px; margin-left: 0.5em;}
ul.textcenter {text-align:center;}