﻿/* ==========================================================================================
Title:		St. Anthony's Memorial Hospital - Effingham Illinois (printer-specific default stylesheet)
Date:		June 2008
Author: 	Dan Trewartha, LRS Web Services
Document:	print.css

DOCUMENT ORGANIZATION:
	1.0 : HTML Elements
		1.1 Font Sizes
	2.0 : Layout Elements
	3.0 : Branding
	4.0 : Navigation
		4.1 : n1
	5.0 : Headings
		5.1 : h1
		5.2 : h2
	6.0 : Content
		6.1 : Page With No Sidebar
		6.2 : Page With Sidebar
			6.2.1 : Content Area
			6.2.2 : Sidebar Area
	7.0 : Footer
	8.0 : Misc

DOCUMENT ARRANGEMENT:
	-Order of appearance in HTML

ATTRIBUTE PROPERTY ORDER:
	-Box (width; height; margin; border; padding; outline;)
	-Backgrounds (color; image; repeat; position;)
	-Positioning (display; position; float; clear; z-index; direction; overflow; visibility;)
	-Font (color; family; size; style; weight;)
	-Text (letter-spacing; line-height; align; decoration; indent; transform; vertical-align;)
	-Misc (content; outline; cursor; table-layout;)

ATTRIBUTE LAYOUT:
	selector {
		property: value;
	}

COLOR PALETTE:
	-Content background:#fff;;
	-Main font:;
	-Link:;
	-Link hover:;
	-Link visited:;
	-<strong>:;
	-<em>:;
	-<h1>:;
	-<h2>:;
	-<h3>:;
	-<h4>:;
	-<h5>:;
	-sidebar text:;
	-sidebar <h2>:;
	-sidebar link:;
	-sidebar background:;
	-sidebar link hover:;
	-sidebar link visited:;
	
========================================================================================== */





/* ==========================================================================================
=1.0 HTML ELEMENTS
========================================================================================== */
*, html, body{
	margin:0;
	padding:0;
}
html, body{
	width:100%;	
	font-family:Arial;	
	position:relative;
}
html{
	background:#fff;
}
body{
	width:auto;
	color:#333333;
}
p{
	line-height:150%; /* 12 x 1.5 = 18px;*/
}
a{
	outline:none;
}
a img{
	border:0;
}
a, a:active{
	text-decoration:underline;
}
a:visited{
}
a:hover{
}
blockquote{
	margin:10px;
	line-height:1.5em;
}




	/* ======================================================================================
	=1.1 FONT SIZES
	====================================================================================== */
	html{
		font-size:16px;
	}
	body{
		font-size:75%; /* 16 x .75 = 12px */
	}	
	h1{
		font-size:150%; /* 12 x 1.50 = 18px */
	}
	h2{
		font-size:133%; /* 12 x 1.33 = 16px */
	}
	h3{
		font-size:116%; /* 12 x 1.16 = 14px */
	}
	h4{
		font-size:100%; /* 12 x 1.00 = 12px */
	}
	p{
		font-size:100%; /* 12 x 1.00 = 12px */
	}
	td p{
		font-size:100%; /* 12 x 1.00 = 12px */
	}
	ul{
		font-size:100%; /* 12 x 1.00 = 12px */
	}
	ul ul{
		font-size:100%; /* 12 x 1.00 = 12px */
	}
	#n1{
		font-size:116%; /* 12 x 1.16 = 14px; */
	}
	#footer p{
		font-size:91.67% /* 12 x .9167 = 11px; */
	}





/* ==========================================================================================
=2.0 LAYOUT ELEMENTS
========================================================================================== */
#page{
	width:auto;
	margin:0 5%;
	float:none !important;
}
#page2{
	width:auto;
	margin:0 5%;
	float:none !important;
}
#sidebar{
	display:none;
}
#content{
	width:auto;
	border:0;
	margin:0 5%;
	padding:0;
	float:none !important;
}





