/************************************************/
/* ASU HEADER */
/************************************************/
/* General container for top tier */

div.wrapper { font-family: 'lucida grande',tahoma, geneva, sans-serif; font-size: 76%; background-color:#444;}
/* ASU Logo & Icons*/
#banner { margin: 0 auto; padding: 0; text-align:left; position:relative; min-width: 780px; max-width: 950px; height:45px; }
#logo { margin:0; height:45px; width:340px; background:url(http://www.webdev.appstate.edu/banners/gray_45/logo.gif) no-repeat center left; padding-top:5px;}
#logo a { display:block; height:30px; overflow:hidden; text-decoration:none; text-indent:-5000em;  margin:0; }
#logo h1, #logo h2 { margin:0; padding:0; }

/* Top Search Box */
#searchtop { position:absolute; right:0; top:2px; width:300px; height:40px; }
#searchtop label { display:none; }
#searchtop form { text-align:right; margin:0; padding:0; color:#444; font-size: .9em;}
#searchtop .txtbox { width:150px; vertical-align:top; margin-bottom:4px; border-right:1px #ccc solid; border-bottom:1px #ccc solid; border-left:2px #aaa solid; border-top:2px #aaa solid; }
#searchtop .go { margin-top:2px;}
#searchtop .buttons { margin-right: 4px; }
#searchtop a { color: #0083b3; text-decoration: none; margin-left:8px; }
#searchtop a:hover { text-decoration:underline; }

/************************************************/
/* Global Changes */
/************************************************/
a:link, a:visited, a:active{text-decoration:none;color:#003399;}
a:hover {text-decoration:underline;}
body {font-size:12px;background: #F1F3F8 repeat url(/images/bg_grad.jpg);font-family: Verdana, Arial, Helvetica, sans-serif;margin: 0px 0px 10px 0px;}
body,td,th {font-size:12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
blockquote {margin: 2px 0px 2px 30px;padding: 0px;}
h3 {margin-top: 0px;margin-bottom: 10px;}
h4 {color:#003366;font-size: 14px;}
h5 {margin-top:0px;	padding-top:0px;font-size:12px;}
h5 .grey {color:#0000CC;}

Form {margin: 0px;padding: 0px;}
/************************************************/

/************************************************/
/* Generic Resuable Classes */
/************************************************/
.SystemText {font-family:"Lucida Console";}
.h4_red {font-size: 12px;font-weight: bold;color: #FF0000;}
.DeanMessage {font-size: 12px;}
.darktext {color: #000066;}
.smallheadertitle {font-size: 11px;font-weight: bold;}
.smallheader {font-size: 9px;font-weight: bold;}
.smallcontent {font-size: 11px; font-weight:normal;}
.smallcontent a {color:#003399;}
.lightbluetext{color: #C2D1E8;}
.Spaced {padding-top: 10px;padding-bottom: 10px;}
.Spaced li {padding-top: 10px;padding-bottom: 10px;}

/************************************************/
/* Resuable List Styles */
/************************************************/
/* - Diamond List */
.list_diamonds {font-weight:bold;}
.list_diamonds .underline {font-size: 16px;border-bottom:#000000 solid 1px;padding-bottom:3px; display:block;}
.list_diamonds ul {padding:0px;margin:0px 0px 0px 17px;}
.list_diamonds ul li {padding-bottom:6px;list-style-image:url(/images/blackdiamond.gif);font-weight: normal;}

/* - Grey Icon, Blue Header */
.list_greyarrow li {list-style-image:url(/images/bullet.gif); list-style-type:none; padding-top: 2px;padding-bottom: 2px; font-weight:normal; color:#000000;}
.list_greyarrow {color:#000033; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

/* - Grey List Boxed */
.greyboxlist {
	display:block;
	padding-left: 0px;
	width: 250px;
	background-color: #E4E4E4;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.greyboxlist .greyboxheader{display:block;background-color:#CCCCCC;font-weight:bold;padding: 5px;margin: 0px;}
.greyboxlist ul {margin:0px 0px 0px 10px;border: #E4E4E4 solid 1px;padding-left: 4px;}
.greyboxlist li {padding: 2px 0px 2px 10px;list-style-image:none; list-style-type:none;background:url(/images/bullet.gif) no-repeat;background-position:0  .5em;}

/* - Announcements */
#announcements {display:block; font-size:11px;}
#announcements .announceheader {display: block;letter-spacing: 0.4em;font-weight: bold;text-align: center;width: 95%;border-bottom: dashed 1px #CCC;padding-bottom: 5px;margin-bottom: 2px; font-size:12px;}
#announcements ul {margin:0px;padding:0px;}
#announcements ul li{
	list-style-image:url(/images/blackdiamond.gif);
	list-style-type:none;
	padding-bottom: 12px;
	padding-left: 0px;
	margin-left: 15px;
}
#announcements ul li .title {font-weight:bold;/*padding-left: 5px;*/}
.nobreak { white-space:nowrap }

/* - Popular Resources */
.PopularResources p {width:275px;border-bottom: #666666 dashed thin;padding-bottom:5px;color:#333333;font-size:14px;font-weight:bold;}
.PopularResources li {list-style-image:url(/images/bullet.gif);padding-top: 2px;padding-bottom: 2px; list-style-type:none;}

/* - List of big dark buttons, hori */
.list_darkbuttons {
	margin-left: 20px;
	padding-left: 0px;
}
.list_darkbuttons li {
	display:inline;
	background-color:#225175;
	width:110px;
	list-style-type: none;
	margin-right: 3px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 12px;
}
.list_darkbuttons li a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
/************************************************/

/* Address Listing */
.Address {border:thin #336286 solid;}
.Address .addressheader {
	font-weight: bold;
	color: #c1d0e7;
	background-color: #336286;
	margin: 0px 0px 2px 0px;
	padding: 5px 0px 5px 2px;
	font-size:11px;
	width:100%;
	display: block;
}
.Address ul {padding:0px; margin:0px;}
.Address ul li {
	padding-bottom:3px;
	list-style-type: none;
}
/************************************************/

/* ASU Logo on Page */
#asulogo {position: absolute;right: 0px;bottom: 0px;}

/************************************************/

/* Floating Blue Box with Links Inside */
#BlueLinkBox {
	background: url(/images/blb_top.gif) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-color: #225175;
	width:215px;
}
#BlueLinkBox a { color: #FFFFFF;}
#BlueLinkBox a:hover { text-decoration: underline;}
#BlueLinkBox blockquote {margin: 0px;background:url(/images/blb_bottom.gif) no-repeat right bottom;padding: 20px;}
#BlueLinkBox ul {
	font-size: 10px;
	color: #C1D0E7;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	list-style-type: none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 12px;
	padding-top: 0px;
}
#BlueLinkBox ul a {	color: #C1D0E7;	text-decoration: none;}
/************************************************/

/* Bottom Navigation Area */
#BottomNav {
	font-size: 10px;
	margin: 0 auto;
	background-color:#FFFFFF;
	border-left: 2px #225175 solid;
	border-right: 2px #225175 solid;
	border-bottom: 2px #225175 solid;
	width:800px;
	text-align:center;
	/* Added for ASU Logo. */
	/* the last two lines are hacks for various browsers */
	position:relative;
	_height:36px;
	min-height:36px;
	padding-bottom: 5px;
}
#BottomNav ul {padding:15px 0px 0px 0px; margin:0px;}
#BottomNav ul li {display:inline; list-style-image:none;}
#BottomNav ul li a {text-decoration: underline;}
#BottomNav .copyright {font-size:10px;}
/************************************************/

/* Main Content Area of all Subpages */
#ContentBody {
	display: block;
	width:800px;
	margin: 0 auto;
	background-color:#FFFFFF;
	border-left: 2px solid #225175;
	border-right: 2px solid #225175;
}
#Content {width: 562px;padding: 10px;margin-left: 215px;}
#Content h3 {font-size: 16px;font-weight: bold;}
#Content h3 .LightBlue{color: #225175;}

/************************************************/

/* Header and SubHeader Text plus Logo */
#ContentHeader {
	display: block;
	width:800px;
	background-color:#121212;
	border-left: 2px solid #225175;
	border-right: 2px solid #225175;
	margin: 0 auto;
}
#ContentHeader_Left {width: 210px;float: left;}
#ContentHeader h1 {
	padding-top: 10px;
	font-size: 22px;
	color: #C2D1E8;
	margin: 0px 0px 10px 210px;
	padding-left: 10px;
	padding-bottom: 0px;
	font-weight: bold;
}
#ContentHeader h2 {
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	color: #C2D1E8;
	font-size: 16px;
	margin: 0px 0px 0px 220px;
}
#ContentHeader .DisplayDate {color:#CCCCCC;font-size:10px;font-weight:bold;text-align: right;clear: both;display: block;}
/************************************************/

/* Directory Listings */
.directory .small {font-weight: bold;font-size:9px;}
.directory .small .button {font-weight: bold;font-size:9px;}
.directory .directoryheader {font-weight:bold;
	color: #c1d0e7;
	height:25px;
	background-color: #336286;
	margin: 2px 2px 2px 0px;
	padding: 5px 5px 5px 2px;
	font-size:11px;
	width:100%;
	display: block;
}
.directory_deptlist_left {
	display:block;
	float: left;
}
.directory_deptlist_right {
	margin-left:317px;
	display:block;
}
.directory ul {padding:0px; margin: 0px;}
.directory ul li {list-style-type:none; display:inline; margin-left:10px;}
/************************************************/

/* Faculty and Staff Page */
#FacStaff_Spotlight {
	font-size: 11px;
	display: block;
	margin-top: 5px;
}
#FacStaff_Announce {margin-bottom:45px;width: 275px;margin-left: 270px;}
/************************************************/

/* Common FAQ List */
#faq {font-family: Verdana, Arial, Helvetica, sans-serif;}
#faq h1 {font-size: 16px;font-weight: bold;}
#faq h2 {font-size: 15px;font-weight: bold;}
#faq ul {padding-left:0px;margin-left:0px;}
#faq li {margin: 5px 0px 5px 20px; list-style-image: url(/images/bullet_blue_wbg.gif);font-size: 11px;}
#faq li a:hover{text-decoration:underline;}
#faq .question {font-weight:bold; padding-top:10px;}
#faq .answer {padding-left:15px;}
/************************************************/

/* Index Header Content (with big image) */
#indexheader {margin:0 auto;border-left: #225175 solid 2px;border-right: #225175 solid 2px;}
#indexheader .IndexImage {background-repeat:no-repeat;}

/************************************************/

/* Index Content */
#IndexContent {margin: 0 auto; padding-top:10px; background-color:#FFFFFF;border-left: 2px #225175 solid;border-right: 2px #225175 solid;width:800px; position:relative;}
#IndexContent .HoriLine{background-image:url(/images/blueline_horz.gif);}
#IndexContent .VertLine{background-image:url(/images/blueline_vert.gif);}

#IndexContent #index_leftcol {width:250px; margin-left:10px; float:left;}
#IndexContent #index_middlecol {width:10px; height:418px; float:left;}
#IndexContent #index_rightcol {width:500px; margin-left:280px;}

#IndexContent #news {margin-top:10px;}
#IndexContent #bottomleft {position:absolute; width:250px; left:10px; bottom:5px;}

#IndexContent #list_specialist ul {margin-left:0px; margin-top:0px; padding-left:20px; padding-top:0px}
#IndexContent #list_specialist ul li{list-style-image:url(/images/bullet.gif);padding:0px 0px 0px 3px;margin: 0px 0px 0px 5px;font-size: 10px;font-weight: bold;}
#IndexContent #list_specialist a{text-decoration: underline;}

#IndexContent #program {height:110px;display: block;}
#IndexContent #program_list {text-align:center;margin-bottom: 5px;}
#IndexContent #program_list .btnContinue {text-align:right;margin-right: 20px;}

#IndexContent .sectionheader {display:block;border-bottom:#CCC solid 1px;padding:0px 0px 5px 5px;}
#IndexContent .sectionheader a {color: #000066;}

dl {margin:0px 0px 10px 0px;}
dl dt {
	font-size: 11px;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom: 0px;
}
dl dt img {padding: 0px 5px 5px 5px;}
dl dd {
	font-size: 11px;
	font-weight:normal;
	padding: .25em 0 2em 0;
	margin-top: 0px;
}

dl .spotlight {
	border:#000066 1px solid;
	display: block;
	background-color: #33FFFF;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

dl dt .spotlight {
	margin-bottom: 20px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

dl dt img .spotlight {
}

dl dd .spotlight {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}


#IndexContent select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 235px;
}
/************************************************/

/* Login Page */
#Login_Dialog {
	text-align:center;
	border: 1px;
	border-color: #000033;
	border-style: solid;
	margin-top: 35px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 65px;
	list-style-type: disc;
	padding-bottom: 50px;
	padding-top: 25px;
}
/************************************************/

/* Main Navigation Bar with Blue Link Buttons */
#MainNavBar {display: block;width:800px;border-left: 2px solid #225175;border-right: 2px solid #225175;margin: 0 auto;padding: 0px;}
/* The next line in an IE browser fix to stop a white line from showing */
#MainNavBar {font-size:0px;}
#MainNavBar ul {padding: 0px;margin: 0px;list-style-image:none;}
#MainNavBar ul li {display:inline;padding: 0px;margin: 0px;}
/************************************************/

/* ImagePicture */
#PicHeader {
	height:210px;
	width:800px;
	margin: 0 auto;
	border-left: 2px solid #225175;
	border-right: 2px solid #225175;
}
#PicHeader .DisplayDate {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-align: right;
	clear: both;
	display: block;
	padding-top: 170px;
}
#PicHeader #indeximage {
	height:210px;
	float:left;
	width:800px;
}
/************************************************/

/* Lefthand Navigation with Image */
#sectionnav {margin-left: 0px;padding-left: 0px;float: left; width:200px;}
#sectionnav a:hover {text-decoration:none;}
#sectionnav #NavImage {width: 200px;}
#sectionnav ul {width:200px;margin:0px;padding: 0px;list-style-type: none;}
#sectionnav ul li a {
	border-top: 2px solid #f4f4ef;
	display:block;
	padding:10px;
	width: 190px;
	text-decoration: none;
	color: #225175; 
	font-weight: bold; 
	font-style:normal;
	font-size:12px;
}
#sectionnav ul li a:hover {background-color: #f2f7fa;}
#sectionnav ul li ul li a {font-size: 10px; color: #336399; font-weight: normal; padding: 3px 1px 3px 19px;	text-decoration:none;}
#sectionnav ul li ul li a:hover{background-color: #96b6f4;color: #000000;background-image:url(/images/bullet_blue_wbg.gif);background-repeat:no-repeat;background-position: left;}
/************************************************/

/* Quick Photo Profile on Page */
.QuickPhotoProfile img {float:left;}
.QuickPhotoProfile p {margin: 0px 0px 2px 100px; padding:0px;}

/************************************************/

/* Top Navigation Bar of Every page */
#TopNavBar {
	display: block;
	background-color:#225175;
	width:800px;
	padding: 8px 0px 6px 0px;
	border-left: 2px solid #225175;
	border-right: 2px solid #225175;
	color: #c1d0e7;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px auto 0px;
	text-align:center;
}
#TopNavBar ul{list-style-type:none;margin: 0px;padding:0px;}
#TopNavBar ul li {display: inline;}
#TopNavBar a{color:#c1d0e7;margin-left: 18px;margin-right: 18px;text-decoration:none;}
#TopNavBar a:hover{	color:#ffffff; text-decoration:none;}
#TopNavBar .YellowLink{color:#FFFFCC;}
#TopNavBar .SearchText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	height:13px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
}
#TopNavBar .SearchButton {margin-left:10px;margin-right:0px;vertical-align: text-bottom;}
/************************************************/