/* CSS Document */

body {
	margin-top: 20px;
	background: #000066;
	font-family: verdana, arial, sans-serif;
	height: 100%;
}

td {
	vertical-align:top;
}

img {
	border:0;
}

img.right {
	position:relative;
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}

img.left {
	position:relative;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

#stuaff_page {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('http://www.uta.edu/studentaffairs/images/5.jpg');
	background-position: top left;
	background-repeat: repeat-y;
	background-color: white;
	height: 100%;
	min-height: 600px;
}

#pagetitle {
	position:relative; 
	float: left; 
	top:7px; 
	left:12px;
}

#utawordmark img
{
	border: 0px;
	margin: 15px 10px 0px 85px;
	text-align:center; 
}

#stuaffwordmark img {
	border: 0px;
	margin: 10px 10px 5px 110px;
	text-align:center; 
}

#content {
	margin-left: 75px;

}

#content h1 {
	font-size: 20px;
	font-family: georgia, times-roman, serif;
	color: #000066;
	text-align: center; }

#content h2 {
	font-size: 16px;
	margin: 30px 30px 10px 30px;
}

#content h3 {
         font-size: 12px;
         margin: 10px 30px;
}

#content p {
	font-size: 11px;
	margin: 10px 30px;
}

#content a:link {
	color: black;
}

#content a:active  { 
	color: black;
}

#content a:visited {
	color: #666;
}

#content ul, #content li {
	font-size: 11px;
}

#content li {
	margin-right: 30px;
}

#content table {
	margin: 15px;
	font-size:11px;
}

#content td {
	padding: 3px;
}

#aboutlinks {
	width: 300px;
	margin-left: 28px;
	margin-right: 28px;
	position: relative;
	top:15px;
	float: left;
	border: 1px solid #ccc;
	padding-bottom:20px;
}

#aboutpics {
	width: 225px;
	padding: 14px;
	position:relative;
	float:left;
	text-align:center;
}
/* Formatting for staff headshot table in About US */

table#contactus { margin-right: 40px; }

table#contactus {
         padding: 5px;
         cellspacing: 0;
}

#contactus span.name {
         font-weight: bold;
}

#contactus span.title {
         font-style: italic;
}

td#orgcharts {
         vertical-align: middle;
         text-align: center;
         padding: 10px;
         border: solid gray 1px;
         line-height: 2em;
}

#navcontainer {
	position:relative;
	/*top:-35px; */
	left:65px;
}

#navlist {
	padding: 10px;
	/*position: relative;
	top: -20px;
	left: 42px;*/
}


#navlist ul {
	/*margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	*/
	width: 170px; 
}

#navlist li {
	display: block;
	list-style-type: none;
	color: #000;
	font-size: 11px;
	float: left;
	position: relative;
}

#navlist li a {
	padding: 2px 8px;
	display:block;
}

#navlist a:link, #navlist a:visited {
	color: #000;
	background-color: white;
	text-decoration: none;
}

#navlist a:hover {
	color: #fff;
	background-color: #6e6e6e;
	text-decoration: none;
}


#listMenuRoot {
	/*padding:65px 0px 0px 125px;*/
	position: relative;
	/*top: -140px;*/
	left: 70px;
	font-size: 11px;
	z-index: 99; 
}

#listMenuRoot2 {
	position: relative;
	left: 55px;
	font-size: 11px;
	z-index: 99; 
}

/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */

.menulist, .menulist  ul {
	margin: 0; 
	padding: 0;
	/*top: 50;*/
	list-style: none;
	/*background: #ffffff;*/
	color: #000;
	font-size: 11px;
 }

/* 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: 170px;
}

/* Second and third etc. level submenus - position across from parent instead */

.menulist ul ul {
	top: 0px;
	left: 155px;
}

/* 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: #313131;
	border: 1px solid #330; */
	background: white;
	text-align:center;
}

/* 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: #ccc;
         color: #000;
         text-align:left;
}

/*
.menulist ul>li:last-child {
         margin-bottom: 1px;
}
*/

/* Links inside the menu */

.menulist a {
         display: block;
         padding: 2px 20px; 
         color: #000;
         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: #fff;
         background-color: #6e6e6e;
}
.menulist  a.highlighted {
         color: #fff;
         background-color: #6e6e6e;
}

/*.menulist  a:visited {
         color: #fff;
}*/

/* If you want per-item background images in your menu items, here's how to do it:
 
  1) Assign a unique ID tag to each link in your menu, like so:
     <a id="xyz" href="#">
  2) Copy and paste these next lines for each link you want to
     have an image:
     .menulist a#xyz {
              background-image: url(out.gif);
     }
     .menulist a#xyz:hover, .menulist a.highlighted#xyz, 
     .menulist a:focus {
              background-image: url(over.gif);
    }
*/

/* 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%;
}


#links {
         color: #ffffff;
         font-size: 11px;
         text-align: center;
}

#movie {
         width: 550px;
         height: 200px;
         position:relative;
         left: 60px;
         top: 20px;
         z-index: 0;
}

#photocredits {text-align:right; font-style: italic;}

#photocredits a {font-size:9px;color:#ccc; text-decoration:none;}

#divisionlinks {
         width: 600px;
         position:relative;
         top:20px;
         margin:0px auto;
}

#divisionlinks td {padding: 3px;}

#footer {
         padding: 60px 10px 10px 70px;
         color: #333333;
         font-size: 11px;
         text-align: center;
         line-height: 150%;
}

#footer a {color:#333333; }

/* Style for Awards and Honors Pages */

div.awardlinks { 
         text-align: center;
         margin: 30px 10px;
         line-height: 1.3em;
 }

.dropcap:first-letter {
         font-size: 2em;
         float: left;
         font-family: "Times New Roman" Times serif;
         color: #000066;
         margin-right: 3px;
}

#wwphotos img { margin: 10px 20px; }