html,body{height:100%;margin:0;padding:0}
body {width: 100%; margin: 0 auto; font: 75%/1.6 Arial, Helvetica, serif;background: #FFF url('../icons/bgd_body_sub.png') repeat-x left top;color: #333;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-smoothing: antialiased}


a img {border: none} 		
a:link{color: #4680DC}
a:hover{color: #002663}
a:visited{color: #3867B1}
a:link, a:visited, a:hover, a:active {font-weight: bold;text-decoration: none}
th, .a-th {text-align:right; font-weight:bold;}
input[type="password"], input[type="text"], select, textarea {background-color:#FFF !important}
input[type="radio"], input[type="checkbox"] {background-color: transparent; border: 0 none} 

p {margin: .75em 0}
em {font-style: italic} 
strong {font-weight: bold}
h2,h3,h4,h5,h6,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:700;color:#039;margin:0;padding:0}
h2{font:bold 1.35em Arial, Helvetica, sans-serif;color:#039;text-align:left;margin:0;padding: 9px 0 0;}
h1{font-size:1.5em}
h3{font-size:1.2em;text-transform:none;margin:0}
h4{font-size:1em;margin:1.33em 0 1.1em}
hr{color:#CCC;background-color:#CCC;height:1px;border:none;width:96%;text-align:center;margin:0.5em 0}

 
input[type=text]:focus, input[type=password]:focus {color:#000;background:#ffe;}
button:hover {cursor: pointer}
button::-moz-focus-inner { border:0}
button.minimal {
    background: none repeat scroll 0 0 #E3E3E3;
    border: 1px solid #BBB;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #F6F6F6 inset;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding: 5px;
    text-align: center;
    text-shadow: 0 1px 0 #FFF;
    width: auto;
}
button.minimal:hover {
    background: none repeat scroll 0 0 #D9D9D9;
    box-shadow: 0 0 1px 1px #EAEAEA inset;
    color: #222;
		border-radius: 3px;
    cursor: pointer
}
button.minimal:active {
    background: none repeat scroll 0 0 #D0D0D0;
    box-shadow: 0 0 1px 1px #E3E3E3 inset;
    color: #000000;
		border-radius: 3px
}
.butContainer {width: 90%; text-align: center}

input[type='text'] + span[class*='a-small'] {padding: 0 .5em 0;color:#7F7F7F;font-style: italic;font-size: .8em}


	
						
.mainform fieldset {padding:15px; border:1px solid #7F9DB9;-moz-border-radius: 8px; -webkit-border-radius: 8px;border-radius: 8px}
.mainform legend {font-weight: bold; color:#FFF; padding:0.3em;background-color:#002663; margin: .6em}

.form {list-style: none outside none;margin: 0;padding: 10px}

	
			
.mainform {height: 1%;line-height: 100%;/*overflow: hidden;* for 2 column*/padding: 10px}

.mainform form {margin: 0;padding: 0}



.mainform ul li {float: left;width: 100%}

.mainform li li {float: left;width: 20%}
.form ul {height: 1%;list-style: none outside none;margin: 0;overflow: hidden;padding: 0}


.ie7 .form li > span,  .ie7 .form li > label{line-height: 1.2em}

/* th's bold */
.tar li label, .tar li label span {width:160px;text-align: right;font-size:10pt;font-weight:bold;padding: 0 .5em 0 0;vertical-align: top;float: left}

.form li { margin: 3px 0}


#logo {float:left;max-width:580px;margin-top: -20px;height: 85px; padding: 1em;border-right: none}
#header {height: 125px;width:90%;margin: 0 auto; max-width: 1200px;padding: 0}





#logo h2 {font-family: "Book Antiqua", "Times New Roman","Times","Georgia", serif; font-size: 4.3em; font-weight: 400;white-space: nowrap;color: #FFF;margin: 0;padding:0}
#logo h4 {font-family: Aria, Helvetica, sans-serif; font-weight:500;letter-spacing: -2px;font-size: 2.5em;white-space: nowrap;color: #94C4FD;margin: -23px 100px 0 0; text-align: right}


#menu {text-align: right;width: 100%;height: 25px;background: #002663;line-height: 25px;max-width: 1200px;white-space: nowrap}
#menu ul {
    list-style-type: none;
    text-align: right;
}
#menu ul li {display: inline;margin: 3px 0;padding: 0 10px}
#menu li + li {border-left: 1px solid #002663}
#menu a {color:#94C4FD}
#menu a:hover {text-decoration:underline}
div#container {width:90%;margin: auto; max-width: 1200px;padding: 8px 0 40px}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}


.clearAll {clear: both}

#right {
  margin-left: 480px;padding-left: 20px
}
#left {
  width: 480px;
  float: left;
}

#right ul {margin: 0; padding: 0}

#right ul li a:link{color: #4680DC}
#right ul li a:hover{color: #002663}
#right ul li a:link, #right ul li a:visited, #right ul li a:hover, #right ul li a:active {font-weight: bold;text-decoration: none; color: #3867b1}

div#footer {border-top: 1px solid #ccc;
    height: 55px;width:90%;margin: 0 auto; max-width: 1200px;
    padding-top: 1.2em;
    padding: 20px;}

div#footer-push {height: 55px; clear: both;}

ul {list-style-type: none}
li {margin: 0; padding: 0 4px 0 0}

#UDStandardFooter_Logo {float: right;margin: 10px; border: 0}

address {width:550px;font-family: Arial; font-style: normal;list-style-type: none;float: left;margin: 16px 0 4px 0px;padding: 0}

div#base {width: 100%; height: 64px; margin: 0; padding: 0; 
  background-color: #FDBD1F;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FDBD1F), to(#EB9A08)); 
  background-image: -webkit-linear-gradient(top, #FDBD1F, #EB9A08); 
  background-image:    -moz-linear-gradient(top, #FDBD1F, #EB9A08); 
  background-image:     -ms-linear-gradient(top, #FDBD1F, #EB9A08); 
  background-image:      -o-linear-gradient(top, #FDBD1F, #EB9A08); 
  background-image:         linear-gradient(top, #FDBD1F, #EB9A08);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FDBD1F', EndColorStr='#EB9A08'); 
 border-bottom: solid #ffd200 3px}
@media screen and (max-width: 800px) {
  div#container {
    width: 90%;
    min-width: 0;
  }
  #right {
    margin-left: 0;
  }
  #left, div#UDLogo  {
    width: auto;
    float: none;
  }
	
	#logo h2, #logo h4 {position: static;}
}