@charset "UTF-8";
/* © Andrew Harrison 2008 */

/* CSS Reset from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* AZYC STUFF STARTS HERE */



body {
	background:url(images/bg.png) repeat-x #38628C; 
}

#pagecontainer {
	width: 802px;
	height: auto;
	margin-left: auto;
	margin-right:auto;
	clear:both;
}

#header {
	height:50px;
}

#header img {
	float:left;
}

#nav {
	float:right;
	height: 25px;
	padding: 12px 0;	
}

#headerie6 {
	display:none;
	visibility:hidden;
}

ul#azycnav {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#azycnav li {
	display: inline;
	list-style-type: none;
}

#azycnav li a img { 
	padding: 5px 17px; 
	margin-right: 1px;
}

#azycnav li a:hover img {
	color: #fff;
	background-color: #38628C;
	text-decoration: none;
}

#azycnav li.current a img{
	background: #38628C;
}

#purelyforstroke {
	width:100%;
	height:auto;
	border: 1px solid #38628C;
	clear:both;
	overflow:hidden;

}

#contentarea {
	width: 800px;
	background: url(images/contentbg.png) repeat-x #9fb9d2 top;
	height: auto;
	border: 1px solid #fff;
	overflow:hidden;
	padding-bottom: 15px;
	clear:both;
}

#contentblock {
	width: 770px;
	height: auto;
	padding:15px;
	clear:both;
	overflow:hidden;

}

#contentheader {
	width: 100%;
	height: 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid #093760;
}

#contentheader h1 {
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;	
	font-weight:bold;
	line-height:1.3;
	color: #093760;
	vertical-align:bottom;
}

#editlink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	float:right;
	text-decoration: none;
	color: #093760;
}

#editlink a:hover {
	text-decoration:underline;
}

#headerimage { 
	background: url(images/headerimage.png) no-repeat;
	height: 150px;
	margin-top: 10px;
	
}
#shnatloginheader {
	float:right;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #38628c;
	line-height: 1.3;
	text-align:right;
	font-size: 0.65em;
	vertical-align:bottom;
}

#shnatloginheader a {
	color: #38628c;
}

.icon {
	float:left;
}

#contentleft {
	width: 205px;
	padding-right: 20px;
	padding-top: 15px;
	float:left;
}

#contentleft h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.9em;	
	color: #38628C;
	font-weight:bold;
	text-decoration: none;
}

#contentleft hr {
	margin-bottom: 12px;
	height: 1px;
	width: 80%;
	color: #7296BA;
	background:#7296BA;
	border: none;
}

#contentleft h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.6em;	
	color: #38628C;
	text-decoration: none;
}


ul#shnatnav {
}

#shnatnav li {
	list-style: none;
	height: 1.5em;
	line-height: 1.5em;
	border-bottom: 1px solid #668CB1;
}

#shnatnav li a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.9em;	
	color: #38628C;
	font-weight:bold;
	float:left;
	text-decoration: none;
}

#shnatnav li.current a {
	color: #093760;
}


#shnatnav li a:hover {
	color: #093760;
}

#shnatnav li ul {
	float:left;
	width: 205px;
}

#shnatnav li ul li {
	padding-left: 25px;
}

#shnatnav li ul#formsnav li a:hover {
	color: #093760;
}


#shnatnav li ul li.online a {
	width: 155px;
	padding-left: 25px;
	background:url(images/form-online.gif) no-repeat;
	color: #38628C;
}

#shnatnav li ul li.online-complete a {
	width: 155px;
	padding-left: 25px;
	background:url(images/form-online-complete.gif) no-repeat;
	color: #7296BA;
}

#shnatnav li ul li.online-urgent a {
	width: 155px;
	padding-left: 25px;
	background:url(images/form-online-urgent.gif) no-repeat;
	color: #38628C;
}

#shnatnav li ul li.paper a {
	width: 155px;
	padding-left: 25px;
	background:url(images/form-paper.gif) no-repeat;
	color: #38628C;
}

#shnatnav li ul li.paper-complete a {
	width: 155px;
	padding-left: 25px;
	background:url(images/form-online-complete.gif) no-repeat;
	color: #7296BA;
}

#shnatnav li ul li.paper-urgent a {
	width: 155px;
	padding-left: 25px;
	background:url(images/form-paper-urgent.gif) no-repeat;
	color: #38628C;
}

#shnatnav li ul li.external a {
	width: 155px;
	padding-left: 25px;
	background:url(images/form-external.gif) no-repeat;
	color: #38628C;
}

#shnatnav li ul li.external-complete a {
	width: 155px;
	padding-left: 25px;
	background:url(images/form-external-complete.gif) no-repeat;
	color: #38628C;
}

#shnatnav li ul li.external-urgent a {
	width: 155px;
	padding-left: 25px;
	background:url(images/form-external-urgent.gif) no-repeat;
	color: #38628C;
}

#shnatnav li ul li.current a {
	color: #093760;
}

#contentright {
	width:525px;
	padding-left:20px;
	padding-top: 15px;
	float:left;
	
}

#contentright img {
	padding-bottom: 5px;
}