/* ==========================================================================================
=3.0 BRANDING
========================================================================================== */
#branding{
	width:710px;
}





/* ==========================================================================================
=4.0 NAVIGATION
========================================================================================== */





	/* ======================================================================================
	=4.1 N1
	====================================================================================== */
	#n1{
		display:none;
	}


	/* ======================================================================================
	=4.2 N2
	====================================================================================== */
	#n2{
		display:none;
	}

	
	/* ======================================================================================
	=4.3 N3
	====================================================================================== */
	#n3{
		display:none;
	}





/* ==========================================================================================
=5.0 HEADINGS
========================================================================================== */


	/* ======================================================================================
	=5.1 H1
	====================================================================================== */
	h1{
		margin:0 0 0 0;
		color:#333399;
	}





	/* ======================================================================================
	=5.2 H2
	====================================================================================== */
	h2{
		margin:-2px 0 0 0;
		color:#333399;
	}





	/* ======================================================================================
	=5.2 H2
	====================================================================================== */
	h3{
		margin:18px 0 -8px 0;
		color:#990033;
	}





/* ==========================================================================================
=6.0 CONTENT
========================================================================================== */
#content-body{
	width:auto;
	margin:0 5%;
	float:none;
}
#content-body a{
	color:#942653;
	text-decoration:none;
}
#content-body p{
	margin:8px 0 0 0;
}
#content-body ul, #content-body ol{
	padding:10px 30px;
	line-height:1.5em;
}
#content-body li{
	margin-bottom:8px;
}
#content-body table{
	width:520px;
}
#content-body table.employment{
	margin:18px 0 0 0;
}
#content-body table.employment{
	/*padding-bottom:18px;*/
}
#content-body table.employment td.label{
	width:150px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
#content-body table.employment td.info{
	width:370px;
	padding-bottom:18px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
#content-body table.employment td.info2{
	width:370px;
	padding-bottom:0;
	font-weight:normal;
	font-style:italic;
	text-align:left;
	vertical-align:top;
}
.form{
	width:520px;	
}

.formLabel{
	width:130px;
	padding-right:6px;
	padding-top:4px;
	text-align:right;
	vertical-align:top;
}
.formField{
	width:200px;
}
.formOutput{
	width:190px;
	text-align:left;
}
.textbox{
	width:190px;
	padding:1px;
	margin-right:6px;
	margin-bottom:3px;
	font-size:12px;
	font-family:Arial;
}
.textbox2{
	width:190px;
	height:72px;
	padding:1px;
	margin-right:6px;
	margin-bottom:3px;
	font-size:12px;
	font-family:Arial;
}
.listbox{
	width:194px;
	margin-top:3px;
	margin-right:6px;
	font-size:12px;
	font-family:Arial;
}
.dropdownlist{
	width:194px;
	margin-bottom:3px;
	margin-right:6px;
	font-size:12px;
	font-family:Arial;
}





	/* ======================================================================================
	=6.1 PAGE WITH NO SIDEBAR
	====================================================================================== */		





	/* ======================================================================================
	=6.2 PAGE WITH SIDEBAR
	====================================================================================== */





		/* =================================================================================
		=6.2.1 CONTENT AREA
		================================================================================== */





		/* =================================================================================
		=6.2.1 CONTENT AREA
		================================================================================== */





/* ==========================================================================================
=7.0 FOOTER
========================================================================================== */
#footer{
	width:900px;
	margin:10px 0 0 0; 
 	padding:10px 0 0 0;
	text-align:center;
	background:url(/images/div-gray.gif) repeat-x top;
}
#footer a{
	color:#942653;
}
#footer a:hover{
	color:#002d65;
}





/* ==========================================================================================
=8.0 MISC
========================================================================================== */
.clear{
	clear:both;
}
.mainImage{
	display:none;
}

input{
	border:1px soild #000;
}


