body
{
	background-image:url(http://www.uta.edu/diversity/images/4.gif);
         padding: 0;
	margin: 0;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
line-height:1.10em;
}


h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}


img
{
	border: 1px solid #fff;
}

#page_container
{
	width: 800px;
	margin: 0 auto;
         background: #fff;
}

#header
{
	background-image: url('http://www.uta.edu/diversity/images/banner.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	height: 150px;
         width: 800px;
         text-align:left;
         position: relative;
	}

#header a
{
	width:380px;
	height:65px;
	display:block;
	border:none;
        position:relative;
        left:0px;
        top:0px;
}

#header #uta-search
{
width:275px;
position:absolute;
left:535px;
top:20px;
font-size:10px;
}

#header #uta-search .searchbox
{
width:80px;
border:solid 1px #CCC;
}

#content {
background: #fff; 
color: #000;
width: 800px;
margin: 0 auto;
text-align: left;
 }

#content h1, #content h2, #content h3
{
margin-left: 20px;	
color: #004;
}


#content a
{
	color: black;
	background: white;
}

#content a:visited
{
	color: #333;
	background: white;
}

#content p, #content li {
font-size: 12px;
margin-left: 20px; 
margin-right: 20px;}

#content table {margin-left:20px; margin-right:20px;}
#content td {font-size:11px; padding:0px 5px;}

#leftcolumn, #rightcolumn {
display:inline;
padding:0px;
text-align:left;
}
#leftcolumn {width:350px; float:left;}
#rightcolumn {width:450px; float:right;}

#leftcolumn h2, #rightcolumn h2 {
background-color: #eaeaea;
color: black;
margin-top:35px;
font-size: 12px;
font-weight:bold;
padding: 8px;
}
#leftcolumn h2 {width: 270px;}
#rightcolumn h2 {width: 370px;}
#rightcolumn h2.topheading {margin-top:12px;}

.leftpic {float:left; margin-right:15px; margin-bottom:10px;clear:both;}
.rightpic {float:right; margin-left:15px; margin-bottom:10px; margin-right:15px;}


#footer
{
	margin-top: 40px;
	text-align: center;
	font-size: 11px;
	width: 100%;
	padding-bottom: 30px;
	line-height: 1.5em;
}

#footer a
{
	text-decoration: none;
	color: #006;
	font-weight: bold;
}

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

#footer img
{
	border: none;
}


/* HORIZONTAL FREESTYLE MENU LAYOUT */

#menucontainer {width: 800px; height: 30px; margin: 3px auto 20px auto; background: #0047B6; }

#listMenuRoot {position: relative; left: 20px; top: 5px; }

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0; 
 padding: 0;
 list-style: none;
 color: #fff;
 font-size: 10px;
 }

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 /*top: 2.5em;  I'm using ems rather than px to allow people to zoom their font */
 left: 0px;
 width: 180px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px;
 left: 180px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
 background: #0047b6;
 margin-right: -1px;
text-align: left;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
background: #999;
 color: #fff;
}
.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */

.menulist a {
 display: block;
 padding: 3px 20px; 
color: #fff;
text-decoration:  none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #0047b6;
 background-color: #999;
}
.menulist  a.highlighted {
 color: #0047b6;
 background-color: #999;
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/

* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */

div#gallerycontainer /* home page */

{

          width:300px !important;

          height:200px !important;

         /* background-image:url(../_images/content/slideshow/pic2.jpg); */

          background-position:left top;

          background-repeat:no-repeat;

}

 
div#gallerycontainer div#myGallery

{

          z-index:0 !important;

          width:300px !important;

          height:200px !important;

}