#contentrightheader {
	width: 525px;
	border-bottom: 1px solid #38628C;
	height: 1.5em;
	line-height:1.5em;
	vertical-align:baseline;
}

#contentrightheader h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:17px;	
	font-weight:bold;
	line-height:inherit;
	color: #093760;
	vertical-align:bottom;
	float:left;
}

#formprogress {
	float:right;
	height: 20px;
	width: auto;
	font-family:Helvetica, Arial, sans-serif;
	font-size:15px;	
	color: #7296BA;
	letter-spacing: 3px;
}

#formprogress span.current {
	color: #38628C;
}

#formprogress span.complete {
	color: #007e59;
}

#contentrightmain {
	padding-top: 10px;
}

#contentrightmain hr {
	margin-bottom: 12px;
	height: 1px;
	width: 80%;
	color: #7296BA;
	background:#7296BA;
	border: none;
	
}

.maintext {
	font-size: 0.75em;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #093760;
	line-height: 1.3;
	text-align:justify;
}

.maintext a {
	text-decoration: underline;
	color: #093760;
}

.maintext a:hover {
	color: #38628c;
}

.maintext p {
	padding-bottom: 10px;
}

.maintext h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 25px;
	text-align:left;
}

#downloadbox {
	height: 50px;
	width: 97%;
	border: 1px solid #668CB1;
	text-align:left;
	padding: 1.5%;
}

#downloadbox img {
	padding-right: 1.5%;
}

.question {
	text-align:justify;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #093760;
	margin-top: 10px;
}

.question h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;	
	color: #093760;
	font-weight:bold;
}

.question p {
	font-size: 0.9em;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #38628c;
	line-height: 1.3;
}

.questionerror {
	text-align:justify;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #990000;
	margin-top: 10px;
}

.questionerror h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;	
	color: #990000;
	font-weight:bold;
}

.questionerror p {
	font-size: 0.9em;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #990000;
	line-height: 1.3;
}

.errorbox {
	text-align:justify;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #990000;
	background: #990000;
	margin-top: 10px;
}

.errorbox h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;	
	color: #fff;
	font-weight:bold;
}

.errorbox p {
	font-size: 0.9em;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	line-height: 1.3;
}

.errorbox ol {
	padding-left: 20px;
	color: #fff;
}

input[disabled] {
	background: #9fb9d2;
	border: 1px solid #9fb9d2;
}


textarea[disabled] {
	background: #9fb9d2;
	border: 1px solid #9fb9d2;
}



label {
	float:left;
	width:25%;
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:right;
	font-weight:bold;
}

#registered {
	width: 50%;
}
#registered label {
	float:left;
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:right;
	font-weight:bold;
}


#shnatleft h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.9em;	
	color: #38628C;
	font-weight:bold;
	text-decoration: none;
}

#shnatleft h2 a {
	color: #38628C;
}

#shnatleft h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.75em;	
	color: #38628C;
	text-decoration: none;
	padding: 4px 0;;
}

#shnatleft h3 a {
	color: #38628C;
}

#shnatleft p {
	color: #093760;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.75em;
	padding: 4px 0;
	line-height: 1.3;
}

#shnatleft p a {
	color: #093760;
}

#shnatleft label {
	width: 10%;
	float:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.75em;	
	color: #093760;
	padding: 4px 0;;
}

#shnatleft p.shnatleft-error {
	color: #990000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.75em;
	padding: 4px 0;
}

textarea { 
	width: 95%;
	height: 10em;
	margin: 10px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em;	
	color: #38628C;
	padding: 2px;
}

textarea.bio {
	height: 35em;
}

#buttonbox {
	text-align:right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #668CB1;
	margin-top: 10px;
}	

table.myreg-forms {
	width: 100%;
	border-collapse:collapse;
}

table.myreg-forms a {
	text-decoration: none;
}

table.myreg-forms td {
	border: 1px dotted #093760;
	text-align:center;
	padding: 3px 0 ;
}

table.myreg-forms tr {
	margin-bottom: 3px;
}

tr.Complete td {
	color: #7296BA;
}

tr.Complete a {
	color: #7296BA;
}

tr.Incomplete td{
	color:#093760;
	font-weight: bold;
} 

tr.Urgent td {
	color: #990000;
	font-weight: bold;	
}

tr.Urgent td a {
	color: #990000;
}

#whatisshnat h3 {
	font-size: 1em;
	font-weight: bold;
}

#whatisshnat ul {
	padding-bottom: 15px;
	margin-left: 20px;
	list-style-type: square;
}


#footer {
	line-height: 1.5;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.7em;
	color: #fff;
	padding: 0.7em 0 0.7em 10px;
}

#footer a {
	color: #fff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#shnatannouncement {
	z-index: 6;
	position:absolute;
	left: 225px;
	float:left;
/*	background: black; */
	background: white;
	border: 1px solid #093760;
	width: 350px;
	height: auto;
	padding: 10px;
	padding-bottom: 1px;
	font-size: 0.9em;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #38628c;
	line-height: 1.3;

/* visibility:hidden; */
}

.shnatannouncementclose {
	text-align:right; 
}

.movlogo {
	float:right;
}