/*
	CSS of National Association of State EMS Officials
	XHTML/CSS by Todor Iliev
*/

/* ----------- General ----------- */

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: #404040;
	}

#container {
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/_design/images/container_bg.gif); /* easy fix for 100% div expansion */
	background-repeat: repeat-y;
	border-left: 1px solid #3e7db6;
	border-right: 1px solid #c4c4c4;
	}

html, #container {
	height: 100%;
	}

/* ----------- Website Format (IDs are arranged as they appear in the HTML) ----------- */

#header {
	height: 120px; /* height of the header graphic */
	border-bottom: 1px solid #ffffff; 
	background: #3f89c3;
	}

#header_line {
	background: url(/_design/images/hr_top.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	height: 6px;
	font-size: 1px;
	}

#wrap { /* around #left, #content, #right */
	}

#content {
	top: 0px;
	margin-top: 0px;
	float: left;
	left: 0px; /* width of #left */
	width: 75%;
	padding: 10px 10px 10px 15px;
	}

#nav_member { /* memeber's navigation */
	float: right;
	z-index: -1;
	text-align: right;
	width: 511px;
	}

#footer_line {
	clear: both;
	background: url(/_design/images/hr_bottom.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #ffffff;
	height: 6px;
	font-size: 1px;
	}

#footer {
	clear: both;
	border-top: 1px solid #ffffff; 
	padding: 10px;
	background: #3f89c3;
	color: #ffffff;	
	font-size: 10px;
	}
	
#footer_contact {
	padding-top: 22px;
	float: right;
	text-align: right;
	width: 200px;
	}

/* ----------- Event (left) ----------- */

#events {
	float: left;
	width: 150px;
	background: #4fa3e4;
	padding: 10px 10px 10px 10px;
	color: #ffffff;
	font-size: 10px;
	}
	
#events h1 {
	font-size: 9px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: -5px;
	color: #296190;
	border-left: 3px solid #296190;
	padding-left: 3px;
	}
	
#events p {
	margin: 0px;
	margin-top: 10px;
	}
	
#events a:link {
	font-size: 10px;
	color: #ffffff;
	margin: 6px 0px 6px 0px;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	}

#events a:visited {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
	}

#events a:hover {
	color: #ffffff;
	text-decoration: none;
	text-decoration: none;
	border-bottom: none;
	}

/* ----------- Member (top) Navigation ----------- */
	
img {
	text-decoration: none;
	border: 0px;
	}

/* ----------- Content Links ----------- */

#content a:link {
	color: #dc1212;
	}

#content a:visited {
	color: #dc1212;
	}
		
#content a:hover {
	color: #194f8f;
	}
	
/* ----------- Text Settings ----------- */
	
li {
	margin-left: -25px;
	}

h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	}
	
h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	color: #dc1212;	
	font-family:Georgia, "Times New Roman", Times, serif
	}
	
h4 {
	font-size: 13px;
	font-weight: bold;
	padding: 2px 0px 0px 0px;
	color: #276394;	
	margin: 12px 0px 5px 0px;
	}

h5 {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	color: #4fa3e4;
	margin: 9px 0px 6px 0px;
	}
	
#indent {
	margin-left: 30px;
	}

/* ----------- Home page specific styles ----------- */

#content .home {
	font-size: 11px;
	width: 100%;
	}

#content .home h3 {
	font-size: 15px;
	margin: 10px 0px 9px 0px;
	color: #dc1212;
	border-left: 3px solid #dc1212;
	padding-left: 3px;
	}
	
#content .home p {
	margin: 0px;
	margin-top: 7px;
	margin-bottom: 10px;
	}

/* ----------- Expand [+/-] Settings ----------- */

.hidden { 
	display:none;
	}

.shown {
	display:inline;
	}

#content .home a.expandcollapse {
	color:#999999;
	}

/* ----------- Download Section ----------- */

#download_section {
	}
	
#download_section_list  li a:link, #download_section_list li a:visited {
	font-size: 11px;
	color: #235680;
	margin: 6px 0px 6px 0px;
	font-weight: bold;
	text-decoration: none;
	}

