/* external CSS file */
/* filename askmn.css */

/* import CSS file to undo browser style defaults */
@import url("formathtml.css");

/* 
BASE COLORS
lightest blue: #e1ecef
light blue logo bkgrd: #90cff1
dark blue: #003952
darkest brown: #37241b
brown: #593112
orange-brown: #d17b34
*/

body {
	background: #e1ecef url(images/pageBkgrd.jpg);
	color: #37241b;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

h1 {
	background: url(images/logo.jpg);
	height: 172px;
	position: relative;
	text-indent: -9999px;
	width: 427px;
	z-index: 10;
}

h1 a:link, h1 a:visited, h1 a:hover {
	border: none;
	display: block;
	height: 172px;
	position: relative;
	text-decoration: none;
	width: 427px;
}

h2 {
	background: #ffffff url(images/h2bkgrd.jpg) bottom repeat-x;
	border-bottom: 1px solid #90cff1;
	color: #593112;
	font-family: georgia, times new roman, serif;
	font-size: 180%;
	margin: 5px -3px 20px -3px;
	min-height: 30px;
	padding: 0 3px 0 3px;
}

h3 {
	color: #d17b34;
	font-family: helvetica, arial, sans-serif;
	font-size: 130%;
	margin: 20px 0 5px 0;
}

h4 {
	color: #593112;
	font-size: 80%;
	font-weight: bold;
	margin: 20px 0 5px 0;
}

a:link, a:visited {
	border-bottom: 1px dotted #003952;
	color: #003952;
}

a:hover {
	border-bottom: 1px dotted #d17b34;
	color: #d17b34;
}

#container {
	/* background: #ffffff; */
	margin: 0 0 0 -35%;
	min-width: 700px;
	position: absolute;
	width: 70%;
	left: 50%;
}

#header {
	background: #e1ecef url(images/headerBg.jpg) repeat-x;
}

#mainNav {
	background: #37241b url(images/bkgrd.jpg);
	border-left: 1px solid #37241b;
	border-right: 1px solid #37241b;
	font-family: helvetica, arial, sans-serif;
	font-size: 70%;
	text-align: right;
	text-transform: uppercase;
}

#mainNav ul {
	padding: 5px 0 5px 0;
	margin: 0 4px 0 0;
}

#mainNav li {
	display: inline;
	margin: 0 -4px 0 0;
}

#mainNav a:link, #mainNav a:visited {
	border-bottom: none;
	border-left: 1px solid #593112;
	color: #e1ecef;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
}

#mainNav a:hover {
	background: #d17b34;
	color: #37241b;
}

#mainContent {
	background: #ffffff;
	border-left: 1px solid #90cff1;
	border-right: 1px solid #90cff1;
	clear: both;
	padding: 15px;
}

#mainContent p {
	font-size: 80%;
	line-height: 1.4em;
	margin: 12px 0 12px 0;
}

#mainContent .small {
    font-size: 85%;
}

#mainContent p.code {
    font-family: "Courier New", Courier, monospace;
}

#mainContent ol {
    font-size: 80%;
    list-style-type: decimal;
    margin: 15px 10px 20px 60px;
}

#mainContent ul {
	font-size: 80%;
	list-style-type: disc;
	margin: 15px 10px 20px 60px;
}

#mainContent li {
	margin: 10px 0;
}

#mainContent table {
    border: none;
    width: 100%;
}

#mainContent th {
    background: #37241b;
    color: #e1ecef;
    font-size: 70%;
    vertical-align: top;
}

#mainContent td {
    background: #e1ecef;
    font-size: 85%;
    vertical-align: top;
}

#mainContent td ul {
    margin: 10px 10px 10px 20px;
}

#mainContent img.question {
	float: right;
	margin: 0 5px 5px 5px;
}

#mainContent img.icon {
	margin: 0;
	vertical-align: middle;
}

#mainContent .topLink {
	font-size: 70%;
}

#mainContent #callout {
	background: #e1ecef;
	border: 1px solid #37241b;
	float: right;
	margin: 0 0 15px 15px;
	width: 325px;
}

#mainContent #callout h3 {
	/*border-bottom: 1px dotted #37241b;
	color: #37241b;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 2px 0;*/
	background: #37241b url(images/bkgrd.jpg);
	color: #e1ecef;
	font-family: helvetica, arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	text-transform: uppercase;
}

