body{
	width: 938px;
	margin: 5px auto;
	padding: 0;
	background-image:url('images/backgroundMarble.jpg');
	cursor:url('images/cursor.cur'), url('images/cursor2.cur'), auto; /* will not work on some browsers */
}

h1 {
	color: #0E3B66;
	font-size:22px;
	margin-bottom:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2 {
	color: #31588A;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h3 {
	color: #000000;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

ul {
	list-style-image:url('images/arrow.gif');	
}

li {
	padding-left:6px; /* space between image and text */
	margin-left:-15px;
	font-size: 14px;
	font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

a:hover {color:#0E3B66; text-decoration:none; border-bottom:solid #0E3B66}

.noHover a:hover {text-decoration:none; border-bottom: 0px #FFF none}

a:visited {
	text-decoration:none; /* Do not underline previously visited sites */
}

acronym {font-weight:bold}

#container{
	width: 938px;
	margin-top: 10px;		
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	position: relative; /* (needed for proper alignment of PopDefinition) */
}

#masthead {
	background-image:url('images/WintersOnlineBanner.jpg');
  	background-repeat: no-repeat;
	height: 156px;
}

#content {
	background-color: #FFFFFF;	
}

#navBar{
	width: 938px;
	border-top: 3px solid #31588A;
	border-bottom: 3px solid #31588A;	

	margin-top:0px;
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	position: absolute;
	height: 26px;
}

#navBar li{
	display:inline;
	margin:0px;padding:0px;
	list-style-type: none;
}
#navBar a {
	background-image: url(images/buttonOff.gif);
  	background-repeat: no-repeat;
	height: 20px;
	width: 134px;
	padding-top:4px;
	padding-bottom:4px;
	display:inline;
	position: absolute;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}
#navBar a:hover{
background-image: url(images/buttonOn.gif);
border-bottom: none;
}

#but1{left: 0px;}
#but2{left: 134px;}
#but3{left: 268px;}
#but4{left: 402px;}
#but5{left: 536px;}
#but6{left: 670px;}
#but7{left: 804px;}

#side_nav {width:145px; border:3px solid #31588A;}
#side_nav ul {list-style-type:none; list-style-image:none; margin:0; padding:0px 0px 0px 10px} 
#side_nav li a {display:block; text-decoration:none; list-style-image:none; text-align:center; color:white; background-color:#31588A; border:1px solid #0E3B66;  font-weight:bold; height:24px; padding:4px 0px 4px 0px}	
#side_nav a:hover {color:white; background-color:#0E3B66; border-left: 7px #000 solid; border-right: 7px #000 solid}

#leftColumn{
	margin-top: 30px;
	float: left;
	width: 188px;
	background-color:#CED8E4;
}

#rightColumn{
	width: 690px;
	margin-top: 40px;
	margin-right: 10px;
	float: right;
	overflow: hidden;
	background-color: #FFFFFF;
}

#siteMap{
	width: 560px;
	margin-top: 10px;
	float: right;
	background-color: #FFFFFF;
	line-height:18px;
}

#siteMap ul {
	list-style-image:none;	
}


#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	padding-top: 15px;
	text-align:center;
	clear: both;
	background-color: #FFFFFF;
	position: relative;
}

.box {
	border: 3px solid #31588A;
	text-align:center;
	font-size: 12px;
	font-weight:bold;	
	font-family:"Century Schoolbook";
	color:#0E3B66;
	width:150px;
	margin-left: 10px;
	padding: 5px;
}

.box a:hover {
	border: 0;
	text-decoration:underline;
}

.subTitle {
	color: #31588A;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

.job {
	color: #039;
	font-size:18px;
	font-weight:bold;
	font-family: "Times New Roman", Times, serif;
}


.Required {color: #FF0000}

.FormText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0E3B66;
	font-style: normal;
}

.InputBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    border-top: 1px solid #0E3B66;
    border-bottom: 2px solid #0E3B66;
    border-left: 1px solid #0E3B66;
    border-right: 2px solid #0E3B66;
}

.Button {
	text-decoration:none;
    background:#0E3B66;
    color:#FFF;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:10pt;
    font-variant:small-caps;
    font-weight:bold;
    border:2px outset #c0c0c0;
}

.Button a:hover {
	color: #FFC; 
	text-decoration:none;
}

.Question {
	font-family:"Arial","sans-serif";
	color:#990000
}

.Signature {
	font-family: "Lucida Calligraphy";
	font-weight:bold;
	font-style:italic;
	color:#0E3B66;
}

.Caption {
	text-align:center; 
	font-size: 12px; 
	font-weight:bold; 
	font-family:"Century Schoolbook";
	color:#0E3B66;
}

.PopDefinition a  {
	color: #000096;
	font-size: 1.2em;
	font-weight:bold;
	cursor: help;	
	}
.PopDefinition a span {
	display:none; 
	}
.PopDefinition a:hover span {
   display:block; width:400px;
   position: absolute; top:inherit; left: 0; 
   /* (however Container div has position relative which isneeded for proper left alignment of PopDefinition) */   
   padding: 6px; margin: 10px; 
   color: #009;
   background-color:#CFCFCF;
   border:2px solid #009; 
   font: 10px Verdana, sans-serif;
   background-image:url(images/arrowLeft.gif);   
   background-position:top right;
   background-repeat:no-repeat;
   }

/* CSS3 */
.box-shadow {
  /*drop shadow */
  -webkit-box-shadow: 0px 10px 25px #000; /* Saf3-4 */
     -moz-box-shadow: 0px 10px 25px #000; /* FF3.5 - 3.6 */
          box-shadow: 0px 10px 25px #000; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
/*rounded corners */ 
  -webkit-border-radius:8px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
     -moz-border-radius:8px; /* FF1-3.6 */
          border-radius:8px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
          
  /* useful if you don't want a bg color from leaking outside the border: */        
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
  
  /* line below added for older browsers - top:0 bottom right:135 bottom:180 bottom left:225 left:270 */
   filter: progid:DXImageTransform.Microsoft.Shadow(color="#003399", direction="135", strength="9");
}

.gBg {
  width:1100px;
  /* fallback */
  background-color: #A0B9E2;
  
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#A0B9E2));
  
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #A0B9E2, #1a82f7);
  
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #A0B9E2, #1a82f7);
  
  /* IE 10 */
  background: -ms-linear-gradient(top, #A0B9E2, #1a82f7);
  
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #A0B9E2, #1a82f7);
}