#download_section_list li a:hover  {
	color: #235680;
	font-weight: bold;
	text-decoration: underline;
	}

#download_section_select { /* jump menu box */
	border: 1px solid #b2b2b2;
	background: #d3d3d3;
	margin-top: 10px;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	vertical-align: middle;
	}

#download_section_select img { /* info img */
	vertical-align: middle;
	}

#download_section_path { /* path box */
	border: 1px solid #cccccc;
	background: #e5e5e5;
	margin-top: 10px;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
	}

#download_section_path a:link {
	color: #194f8f;
	text-decoration: none;
	}
	
#download_section_path a:visited {
	color: #194f8f;
	text-decoration: none;
	}

#download_section_path a:hover {
	color: #dc1212;
	text-decoration: none;
	}
	
#download_section_path a.here { /* current location */
	color: #3a83db;
	}

#download_section_list { /* list of folders/files */
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}

#download_section_list li.dir { /* for folder */
	margin-left: 0px;
	padding-left: 20px;
	background-image: url(/_design/images/download_section/dir.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height: 15px;
	}
	
#download_section_list li.dir:hover { /* for go to folder */
	margin-left: 0px;
	padding-left: 20px;
	background-image: url(/_design/images/download_section/dir_go.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height: 15px;
	}

#download_section_list li.file { /* for file */
	margin-left: 0px;
	padding-left: 20px;
	background-image: url(/_design/images/download_section/file.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height: 15px;
	}
	
#download_section_list li.file:hover { /* for fo to file */
	margin-left: 0px;
	padding-left: 20px;
	background-image: url(/_design/images/download_section/file_go.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height: 15px;
	}
	
#download_section_list li.flag { /* red flag */
	margin-left: 0px;
	padding-left: 20px;
	background-image: url(/_design/images/download_section/flag_red.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height: 15px;
	}
	
#download_section_list li.lock { /* for member only */
	margin-left: 0px;
	padding-left: 20px;
	background-image: url(/_design/images/download_section/lock.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height: 15px;
	}
	
#download_section_list li.lock:hover { /* for go to file */
	margin-left: 0px;
	padding-left: 20px;
	background-image: url(/_design/images/download_section/lock_go.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	line-height: 15px;
	}

#download_section_list a:link, a:visited {
	text-decoration: underline;
	}
	
#download_section_list a:hover{
	text-decoration: none;
	}

/* ----------- Other ----------- */

select { 
	background-color: #F0F0F0; 
	color: #015BB2; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight:normal;
	}
	
#vr { /* vertical rule */
	background-image: url(/_design/images/vr_bg.gif);
	background-repeat: repeat-y;
	background-position: top;
	}
	
#membership {
	font-size: 11px;
	text-align: left;
	background: #d7edfe;
	border-right: 1px solid #baddf8;
	border-top: 1px solid #baddf8;
	}
	
#membership td {
	border-left: 1px solid #baddf8;
	border-bottom: 1px solid #baddf8;
	padding: 5px
	}
	
#membership .title {
	font-weight: bold;
	}
/* --------- forms -------------*/
#form1{
	width:480px;
	border:0px #ccc dotted;
	}
#form1 p{
	CLEAR: left;	PADDING-RIGHT: 0px;	PADDING-LEFT: 120px;	PADDING-BOTTOM: 8px;
	MARGIN: 0px;	WIDTH: 408px;	LINE-HEIGHT: 20px;	PADDING-TOP: 5px;	HEIGHT: 1%
	}
#form1 label{
	FONT-WEIGHT: normal;	FLOAT: left;	MARGIN-LEFT: -120px;	WIDTH: 105px;	COLOR: #881022;
	TEXT-ALIGN: right; font-style:italic
	}
#form1 input{
	BORDER-RIGHT: #d2d7d2 2px solid;	BORDER-TOP: #d2d7d2 2px solid;	BORDER-LEFT: #d2d7d2 2px solid;
	WIDTH: 210px;	BORDER-BOTTOM: #d2d7d2 2px solid
	}
#form1 input.button{
	 COLOR: #881022;	WIDTH:120PX;
	}