#mainContent #callout p {
	font-size: 70%;
	margin: 0;
	padding: 5px 10px;
}

#mainContent #callout ul {
    font-size: 70%;
    margin: 10px 10px 10px 30px;
}

#iconContainer {
	background: #e1ecef url(images/pageBkgrd.jpg);
	border: 1px solid #90cff1;
	height: 35%;
	margin: 15px 0 0 10%;
	min-height: 350px;
	position: relative;
	width: 80%;
}

#iconContainer h3 {
	color: #37241b;
	font-family: lucida grande, lucida sans unicode, sans-serif;
	font-size: 110%;
	margin: 0;
	padding: 3px;
	text-align: center;
	text-transform: uppercase;
}

#iconContainer p {
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px 0 10px;
	text-align: center;
}

#public {
	float: left;
	text-align: center;
	width: 49%;
}

#public a:link, #public a:visited, #public a:hover {
	border: none;
}

#academic {
	border-left: 1px solid #90cff1;
	float: left;
	text-align: center;
	width: 49%;
}

#academic a:link, #academic a:visited, #academic a:hover {
	border: none;
}

#serviceNote {
	border-top: 1px solid #90cff1;
	clear: both;
}

#serviceNote p {
	font-weight: normal;
	line-height: 1.3;
	padding: 10px;
	text-align: justify;
}

#access {
	border-top: 1px solid #90cff1;
	clear: both;
}

#access p {
	font-weight: normal;
	padding: 7px;
	text-align: center;
}

#crumb p {
	font-size: 70%;
	margin: 0;
	padding: 0;
	text-align: right;
}

#footer {
	background: #37241b url(images/bkgrd.jpg);
	color: #90cff1;
	font-size: 70%;
	margin: 0 0 5px 0;
	padding: 7px 15px 7px 15px;
	text-align: left;
}

#footer p {
	margin: 0 0 5px 0;
}

#footer a:link, #footer a:visited {
	border-bottom: 1px dotted #e1ecef;
	color: #e1ecef;
}

#footer a:hover {
	border-bottom: 1px dotted #d17b34;
	color: #d17b34;
}

/* form styling elements */

fieldset {
	background: #e1ecef;
	border: 1px solid #90cff1;
	font-size: 80%;
	padding: 3px;
}

#mainContent fieldset ol {
    font-size: 100%;
    list-style-type: none;
	margin: 0;
	padding: 0;
}

fieldset li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 5px;
}

fieldset li.small {
	font-size: 85%;
}

legend {
	color: #37241b;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 150%;
	margin: 10px 0 10px 0;
}

label {
	line-height: 1.5;
	vertical-align: top;
}

fieldset fieldset {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid #90cff1;
	clear: both;
	font-size: 100%;
	margin: 5px 0 0 0;
}

fieldset em {
	color: red;
	font-size: 95%;
	font-style: normal;
}

fieldset strong {
	color: #593112;
	font-weight: bold;
}

fieldset .validator {
	color: red;
	font-size: 85%;
	vertical-align: top;
}

.resultLabel {
	background: #37241b url(images/bkgrd.jpg);
	border: 1px solid #37241b;
	color: #90cff1;
	font-size: 80%;
	line-height: 1.4;
	padding: 9px 5px 9px 5px;
	text-align: center;
}

input {
	color: #000000;
	display: inline;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 85%;
}

select {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 85%;
}

textarea {
    font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 85%;
}

.label {
	/* border: 1px solid red; */
	font-weight: bold;
	margin: 0 0 5px 0;
	vertical-align: top;
}

.textfield {
	border: 1px solid #90cff1;
	padding: 3px;
	width: 250px;
}

.textbox {
	border: 1px solid #90cff1;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 85%;
	padding: 3px;
	width: 350px;
}

.dropdownmenu {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 75%;
}

.resultLabel {
	background: #e1ecef;
	border: 1px solid #37241b;
	color: #37241b;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.4;
	padding: 9px 5px 9px 5px;
	text-align: center;
}

.submitButton {
    font-size: 100%;
    font-weight: bold;
    padding: 3px;
}

/* end form styling elements */