@charset "utf-8";
/* CSS Document */

body {
  font-size: 100%;
  font-family: Arial, sans-serif, Tahoma;
  }
html, body {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background: #eaeaea;
  }

h1, h2, h3, h4, h5, h6 {

	margin: 10px 0;

	font-weight: bold;

}

h1 {

	font-size: 2em;

	color:#533E24;

	font-weight:normal;

}

.masthead h1 {

	line-height: normal;

	margin: 5px 0 0 0;

}

h2 {

	font-size: 1.5em;

	color:#555555;

	font-weight:normal;

}

h3 {

	font-size: 1.2em;

	color:#333333;

}

h4 {

	font-size: 1em;

	color: #333333;

}

h5 {

	font-size: 0.9em;

}

h6 {

	font-size: 0.8em;

}

p {

	line-height: 16px;

	font-size:12px

}

a:link {

	color: #086ea4;

}

a:visited {

	color: #086ea4;

}

a:hover {

	text-decoration:underline;

}

li {

	list-style-position: outside;

	list-style-image: url(/images/arrow.gif);

	padding: 0 0 3px 0;

	margin: 0 0 0 25px;

}

ol li {

	list-style-image:none;

	list-style-type: decimal;

	list-style-position: outside;

}

em, i {

	font-style:italic;

}

strong, b { 

	font-weight: bold;

}

.smalltxt {

	font-size: .9em;

}

.dateMod {

	color:#666;

}

.map_float_right {

	float: right;

	padding: 5px;

	margin: 5px 50px 5px 5px;

	border: 1px solid #993300;

}

.img_float_right {

	float: right;

	padding: 5px;

	margin: 5px;

}

.img_float_left {

	float: left;

	padding-right: 5px;

	padding-bottom:5px;

	padding-left:0px;

	padding-top:0px;

	margin-right: 5px;

	margin-bottom:5px;

	margin-left:0px;

	margin-top:0px;

}

.img_float_right_border {

	float: right;

	border: solid 1px #ddd;

	background-color: #FFFFFF;

	padding: 5px;

	margin: 5px;

}

.line {

	border-top: 1px solid #CCCCCC;

	padding: 0px;

	margin: 0px;

	height: 10px;

}

blockquote {

	padding: 5px 5px 5px 42px;

	font-style: italic;

	color: #666;

	background: url(/images/quote.gif) no-repeat 5px 5px;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:17px;

	text-align:right;

	line-height: 18px;

}



/* --- Header Style --- */

#header{
  background: url(/images/header.gif) no-repeat center;
  width: 948px;
  height: 153px;
  margin: 0 auto;
  }
#header a img {
  border-style: none;
  text-decoration: none;
  }
#logo {
  margin-left: 10px;
  float: left;
  }


/* --- Tool Navigation --- */
#ToolNav {
	padding:5px 22px 0 0;
	float:right;
	height:31px;
}
#ToolNav li {
	list-style:none;
	display:inline;
	margin:0px 0px 0px 0px;
}
#ToolNav li a {
	display:block;
	width:auto;
	font-size:11px;
	color:#969b9f;
	padding:2px 8px 2px 7px;
	float:left;
	text-align:center;
	background:transparent url(http://www.uthouston.edu/global/gfx/tools/bg-divider.gif) repeat-y 100% 0;
	margin:0px 0px 0px 0px;
}

#ToolNav li a:hover {
	color:#555f6a;
}
#ToolNav li.last a {
	background-image:none;
}
#ToolNav li a.inside {
	padding-left:21px;
	background:transparent url(http://www.uthouston.edu/global/gfx/tools/intranet-lock.gif) no-repeat 6px .1em;
}
#ToolNav li a.inside:hover {
	background:transparent url(http://www.uthouston.edu/global/gfx/tools/intranet-lock.gif) no-repeat -144px .1em;
}

/* --- Top Navigation --- */

#Top_Navigation {
  padding: 0;
  clear: both;
  margin: 0;
  }
