@media print { 

/* define media for stylesheet - eg print/screen/mobile */
/* PRINT CSS FOR SUSSEX-AIR.NET
   1. Strip all or most images.
   2. Remove background colors.
   3. Minimize and adjust text colors - use colors that will be easy to read on paper.
   4. Remove unecessary or irrelevant elements (such as links).
   5. Add necessary information such as the webpage’s URL or contact information
   
*/

body {background: #ffffff; padding: 0 5%; font: 12pt/18pt arial, verdana, helvetica, sans-serif;}

p {	margin: 5px 0;}
p.no-padding-no-margin { padding:0; margin:0;}
p.sussex-logo { clear: both; font-size: xx-small; padding:0; margin:0 0 0 17px; font-weight: bold;}

/* change to grey to save ink */
hr { border: 0; background: #CCCCCC !important; color: #CCCCCC !important; height: 0.5mm; margin: 12pt 0 12pt;	}	

fieldset { padding:15px;  border: 0 !important;  }
legend { color:#1B4A7E;	padding:5px 3px 10px 3px; font-weight: bold;}

/* keep superscript and subscript text from breaking the line-spacing */
sub { position: relative; font-size: 0.8em; vertical-align: baseline; bottom: 0.00em; }
sup { position: relative; font-size: 0.8em; vertical-align: baseline; bottom: 0.25em; }

/* all text boxes to have yellow bg when selected */
input:focus {  background-color: Yellow;}

/* this is the iframe for the google search results */
iframe { width: 450px; border: 0; min-height: 300px; }
iframe div { font-size: smaller !important;}

/* alerts */
span.Low { color: #A3D06D; font-weight: bold;}
span.Moderate { color: #F89C46; font-weight: bold;}
span.High { color: #E33539; font-weight: bold; }
span.VeryHigh { color: #B84B9A; font-weight: bold; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img { display: none !important; }
img.border { border: 1px solid #E3F2FB; }
img.float-left-margin { border: 1px solid #E3F2FB; float: left; margin-right: 5px }
img.darker-border {  border: 1px solid #C9E6F8; }
img.sussex-logo { border: 0; margin: 0; float: right; }
img.air-alert-icon {  border: 0; margin: 0 5px 0 0; float: left; }
img.sussex-map { display: none !important;}


/* ######## FLASH ##### */
object { display: none !important;}
object#flash-fade { display: none !important;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS - POINT SIZE USED FOR PRINT VERSION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
h1, h2 {font-family: arial, verdana, helvetica, sans-serif;	}

h1 {/* main heading */font-size: 18pt;margin-bottom: 18pt;}

h2 {/* cross-head */font-size: 14pt;margin-top: 27pt;margin-bottom: 9pt;}
		
h3 { /* cross-head */font-size: 12pt;margin-top: 27pt;margin-bottom: 9pt;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	DEFAULT LINKS STYLE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a, a:link, a:visited {	text-decoration: underline; font-weight: bold; padding: 3px;}

a:link:after, a:visited:after {
	  	/* enables content to put put after the element - eg add the url  - messy on Firefox
        content: " (w: " attr(href) ") "; 
	  	font-size: 80%;*/
	  	color: #F89C46; background: #ffffff;	}

/* hide areas not needed for print */

div#top-navigation { display: none; }

div#photo-banner { display: none; }
div#web-banner { display: none; }

div#map-container {  display: none; }

div#bread-crumbs { position: relative; height: 100%; margin: 0 0 10px 0; padding: 0; border: 0; 
font-family: arial, verdana, helvetica, sans-serif; color:#1B4A7E; font-size: 14pt; font-weight: bold;}
div#bread-crumbs img.icon { display: none; }


div#content-container-two-column {font-size: 14pt; margin-top: 5px; margin-left:auto; margin-right:auto; padding:15px;
	width:718px; border: 0 !important;	background: none !important;}
	
div#content-main-two-column { width:718px; }
div#content-main-two-column img { display: none;}

div#sussex-map-container { display: none; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	RIGHT HAND AREA HIDDEN FOR PRINT
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* right hand container - make relative and place before breadcrumbs div - floating right */
div#content-side-two-column { display: none;}

/* make sure width is 100% of parent to use all space */
div#search-box { display: none; }




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN - REGISTRATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#content-container-three-column { margin-top:3px; /*margin-left:auto; margin-right:auto;*/ padding:0; width: 540px;
	border: 0; position:relative;}
	
div#content-main-three-column { width: 100%; float:left; margin: 0; }

/* lists */
div#content-main-three-column ul { margin: 0; padding: 0; border: 0; }
div#content-main-three-column ul li { margin: 0; padding: 0 0 0 15px; border: 0; background: none !important; 
 list-style-type: none; }
div#content-main-three-column ul li a {color:#F89C46; }
div#content-main-three-column ul li a:hover, a:focus { text-decoration: underline; }

div#content-main-three-column ol { margin: 0; padding: 0; border: 0; }
div#content-main-three-column ol li { margin: 0 0 0 25px; padding: 0 0 0 5px; border: 0; }
div#content-main-three-column ol li a { color:#F89C46; }
div#content-main-three-column ol li a:hover, a:focus { text-decoration: underline; }

/* registration form */
div#content-main-three-column table.registration { margin: 0; padding: 0; border: 0; width: 95%; }
div#content-main-three-column table.registration td { padding: 0; border: 0; }
div#content-main-three-column table.registration td span { margin: 0; display: inline; padding: 0; border: 0; }

div#content-main-three-column input { display: none !important; }

/* end registration form */

/* edit your details page */
/* REMOVE BG COLOURS / BORDERS FROM TABLES */

table { border: 0 !important; }
table th, table td { background-color: Transparent !important; }

div#content-main-three-column table.User-Table { width: 95% !important; position: relative; }
div#content-main-three-column table.User-Table th { padding: 3px;  border: 0 !important;  background-color: Transparent !important; color: #1B4A7E; text-align: left;}
div#content-main-three-column table.User-Table td { padding: 3px;  border: 0 !important; text-align: left; background-color: Transparent !important;}

div#content-main-three-column fieldset { width: 89%; padding:15px;  border: 0 !important;  }
div#content-main-three-column legend { color:#1B4A7E; padding:5px 3px 10px 3px; font-weight: bold;}

div#content-main-three-column input { display: none !important; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE LAYOUT - THREE COLUMN SECTION - REMOVE BG IMAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#three-column-container { width:718px; padding :0; margin: 30px 0 10px 0; background: none !important; }

div#three-column-container p { font-size: 14pt; }

div#three-column-side1 { float:left; width:30%;	background: none !important;}

div#three-column-side2 { float:right; width:30%; background: none !important;}
div#three-column-side2 ul { margin: 0; padding: 0; border: 0; }
div#three-column-side2 ul li { margin: 0; padding: 0 0 0 15px; border: 0; background: none !important; 
 list-style-type: none; }
div#three-column-side2 ul li a {color:#F89C46; }
div#three-column-side2 ul li a:hover, a:focus { text-decoration: underline; }

div#three-column-middle {width:30%; margin:0px 32% 0px 35%; background: none !important;}


	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER - REMOVE BG COLOUR/IMAGES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#footer { clear: both; background: none !important; margin-top:3px; margin-left:auto;
	margin-right:auto; width:730px; padding: 0.8em 0 1em 20px; position:relative; color:#1B4A7E; font-size:14pt; 
	font-weight: bold;}
div#footer div#blue-corner { z-index:0 !important; background: none !important;
width:2%; /*_width:2.5%;*/ position:absolute; top: 20px; right: 0; padding: 0;}

div#footer span { display: none !important;}

div#footer a:link, #footer a:visited {color:#1B4A7E; text-decoration:none;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.none { display:none; }
.block { display: block;}
.clear { clear:both;}
.arrow { vertical-align:middle;	}
.inline { display: inline;}
.orange {color:#F89C46; }
.bold { font-weight: bold; }
.bold-larger { font-weight: bold; font-size: larger; }
.left-quote { font-size: x-large; vertical-align: middle; line-height: inherit;}
.right-quote { font-size: x-large; vertical-align: bottom; line-height: inherit;}
.float-left { float: left;}
.float-right { float: right;}
.backgroundRed { background-color : Red !important;}
.small-italic { font-style: italic; font-size: smaller;}
.red-bold { color: Red; font-weight: bold;}
.no-bg { background-color: Transparent;}
.white-space { white-space: normal;}
.forecast-text { font-size: 14pt !important;} 


}