/* General styles */
body {
	font-family:arial, verdana, sans-serif;
	font-size:100%;
	line-height:115%;
	text-align:center;
	background:#169;
	width:100%;
	margin:0;
	padding:0;
	border:0;	/* This removes the border around the viewport in old versions of IE */
}
hr {
	color:#169;
	background:#169;
	height:3px;
	width:90%;
	}

a:link, a:visited {
	color:#169;
	}
a:hover {
	color:#acd;
	text-decoration:none;
	}
a:active {
	color:#69c;
	}
a img {
	border:none;
	}
a span.ext {
	background:url(/Images/External.png) 99% 40% no-repeat;
	padding-right: 15px;
	}
h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration:none;
	}
	
#fixed {
	margin:0 auto;
	width:1000px;   /* can use px, em or % */
	text-align:left;
	}
#header {
	clear:both;
	float:left;
	width:100%;
	border-bottom:1px solid #169;
	background:#169 url(/Images/HeaderBG.jpg) no-repeat bottom center;
	margin:.5em 0 0 0;
	}

#logo1 {
	float: left;
}

#logo1 h1 {
	margin: 0;
	padding: 0;
}

#logo1 h1 a {
	background:url(/Images/ISAHouston.png) no-repeat;
	display: block;
	width: 260px;
	height: 105px;
}

#logo1 h1 span {
	display: none;
}

#logo2 h1 {
	background:url(/Images/ISATag.png) no-repeat;
	margin: 0;
	padding: 0;
	width: 330px;
	height: 50px;
}

#logo2 h1 span {
	display: none;
}
	
#search {
	clear:both;
	}

#searchbox {
	float:right;
	background:url(/Images/SearchBox.png) no-repeat;
	margin: 0 0.5em;
	padding:0 0 0 20px;
	width: 200px;
	height: 24px;
}

#searchbox input {
	border:0;
	color:#000;
	cursor:text;
	text-align:left;
	float:left;
	font-size:14px;
	line-height: 14px;
	height: 17px;
	margin: 2px 0;
	width: 160px;
}



#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #169;
	background:#fff;
	text-align:center;
	font-size:.75em;
	}

.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	padding:0.25em 0em;
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	}

/* 2 Column settings */

.holygrail2 {
	background:#fff;		/* Left column background colour */
	}
.holygrail2 .colmid {
	background:#fff;		/* Centre column background colour */
	left:11em;				/* Width of left column? */
	float:left;
	width:200%;
	position:relative;
	}
.holygrail2 .col1wrap {
	right:11em;				/* Width of left column? */
	float:right;
	width:50%;
	position:relative;
	padding:0.5em 0em;	/* Center column top-bottom padding. */
	}
.holygrail2 .col1 {
	right:100%;
	padding:0.25em 0em;
	margin:0em 0.5em 0em 11.5em;	/* Centre column side padding */
	overflow:hidden;
	position:relative;
	}
.holygrail2 .col2 {
	right:10.5em;				/* Width of the left-had side padding on the left column */
	float:left;
	width:10em;				/* Width of left column content (left column width minus left and right padding) */
	position:relative;    
    }

/* 3 Column settings */

.holygrail3 {
	background:#fff;		/* Right column background colour */
	}
.holygrail3 .colmid {
	background:#fff;		/* Centre column background colour */
	right:100%;
	float:left;
	margin-left:-13em;		/* Width of right column */
	width:200%;
	position:relative
	}
.holygrail3 .colleft {
	/* background:#ffd8b7;		/* Left column background colour */
	left:24em;				/* Left column width + right column width */
	float:left;
	margin-left:-50%;
	width:100%;
	position:relative;
	}
.holygrail3 .col1wrap {
	right:11em;			/* Width of left column */
	float:left;
	width:50%;
	position:relative;
	padding:0.5em 0em;	/* Center column top-bottom padding. */
	}
.holygrail3 .col1 {
	/* background:#aaa; */
	left:200%;
	padding:0.5em 0em;
	margin:0em 13.5em 0em 11.5em;	/* Centre column side padding:
                           	Left padding = left column width + centre column left padding width
                           	Right padding = right column width + centre column right padding width */
	overflow:hidden;
	position:relative;
	}
.holygrail3 .col2 {
	/* background:#aaa; */
	right:0.5em;			/* Width of the left-hand side padding on the left column */
	float:right;
	width:10em;		/* Width of left column content (left column width minus left and right padding) */
	position:relative
	}
.holygrail3 .col3 {
	left:50%;
	float:right;
	width:12em;		/* Width of right column content (right column width minus left and right padding) */
	margin-right:1.5em;	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	}

/* General classes */

.float-r {
	float:right;
	}
.float-l {
	float:left;
	}
.align-middle {
	vertical-align:middle;
	}
.align-top {
	vertical-align:top;
	}	
.align-left {
	text-align:left;
	}
.align-right {
	text-align:right;
	}
.align-center {
	text-align:center;
	}
.align-justify {
	text-align:justify;
	}
.frame {
	padding:5px;
	border:1px solid #8b8b8b;
	margin:0.1em 1em;
	}
.tiny {
	font-size:.625em;
	}
.smaller {
	font-size:.75em;
	}
.small {
	font-size:.875em;
	}
.disclaimer {
	color:#f00;
	font-style:italic;
	}

/* Table styles for Main Column*/

.col1 table {
	margin:1em auto;	/* Top and bottom padded, centered */
	border-collapse:collapse;
	border-bottom:1px solid #69c;
	border-right:1px solid #69c;
	}
.col1 table tr.current {
	background:#acd;
	}
.col1 table th {
	font-weight:bold;
	color:#116699;
	border-top:1px solid #69c;
	border-left:1px solid #69c;
	padding:.25em .5em;
	}
.col1 table td {
	border-top:1px solid #69c;
	border-left:1px solid #69c;
	padding:.25em .5em;
	text-align:center;
	}
.col1 table td.hide {
	border:0;
	}

.col1 table a {
	font-weight: bold; 
	font-style: italic;
	}

/* Div styles for Main Column*/

.officer {
	float:none;
	float:left;
	display:block;
	font-size:110%;
	width:43%;
	margin:0 1% 1em;
	border:1px solid #169;
	}
.officer img {
	float:left;
	padding:1em 0.5em;
	}

.officer strong {
	font-size:115%;
	}

.officer em {
	font-size:90%;
	}

.box {
	clear:both;
	}