#Top_Navigation ul{
  text-align: center;
  margin: 0 0 0 20px;
  padding:0px;
  }
#Top_Navigation ul li {
  color: #fff;
  font-size: 0.90em;
  font-weight: bold;
  text-decoration: none;
  padding: 0;
  margin: 0 40px 0 0;
  line-height: 2.8em;
  list-style-type: none;
  list-style-image: none;
  float: left;
  }
#Top_Navigation ul li a {
  display: block;
  float: left;
  line-height: 30px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 90%;
  margin: 10px 0 0 0;
  padding: 0;
  }
#Top_Navigation ul li a:hover {
  text-decoration: underline;
  }
/* --- Search Form --- */
form#cse-search-box{
  float: right;
  width: 250px;
  padding: 0;
  margin: 13px 0;
  }

form#cse-search-box fieldset {

	border: none;

	margin: 0;

	padding-left: 23px;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 0px;

}

form#cse-search-box input.box {

	font-family: inherit;

	font-size:12px;

	width: 150px;

}

form#cse-search-box input.hidden {

	display:none;

}

form#cse-search-box input.button {

	font-family: inherit;

	font-size: 12px;

	width: 35px;

}



/* --- Rounded Box --- */



#RoundedBox {

	clear:both;

	width:1007px;

	margin: 0 auto 15px auto;

}



/* --- Rounded Middle Box ---  */



#middle {

	margin-top: 15px;

	margin-right: 38px;

	margin-bottom: 0px;

	margin-left: 38px;

	padding: 0;

}

#middle .middle * {

	display:block;

	height:1px;

	overflow:hidden;

	background:#ffffff;

}

#middle .middle1 {

	border-right:1px solid #f3f3f3;

	padding-right:1px;

	margin-right:3px;

	border-left:1px solid #f3f3f3;

	padding-left:1px;

	margin-left:3px;

	background:#f9f9f9;

	clear:both;

}

#middle .middle2 {

	border-right:1px solid #ececec;

	border-left:1px solid #ececec;

	padding:0px 1px;

	background:#fbfbfb;

	margin:0px 1px;

	clear:both;

}

#middle .middle3 {

	border-right:1px solid #fbfbfb;

	border-left:1px solid #fbfbfb;

	margin:0px 1px;

	clear:both;

}

#middle .middle4 {

	border-right:1px solid #f3f3f3;

	border-left:1px solid #f3f3f3;

	clear:both;

}

#middle .middle5 {

	border-right:1px solid #f9f9f9;

	border-left:1px solid #f9f9f9;

	clear:both;

}

#middle .middle_content {

	padding:0 5px;

	background:#ffffff;

	font-size:.75em;

	width:921px;

	float:left;

	clear:both;

	margin: 0 auto 0 auto;

	min-height:100%;

	height:100%;

}

#middle .middle_content p {

	font-size:1em;

}

#middle .middle_content a {

	font-size:1em;

}



/* --- Left Nav --- */



.middle_contentBoxes {

	float:left;

	width:210px;

}

.middle_contentBoxes ul {

	padding: 0px;

	margin: 0px;

	width:210px;

}

.middle_contentBoxes ul li {

	font-size:100%;

	list-style-type: none;

	list-style-image:none;

	text-decoration: none;

	background-color:#fff;

	width: 200px;

	padding:5px;

	border-bottom: 1px #ccc solid;

	margin:0px;

}

* html .middle_contentBoxes ul li {

	font-size:100%;

	list-style-type: none;

	list-style-image:none;

	text-decoration: none;

	background-color:#fff;

	width: 200px;

	padding:5px;

	border-bottom: 1px #ccc solid;

	/*margin-bottom:-3px;*/

	color: #666;

}

.middle_contentBoxes ul li a {

	display:block;

	color:#333;

	text-decoration: none;

	font-weight:normal;

	padding:5px 0;

	margin:0px;

	width:200px;

}

.middle_contentBoxes a:hover {

	color:#036;

	text-decoration: underline;

}

.middle_contentBoxes h4,

