img, div {
	behavior: url(http://uta.org/ie/iepngfix.htc);
}

body {
	background: #4e4e4e url(http://uta.org/images/site/layout/bg.gif);
	text-align: center;
	color: #000;
	font: normal 1em Tahoma,Helvetica,Arial,sans-serif;
}

h1 {
	font-size: 2em;
	font-weight: normal;
	color: #0068bc;
}

h2 {
	margin-bottom: 12px;
	font-size: 1.5em;
}

h4 {
        font-size: 0.9em;
        margin-top: 1.5em;
}

h5 {
	font-size: 0.8 em;
}

hr {
        width: 95%;
        height: 1px;        
        color: #e8e8e8;
        background-color: #e8e8e8;
}

p {
	font-size: 0.9em;
	padding: 8px;
}

p.smaller {
	font-size: 0.8em;
}

p.no-indent {
	padding: 3px 0 10px 0;
}

div.smaller {
	font-size: 0.8em;
}

div.no-indent {
	padding: 3px 0 10px 0;
}

ol {
	margin-left: 50px;
	font-size: 0.9em;
}

ol li {
	list-style-type: decimal;
	padding: 0.3em;
}

a:link,
a:visited {
	color: #0068bc;
	text-decoration: none;
}

a:hover {
	color: #4e4e4e;
}

#container {
	margin: 0 auto;
	width: 880px;
	text-align: left;
}

#header {
	width: 880px;
	height: 188px;
	background: url(http://uta.org/images/site/layout/banner.png);
}

/* Begin Navigation Section */

ul#nav {
	width: 850px;
	background-color: #0068bc;
	font-size: 1em;
	float: left;
	display: inline;
	margin: 0 0 0 15px;
	position: relative;
	z-index: 6000;
}

	ul#nav li {
		/* Have to float the main list items so that dropdown can display vertically */
		display: inline;
		float: left;
                                margin: 0;
		border-right: 3px solid #ececec;
		position: relative;
	}

	ul#nav li a {
		/* will be for all links */
		display: block;
		color: #fff;
		text-decoration: none;
		background: #0068bc;
		padding: 0.4em 1em 0.4em 1em;
		position: relative;
	}

	ul#nav li a:hover {
		background: #90badc;
	}

		ul#nav li ul {
			/* position the subnavs underneath and hide them */
			display: none;
			position: absolute;
			top: 1.8em;
			left: 0;
			padding-top: 0;
		}

		ul#nav li:hover ul,
		ul#nav li.sfhover ul{
			/* display links when the parent is hovered */
			display: block;
			z-index: 6000;
		}

		ul#nav li ul li {
			float: none;
			display: block;
			border-right: 0;
			padding-top: 0px;
                                                margin-top: -1px;
		}

			ul#nav li ul li a {
				float: none;
				width: 300px;
				/* ie doesn't inherit the float */
				background-color: #0068bc;
				display: block;
			                border-top: 1px solid #e8e8e8;
                                                                margin-top: -1px;
			}

	ul#nav li.members a,
	ul#nav li.members a:hover {
		background: #ebac00;
	}

	ul#nav li.members ul li a {
		background: #0068bc;
	}

	ul#nav li.members ul li a:hover {
		background: #ebac00;
	}

/* End Navigation Section */

/* Begin Main Content Section */

#content-880 {
	width: 880px;
        min-height: 300px;
	background: url(http://uta.org/images/site/layout/content_bg.png);
	overflow: hidden;
}

#left-sidebar {
	width: 265px;
	margin: 0 0 13px 15px;
	float: left;
	display: inline;
}

#right-sidebar {
	width: 265px;
	margin: 0 15px 13px 0;
	float: right;
	display: inline;
}

