/* David Bardal Main Style Sheet */

html {}

body {margin-top: 0; margin-bottom: 0px; margin-left: auto; margin-right: auto; background-image: url(/images/background.gif); font-size: 1em; height: 100%;}

a {text-decoration: underline; color: #552b05;}
a:hover {text-decoration:none; color: #46a3db;}

h1 {font-family: Times New Roman, Times, serif; color: #014262; font-size: 1.4em; margin: 0 0 0 0; border-bottom: 1px solid #014262; }
h2 {font-family: Times New Roman, Times, serif; color: #271D03; font-size: 26px; margin-bottom: 0px; border-bottom: 1px solid #014262; }
h3 {font-family: Times New Roman, Times, serif; color: #014262; font-size: 20px; margin-bottom: 0px; }
h4 {font-family: Times New Roman, Times, serif; color: #271D03; font-size: 20px; margin-bottom: 0px; }
h5 {font-family: Times New Roman, Times, serif; color: #014262; font-size: 14px; font-weight: bold; margin-bottom: 0px; }
h6 {font-family: Times New Roman, Times, serif; color: #271D03; font-size: 14px; font-weight: bold; margin-bottom: 0px; }

#patternshadow {width : 100%; padding-bottom: 0px; float: left;}
#greatwrapper {margin-left: auto; margin-right: auto; margin-top: 0px; width: 950px; background-image : url(/images/shadow2.png); behavior: url(/iepngfix.htc); }

#login {z-index: 10; width: 121px; height: 305px; position: relative; background-image: url(/images/login-back.jpg); margin: 10px 0 10px -90px; padding: 30px 30px 30px 30px;}
	#login span {font-variant: small-caps; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif;}
	#form {margin-top: 20px;}
	.login_form {text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.8em;}
	.login_form input {margin: 4px 0 6px 0; width: 110px;}
	.submit {margin: 5px 0 0 65px;}
	
#login2 {z-index: 10; width: 121px; height: 370px; position: relative; background-image: url(/images/login-back2.jpg); margin: 10px 0 10px -90px; padding: 30px 30px 30px 30px;}
	#login2 span {font-variant: small-caps; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif;}

#login3 {z-index: 10; width: 121px; height: 540px; position: relative; background-image: url(/images/login-back3.jpg); margin: 10px 0 10px -90px; padding: 30px 30px 30px 30px;}
	
	
#header {width: 750px; height: 93px; background-image: url(/images/header.jpg); margin-left: auto; margin-right: auto; behavior: url(/iepngfix.htc);}
#frames1 {width: 950px; height: 336px; background-image: url(/images/frames_big1.png); margin-bottom: -154px; behavior: url(/iepngfix.htc);}
#frames2 {width: 950px; height: 336px; background-image: url(/images/frames_big2.png); margin-bottom: -154px; behavior: url(/iepngfix.htc);}
#frames3 {width: 950px; height: 336px; background-image: url(/images/frames_big3.png); margin-bottom: -154px; behavior: url(/iepngfix.htc);}
#frames4 {width: 950px; height: 336px; background-image: url(/images/frames_big4.png); margin-bottom: -154px; behavior: url(/iepngfix.htc);}
#frames5 {width: 950px; height: 336px; background-image: url(/images/frames_big5.png); margin-bottom: -154px; behavior: url(/iepngfix.htc);}
#frames6 {width: 950px; height: 336px; background-image: url(/images/frames_big6.png); margin-bottom: -154px; behavior: url(/iepngfix.htc);}
	#address {width: 165px; font-family: Arial, Helvetica, sans-serif; color: #6b4219; font-size: 0.8em; margin: 0 0 0 228px; line-height: 1.7em; padding: 48px 0 0 0;}
	#address a {text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #6b4219; font-weight: bold; font-size: 0.9em;}

#main {width: 770px; margin-left: auto; margin-right: auto; background: url(/images/content-back.gif) repeat-x #d6c3a5; z-index: 1;}
	#column_back {width: 770px; float: left; background: url(/images/content-back2.gif) repeat-y;}
	#column_back2 {width: 770px; float: left; background: url(/images/column_back_3.gif) repeat-y;}
#navigation {width: 770px; height: 29px; margin-left: auto; margin-right: auto; background-image: url(/images/nav_back.gif); text-align: center; padding: 9px 0 0 0;}
	#navigation ul {margin: 0; padding: 0;}
	#navigation li {margin: 0; padding: 0; display: inline;}
	#navigation li a {font: Georgia, "Times New Roman", Times, serif; color: #fee8c7; text-decoration: none; font-size: 0.9em; padding: 0 15px 0 15px;}
	#navigation li a:hover {color: #46a3db;}

.center {text-align: center;}
.content_pics {padding: 5px; border: 1px solid #6b4219; margin: 0 15px 20px 0;}
.content_pics_left {float: left; padding: 5px; border: 1px solid #6b4219; margin: 0 15px 20px 0;}
.content_pics_right {float: right; padding: 5px; border: 1px solid #6b4219; margin: 0 0 0 15px;}
.index_pic {border: 1px solid #6b4219; padding: 5px;}
.center {text-align: center;}
.portrait {width: 170px; height: 320px; float: left; margin: 0 10px 10px 0; text-align: center; padding: 5px; border: 1px solid #6b4219;}
.portrait img {width: 170px; height: 255px; margin-bottom: 10px;}
.portrait span {font-size: 0.8em;}

#column1 {padding: 0 20px 0 20px; float: left; width: 90px; text-align: left;}
	#column1 p {font-family: Arial, Helvetica, sans-serif; }
#column1 a {font-size: 0.8em; font-weight:bold; color: #552b05; text-decoration:underline; font-family: Arial, Helvetica, sans-serif;}
#column1 a:hover {font-size: 0.8em; color: #46a3db; text-decoration:none; }
#column1 ul {margin: 0 0 0 0; padding: 0 0 0 0;}
#column1 li {padding-top: 9px; padding-bottom:9px; list-style:none;}
#column2 {float: left; width: 395px; padding: 25px 20px 20px 20px;}
	#column2 p {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}
	#column2 {font-family: Arial, Helvetica, sans-serif;}
	#column2 li {font-size: 0.9em;}
#column2_sub {float: left; width: 590px; padding: 25px 20px 20px 20px;}
	#column2_sub p {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em}
	#column2_sub {font-family: Arial, Helvetica, sans-serif;}
	#column2_sub li {font-size: 0.9em;}	
#column3 {float: left; padding: 20px 20px 20px 20px; width: 155px;}
	#column3 p {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}
.callout {padding: 15px; margin: 10px; border: 1px solid #000; background: #fff; text-align: center; font-weight: bold; font-size: 0.9em; }
.divider_blue {border-bottom: 1px solid #d7dddd; height: 1px; width: 570px;}
.news_events {margin-left: 25px;}
.portal_list {margin-top: 10px;}
.portal_list li {list-style: none;}
.about_links {float: right; margin: 0;}
.clear {clear: both;}
#map {padding: 5px; border: 1px solid #6b4219; width: 560px;}
#map_border {padding: 5px; border: 1px solid #fff;}
#process {width: 555px; background: #fff; margin: 0 auto 0 auto; border: 1px solid #000; padding: 10px;}

#footer {width: 770px; height: 29px; background-image: url(/images/nav_back.gif); margin: 0; margin-left: auto; margin-right: auto; text-align: center; padding: 9px 0 0 0;}
	#footer ul {}
	#footer li {}
	#footer li a {}
	#footer li a:hover {}
#copyright {width: 770px; height: 20px; clear: both; margin: 0 auto 0 auto; padding: 5px 0 5px 0; color: #fff;}
	#copyright span {float: left;}
	#copyright a {float: right; color: #fff; text-decoration: none;}
	#copyright a:hover {color: #46a3db;}
	

.step_link {display: block; width: 110px; height: 80px;}
.step_link2 {display: block; width: 330px; height: 115px;}
.step_link3 {display: block; width: 270px; height: 90px;}
.step_link4 {display: block; width: 150px; height: 70px;}
.step_link5 {display: block; width: 130px; height: 70px;}
.step_link6 {display: block; width: 90px; height: 50px;}
.step_link7 {display: block; width: 113px; height: 40px;}
.step_link8 {display: block; width: 100px; height: 58px;}
.step_link9 {display: block; width: 115px; height: 50px;}
.step_link10 {display: block; width: 110px; height: 80px;}
.step_link11 {display: block; width: 110px; height: 50px;}
.step_link12 {display: block; width: 255px; height: 75px;}
.step_link13 {display: block; width: 150px; height: 143px;}
.step_link14 {display: block; width: 240px; height: 130px;}

.hidden {background: #fff; width: 300px; margin: 0 0 0 220px; position: absolute; text-align: left; padding: 20px 12px 20px; font-style: normal; z-index: 1000; display: none; border: 1px solid #000;}
.hidden2 {background: #fff; width: 300px; margin: 180px 0 0 0; position: absolute; text-align: left; padding: 20px 12px 20px; font-style: normal; z-index: 1000; display: none; border: 1px solid #000;}
.hidden3 {background: #fff; width: 270px; margin: 450px 0 0 250px; position: absolute; text-align: left; padding: 20px 12px 20px; font-style: normal; z-index: 1000; display: none; border: 1px solid #000;}
.hidden4 {background: #fff; width: 270px; margin: 450px 0 0 0px; position: absolute; text-align: left; padding: 20px 12px 20px; font-style: normal; z-index: 1000; display: none; border: 1px solid #000;}
.hidden5 {background: #fff; width: 270px; margin: 900px 0 0 250px; position: absolute; text-align: left; padding: 20px 12px 20px; font-style: normal; z-index: 1000; display: none; border: 1px solid #000;}
.hidden6 {background: #fff; width: 270px; margin: 900px 0 0 0; position: absolute; text-align: left; padding: 20px 12px 20px; font-style: normal; z-index: 1000; display: none; border: 1px solid #000;}

.menu1
{
	border: 0 solid #000;
}
	
#step1 {width: 549px; height: 388px; background:url(images/process_1.jpg) no-repeat;}
	#step1_1 {width: 110px; height: 80px; position: absolute; margin: 130px 0 0 20px;}
	#step1_1a {width: 90px; height: 50px; position: absolute; margin: 70px 0 0 0;}
	#step1_2 {width: 110px; height: 80px; position: absolute; margin: 110px 0 0 120px;}
	#step1_2a {width: 113px; height: 40px; position: absolute; margin: 55px 0 0 95px;}
	#step1_3 {width: 110px; height: 80px; position: absolute; margin: 90px 0 0 220px;}
	#step1_3a {width: 100px; height: 58px; position: absolute; margin: 20px 0 0 220px;}
	#step1_4 {width: 110px; height: 80px; position: absolute; margin: 80px 0 0 320px;}
	#step1_4a {width: 115px; height: 50px; position: absolute; margin: 0 0 0 325px;}
	#step1_5 {width: 110px; height: 80px; position: absolute; margin: 200px 0 0 200px;}
	#step1_5a {width: 110px; height: 80px; position: absolute; margin: 300px 0 0 190px;}
	#step1_6 {width: 110px; height: 80px; position: absolute; margin: 230px 0 0 300px;}
	#step1_6a {width: 100px; height: 58px; position: absolute; margin: 320px 0 0 300px;}
	#step1_7 {width: 110px; height: 80px; position: absolute; margin: 245px 0 0 420px;}
	#step1_7a {width: 110px; height: 50px; position: absolute; margin: 340px 0 0 400px;}

#step2 {width: 549px; height: 574px; background:url(images/process_2.jpg) no-repeat;}
	#step2_1 {width: 330px; height: 115px; position: absolute; margin: 63px 0 0 0;}
	#step2_2 {width: 270px; height: 90px; position: absolute; margin: 185px 0 0 0;}
	#step2_3 {width: 270px; height: 90px; position: absolute; margin: 300px 0 0 0;}
	#step2_4 {width: 270px; height: 90px; position: absolute; margin: 400px 0 0 0;}
	#step2_5 {width: 270px; height: 90px; position: absolute; margin: 250px 0 0 270px;}
	#step2_6 {width: 270px; height: 90px; position: absolute; margin: 350px 0 0 260px;}
	#step2_7 {width: 270px; height: 90px; position: absolute; margin: 455px 0 0 250px;}

#step3 {width: 549px; height: 306px; background:url(images/process_3.jpg) no-repeat;}
	#step3_1 {width: 255px; height: 75px; position: absolute; margin: 75px 0 0 0;}
	#step3_2 {width: 130px; height: 70px; position: absolute; margin: 45px 0 0 280px;}
	#step3_3 {width: 150px; height: 143px; position: absolute; margin: 150px 0 0 130px;}
	#step3_4 {width: 240px; height: 130px; position: absolute; margin: 130px 0 0 300px;}
	
	
#login_list	{margin: 0; padding: 0; font-size: 0.8em;}
.login_text {font-size: 0.8em;}
.login_text_2 {font-size: 0.8em; margin-bottom: 0;}

#home_link {display: block; width: 235px; height: 60px; position: relative; top: 22px; left: 20px;}