.right_contentBoxes h4 {

	margin-top:30px; 

	font-weight:bold; 

	margin-bottom:10px; 

	border-left:5px solid #069; 

	padding-left:5px;

}

.middle_contentBoxes .HL {

	font-size: 11px;

}

.middle_contentBoxes .HLlink a {

	font-size: 11px;

} 



/* --- Content styles --- */



#middle .middle_content #content {

	display: block;

	float: right;

	width:670px;

}

#middle .middle_content #content h1 {

	font-size: 30px;

	font-weight: normal;

	line-height: normal;

}

#middle .middle_content #content a {

	text-decoration:none;

}

#middle .middle_content #content a:hover {

	text-decoration:underline;

}

#middle .middle_content #content img {
	padding: 2px;
	margin: 2px;
	background-color:#fff;
	border: 1px solid #ccc;
}

#middle .middle_content #content p {

	line-height:16px;

	padding-bottom:5px;

	margin-bottom:8px;

}

#middle .middle_content #content td, #middle .middle_content #content th {


	padding: 5px

}

#middle .middle_content #content .OneCol {

	width: 670px;

	margin: 0 0 20px 0;

	padding: 0;

}

#middle .middle_content #content a img {

	border-style: none;

	text-decoration: none;

}



#middle .middle_content #content .top {

         width: 670px;

	padding: 0;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 20px;

	margin-left: 0;

}



#middle .middle_content #content .bottom {

	margin: 0 0 20px 0;

	padding: 0;

         clear:both;

}



#middle .middle_content #content .colLF {

	float: left;

	width: 310px;

	margin: 0;

	padding: 0;

}

#middle .middle_content #content .colLF a img {

	border-style: none;

	text-decoration: none;

}

#middle .middle_content #content .colRT {

	float: right;

	width: 310px;

	padding: 0 10px 0 0;

	margin: 0;

}



#middle .middle_content #content .colRT a img {

	border-style: none;

	text-decoration: none;

}



#middle .masthead {

	background-color:#7994a9;

	margin: 0px;

	padding: 5px;

    clear:both;

}

#middle .masthead h1{

    font-size:40px;

    text-align:left;

    font-family: "Times New Roman", Times, serif;

    color: #fff;

    font-style:italic;

    margin-right:10px;

    margin-left:10px;

    margin-top:0px;

    margin-bottom:5px;

    padding:0px;

    letter-spacing: -1px;

    font-weight: normal;

    border:none;

}



/* --- Google Mini Style --- */



#middle .middle_content .searchResult {

	width:100%;

	display:block;

	clear:both;

	padding:0px;

	margin: 20px 0px;

}

#middle .middle_content a.searchTitle {

	color: #069;

	font-size:1.3em;

	text-decoration: underline;

}

#middle .middle_content a.searchURL {

	color: #666;

	background-color:transparent;

	text-decoration: none;

}

#middle .middle_content a.searchURL:hover {

	color: #666;

	background-color:transparent;

	text-decoration: underline;

}

#middle .middle_content .searchSnippet {

	display:block;

	clear:both;

}



/* --- Footer --- */



#footer {

	background-image: url(/images/footer.gif);

	background-repeat: no-repeat;

	width: 950px;

	height: 100px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	background-position: center top;

	clear:both;

	padding: 0;

}

#footer p {

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 5px;

	margin-left: auto;

	font-size: 0.7em;

	letter-spacing: 0.050em;

	text-align: center;

}

#footer #logo a img {

	border-style:none;

	display:inline;

	/*	margin-left:32px;

	margin-top:15px;*/

	text-decoration:none;

	float: right;

}



/* --- Skip Navigation --- */

.skip {

	float: left;

	color:#fff;

	background-color: #930;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 3px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	margin-left:-100px;

}

.skip:hover {

	float: left;

	color:#000;

	background-color: #ccc;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 3px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	margin-left:-100px;

}