#main-content {
	width: 585px;
	margin-right: 15px;
	float: left;
	display: inline;
}

	/* Main Content Divs */

	#main-content-text {
		width: 534px;
                min-height: 250px;
		background: #fff;
		border: 3px solid #4e4e4e;
		margin: 12px auto;
		padding: 8px;
	}

	#home-slider {
		width: 550px;
		height: 300px;
		margin: 12px auto 0 auto;
		background: #4e4e4e;
		overflow: hidden;
		position: relative;
	}
	
	#home-slider img {
		width: 550px;
		height: 300px;
	}

	/* Home Page Banner Slider */	
		#slider-nav-container {
			width: 550px;
			height: 35px;
			margin: 0 auto;
			background: #2f2f2f;
			position: relative;
		}
	
		.nav-thumbs ul {
			position: absolute;
			top: 0;
			left: 0;
		}
	
		.nav-thumbs li {
			width: 50px;
			margin: 0 3px;
			float: left;
			display: inline;

		}
	
		.nav-thumbs li a {
			padding: 3px 5px;
			display: block;
		}
	
		.nav-thumbs img {
			width: 50px;
			height: 27px;
			display: block;
			float: left;
			border: 1px solid #fff;
		}
	
		.nav-thumbs img:hover,
		.nav-thumbs .activeSlide img {
			border: 1px solid #ebac00;
		}
	
	/* End Homepage Banner slider */
	
	#home-video {
		width: 550px;
		height: 288px;
		margin: 12px auto 12px auto;
		background: #000;
                text-align: center;
	}

	#inside-content {
		width: 788px;
		background: #fff;
		border: 3px solid #4e4e4e;
		margin: 45px auto 20px auto;
		padding: 8px;
	}

	#inside-content ul {
		margin: 15px 20px 15px 20px;
		font-size: 0.8em;
	}

	#inside-content ul.normal{
		margin-left: 30px;
		font-size: 0.9em;
	}

	#inside-content ul li {
		list-style-type: disc;
		margin-bottom: 0.6em;
	}

	.events {
		width: 700px;
		margin: 20px auto;
        }

	.float {
		overflow: hidden;
	}

	.content-sidebar-right {
		width: 190px;
		margin: 16px 0 12px 12px;
		padding: 8px 8px 8px 16px;
		border-left: solid 1px #4e4e4e;
		float: right;
		display: inline;
	}
	
	.content-sidebar-left {
		width: 190px;
		margin: 16px 12px 12px 0;
		padding: 8px 16px 8px 8px;
		border-right: solid 1px #e8e8e8;
		float: left;
		display: inline;
	}
	
	.content-main {
		width: 560px;
		float: left;
		display: inline;
		padding-bottom: 15px;
	}

	div.terms {
		padding-top: 20px;
                clear: both;
	}

	#login-page {
		width: 550px;
		background: #fff;
		border: 3px solid #4e4e4e;
		margin: 60px auto;
		padding: 8px;
	}
	
	.col-260-left {
		width: 260px;
		height: 200px;
		background-color: #fff;
		border: 3px solid #4e4e4e;
		margin: 0 auto 12px 16px;
		float: left;
		display: inline;
	}
	
	.col-260-right {
		width: 260px;
		height: 200px;
		background-color: #fff;
		border: 3px solid #4e4e4e;
		margin: 0 18px 12px auto;
		float: right;
		display: inline;
	}
	
	/* End Main Content Divs*/

#content-bot {
	width: 880px;
	height: 25px;
	background: url(http://uta.org/images/site/layout/contentbot_bg.png);
}

ul#convention {
	font-size: 0.9em;
	margin: -5px 0 0 5px;
}

ul#convention li {
	list-style-type: none;
        margin-bottom: 2px;
}

ul#convention li a {
	width: 140px;
	background: #0068bc;
	color: #fff;
	padding: 0.4em 1em;
        display: block;
}

ul#convention li a:hover {
	background: #90badc;
}

/*End Main Content Section */

/* Sidebar Divs */

.left-sidebar {
	width: 240px;
	min-height: 245px;
	background-color: #fff;
	border: 3px solid #4f4f4f;
	margin: 12px 8px 0 16px;
	overflow: hidden;
}

.sidebar p {
	padding: 3px 8px 0 8px;
	font-size: .8em;
}

.sidebar h2 {
	width: 235px;
	height: 1em;
	background-color: #0068bc;
	padding: 0 0 0.4em 0.4em;
        margin-bottom: 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
}

.sidebar h3 {
	font-size: .9em;
	font-weight: bold;
	padding: 8px 8px 0 8px;
}

.welcome {
	width: 240px;
	background-color: #fff;
	border: 3px solid #4f4f4f;
	margin: 12px 8px 0 16px;
}

.welcome h2 {
	font-size: 1.4em;
	color: #0068bc;
	background: #fff;
	font-weight: normal;
        margin-bottom: 0;
	padding: 8px;
}

.welcome p {
	padding: 5px 8px 12px 8px;
}

.right-sidebar {
	width: 240px;
	background-color: #fff;
	border: 3px solid #4f4f4f;
	margin: 12px 16px 0 8px;
}

#current-newslet {
	width: 100%;
        height: 1em;
	background: #4e4e4e;
	color: #fff;
	font-weight: bold;
        text-align: left;
        padding-bottom: 0.5em;
}

#curren-newslet p {
	font-size: 0.9em;
}

#current-newslet a,
#current-newslet a:link {
	color: #fff;
	text-decoration: none;
}

#current-newslet a:hover {
	color: #ececec;
	text-decoration: underline;
}


/* End Sidebar Divs */