#middle .middle_content .green{
	display:block;
	width: 90%;
	float:left;
	border-top: 2px solid #096;
	border-bottom: 2px solid #096;
	padding: 5px 51px 5px 5px;
	margin: 5px 0;
	background: url(images/green.jpg) no-repeat right 5px #D5FFD5;
}
#middle .middle_content .green a {
	color: #333;
}
#middle .middle_content .yellow{
	display:block;
	float:left;
	width: 90%;
	padding: 5px 51px 5px 5px;
	border-top: 2px solid #FC0;
	border-bottom: 2px solid #FC0;
	margin: 5px 0;
	background: url(images/yellow.jpg) no-repeat right 5px #FFC;
}
#middle .middle_content .red {
	border-top: 2px solid #F00;
	border-bottom: 2px solid #F00;
	display:block;
	float:left; 
	width: 90%;
	padding: 5px 51px 5px 5px;
	margin: 5px 0;
	background: url(images/red.jpg) no-repeat right 5px #FFEAEA;
} 
#middle .middle_content .indent{
	margin-left: 62px;
	width: 600px;
	float: left;
	display:inline;
}
#middle .middle_content #content table {
	width: 100%;
	float: left;
	margin: 10px 0;
}
#middle .middle_content #content table tr th {
	background: #FFF;
	border-bottom: 2px solid #000;
	padding: 3px;
}
#middle .middle_content #content table tr.row1 {
	background: #FFF;
	padding: 3px;
}
#middle .middle_content #content table tr.row2 {
	background: #eaeaea;
	padding: 3px;
}
#middle .middle_content #content table td {
	border-bottom: 1px solid #666;
	margin: 0;
	padding: 5px;
}
#middle .middle_content #content table tr:hover {
	background: #FFC;
}
#middle .middle_content #content label {
	display: block;
	float: left;
	width: 165px;
	/*height: 14px;*/
	font-size: 14px;
	padding: 5px;
	text-align: right;
	margin: 0 0 10px 0;
}
#middle .middle_content #content input {
	border: 1px solid #930;
	float: left;
	width: 250px;
	font-size: 14px;
	padding: 5px;
	height: 18px;
	margin: 0 0 10px 0;
}
#middle .middle_content #content .short {
	float: left;
	width: 65px;
}
#middle .middle_content #content select {
	border: 1px solid #930;
	float: left;
	width: 260px;
	font-size: 14px;
	padding: 5px 2px;
	height: 32px;
	margin: 0 0 10px 0;
}
#middle .middle_content #content select.multiple {
	height: 150px;
	font-size:11px;
}
#middle .middle_content #content input#recaptcha_response_field, #middle .middle_content #content label.recaptcha_input_area_text {
	float: none;
	margin: 0 !important;
}
#middle .middle_content #content textarea {
	float: left;
	height: 55px;
	width: 250px;
	border: 1px solid #930;
	margin: 0 0 10px 0;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
}
#middle .middle_content #content input.error, #middle .middle_content #content textarea.error, #middle .middle_content #content select.error {
	border: 2px solid #F00;
	background-color: #FFEAEA;
}
#middle .middle_content #content form span.hint {
	display: block;
	float: left;
	width: 200px;
	font-size: 9px;
	padding: 0 5px;
	text-align: left;
	margin: 0 0 10px 0;
	color: #666;
}
#middle .middle_content #content form span.hint strong {
	font-size: 10px;
	color: #C00;
	font-weight: bold;
}
#middle .middle_content #content input.submit {
	float: left;
	margin-left: 175px;
	border: 1px solid #930;
	width: auto;
	height: auto;
	background:#CCC;
}
#middle .middle_content #content p.error {
	background: #FFEAEA;
	border-top: 2px solid #F00;
	border-bottom: 2px solid #F00;
	display:block;
	width:auto;
	padding: 5px;
}
#middle .middle_content #content p.success{
	display:block;
	width:auto;
	background-color: #D5FFD5;
	border-top: 2px solid #096;
	border-bottom: 2px solid #096;
	padding: 5px;
}
#middle .middle_content #content p.updateblock{
	display:block;
	width: 160px; 
	float: right;
	margin: 0;
}