/* member login area */

.member-login {
	width: 240px;
	color: #fff;
	background-color: #ebac00;
	margin: -3px 8px 8px 16px;
	border: 3px solid #4f4f4f;
	overflow: hidden;
}

.member-login a,
.member-login a:link,
.member-login a:visited {
	color: #4f4f4f;
	text-decoration: underline;
}

.member-login a:hover {
	color: #fff;
}

.member-login p {
	padding: 0 0 8px 8px;
	font-size: 0.9em;
}

.member-login p.reminder {
	font-size: 0.7em;
}

.member-login p.right-align {
	text-align: right;
	margin-right: 20px;
}

p.logged-in {
	padding: 5px 8px;
}

.screen-name {
	color: #4e4e4e;
	font-weight: bold;
}

.member-login h2 {
	font-size: 1.3em;
	padding: 5px 8px 10px 8px;
        margin-bottom: 0;
}

.login {
	padding: 8px;
}

.member-login label {
	width: 90px;
        margin-top: 0;
	padding-top: 7px;
}

.member-login input {
	width: 135px;
	height: 1.3em;
	color: #000;
	padding: 2px 0px 2px 4px;
	border: 1px solid #4f4f4f;
}

input#send-btn {
	width: 65px;
	height: 20px;
	color: #fff;
	border: 1px solid #fff;
	padding: 0 0 3px 0;
	margin: 3px 8px 3px 0;
	background: #0068bc;
	cursor: pointer;
}

.logout-btn a:link,
.logout-btn a:visited,
.logout-btn a:hover {
	color: #fff;
	font-size: 0.7em;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 0.3em 1.5em;
	margin-left: 0;
        margin-bottom: 8px;
	background: #0068bc;
	cursor: pointer;
}

/* End Member Login area */


/* Begin Footer Section */

#footer {
	width: 880px;
	min-height: 30px;
	margin: -5px 0 20px 0;
    color: #fff;
    font-size: 0.8em;
    position: relative;
}

#footer p {
	padding: 0;
}

#footer .left {
	width: 420px;
	text-align: left;
	position: absolute;
	top: 0;
	left: 20px;
}

#footer .right {
	width: 420px;
	text-align: right;
	position: absolute;
	top: 0;
	right: 20px;
}

#footer a:link,
#footer a:visited {
	color: #f4b000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* End Footer Section */

/* Forms */

#contact_us_form {
	float:right; 
	position:relative; 
	padding: 15px 100px 15px 10px;
	width:350px; 
	clear:right; 
	}

	#contact_us_form .text_label {
		width:110px;
                font-size: 0.9em;
		text-align:right;
		float: left;
		padding: 0px 10px 0px 0px;
		}

	#contact_us_form input { 
		border: 1px solid #969696;
                width: 220px;
                font-size: 0.9em;
                margin-bottom: 5px;
                }

	#contact_us_form select {
		width: 220px;
                font-size: 0.9em;
                margin-bottom: 5px;
                }

	#contact_us_form textarea {
                font-size: 0.9em;
                font-family: Tahoma, Helvetica, Arial, sans-serif;
		border: 1px solid #969696; 
		background: #fff; 
		padding: 2px 0 0 2px;
		height: 100px; 
		width: 218px;
		}
	
	#contact_us_form .btn {
		margin: 5px 8px 0 0;
                width: 75px;
                color: #fff;
                background-color: #0068bc;
                float: right;
                display: inline;
		}

/* Misc. Classes */

.left {
	float: left;
	display: inline;
}

.right {
	float: right;
	display: inline;
}

.members {
	background-color: #ebac00;
}

.link-btn a:link,
.link-btn a:visited,
.link-btn a:hover {
	color: #fff;
	font-size: 0.9em;
	text-decoration: none;
	border: 1px solid #969696;
	padding: 0.3em 1.5em;
	margin-left: 0;
	margin-bottom: 8px;
	background: #0068bc;
	cursor: pointer;
}

.link-btn a:active {
        background: #90badc;
}

	.directory {
                width: 150px;
                height: 160px;
		margin: 20px 0 15px 50px; 
		float: left;
	}

	.directory img {
		padding: 5px; 
		border: 1px solid #969696;
                margin-bottom: 0.2em;
	}

	.directory p {
		font-size: 0.8em;
                padding: 3px 0 0 0;
      	}

	.newsletter {
                width: 175px;
		margin: 20px 0 15px 50px; 
		float: left;
	}

	.newsletter img {
		padding: 5px; 
		border: 1px solid #969696;
                margin-bottom: 0.8em;
	}

	.newsletter p {
		font-size: 0.8em;
                padding: 3px 0 0 0;
      	}
