/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#c28908;
	font-family: Trebuchet MS;
}
/* The only H1 in the HTML should be the name of the organization in the header.  It exists for search engine optimization -- a search engine bot will parse and weight the H1 in the HTML, but we suppress that text and replace it with the graphic for humans to view.  */
h1
{
display: none;
}

a:link{color: #ffffff; text-decoration: none; font-size: 11px; line-height:19px;}
a:active{color: #ffffff; text-decoration: none; font-size: 11px; line-height:19px;}
a:visited{color: #ffffff; text-decoration: none; font-size: 11px; line-height:19px;}
a:hover{color: #ffffff; text-decoration: underline; font-size: 11px; line-height:19px;}


#header { 
padding-top: 93px; /* Since the menu needs to run along the bottom of the header, you just need to pad from the top down to "push" the UL tag to the bottom.  Since the UL is formatted as horizontal (see below), it should lie flat along the bottom of the header DIV. */
background: url(images/header_bg.jpg) no-repeat;
/* border-bottom: solid 1px rgb(199, 145, 10);*/
/* This is a bit of a hack here.  Sometimes odd things happen with heights and by putting a border on the bottom of a DIV you "remind" it of how tall it needs to be. In this case, I color the border to match the background color of the menu, so you shouldn't be able to tell there's a border there. */
}

#Header #SearchForm 
{
width: 200px; 
height:25px; 
float: right;
position: relative; 
top: 62px; 
right: 5px; 
text-align: right;
z-index: 90;
}


#header ul
{
text-align: left;
padding: 2px 0 2px 2px;
width: 100%;
list-style: none;
padding: 0;
margin-bottom: 3px;
font-family: Trebuchet MS, Verdana;
font-size: 11px;
}

#header topMainNavigation
{
text-align: center;
padding: 2px 0 2px 2px;
width: 100%;
list-style: none;
padding: 0;
margin-bottom: 3px;
font-family: Trebuchet MS, Verdana;
font-size: 11px;
}

/* This takes the bulleted list and turns it into a horizontal menu. The default display for lists is "list," and below we change it to "inline." */
#header li
{
display: inline;
text-align: center;
padding: 0 4px 0 8px;
font-size: 11px;
font-family: Trebuchet MS, Verdana;
}

#header a{
color:#FFFFFF; text-decoration: none; border: none; font-weight:bold;
}
#header a:hover{
text-decoration: underline; 
}

/* These rules are for the submenus and headers in the left menu. */
#content
{
background: url(../images/content_bg.jpg);
}
#content a
{
color: White;
text-decoration: none;
font-size: 12px;
font: trebuchet ms, verdana;
line-height: 20px;
border: 0;
}
#content a:hover
{
text-decoration: underline;    
}
#content_left div
{
padding: 0px;
}
#content_left h2
{
margin: 0; /* An H2 has margins by default, so you need to explicitly shut them off. */
padding: 4px;
color: white;
font: trebuchet ms; 
font-weight: normal; /* Since an H2 is bold by default, you have to explicitly shut it off. */
text-decoration: none;
font-size: 12px;
background-color: rgb(174, 111, 6);
}
div.dark
{
background-color: rgb(182, 123, 7);
padding-bottom: 0;
}
div.light
{
background-color: rgb(193, 138, 11);
}
div.dhtml
{
    width:auto;
}
.left_menu
{
padding-top: .3em;
padding-bottom: .3em;
}

.left_menu, .left_menu ul
{
margin: 0;
padding-left: 1em;
color: white;
font-size: 11px;
}
.iframecss 
{
padding: 0px;
margin: 0px;
white-space: nowrap;
}
.left_menu li
{
list-style: none;
padding-bottom: 0.3em;
}

.left_news
{
font-size: 11px;
color: #ffffff;
text-decoration: none;
padding-top: .3em;
padding-bottom: .3em;
padding-left: .5em;
padding-right: .3em;
margin: 0;
}

.left_news li
{
margin-bottom: 0.3em;
list-style: none;
line-height: 12px;
}
/* Vi3 Added Styles */


.inner_text
{
margin-right: 15px;
margin-left: 15px;
padding-top: 15px;
padding-bottom: 0px;
background-color: transparent;
}

/* This should be the headline of the actual page content. */
#content_right h2
{
margin: 0;
color: rgb(153, 63, 29);
font-size: 28px;
font-weight: normal;
letter-spacing: 2px;
}

#content_right h3
{
margin: 0;
color: rgb(153, 63, 29);
font-size: 22px;
font-weight: normal;
letter-spacing: 2px;
}

/* This should be the headline of the actual page content. */
#content_right h4
{
margin: 0;
color: rgb(153, 63, 29);
font-size: 18px;
font-style:italic;
font-weight: normal;
letter-spacing: 2px;
}

.mContentBlock
{
background-color: #9C3E1C;
vertical-align: top;
border-top: solid 1px #c28908;
}

#home_message
{
width: 243px;
color: white;
font-family: Georgia;
line-height: 15px; /* If you change the size of the text block on the home page, increase this number to make less text fill a larger space, or vice-versa. */
/* background: url(../images/home/text_bg.jpg); */
font-size: 12px;
vertical-align: middle;
}

#home_message h3
{
	margin: 0;
	color: white;
	font-size: 16px;
	font-style:italic;
	font-weight:bolder;
	letter-spacing: 1px;
}

#home_message .inner_text
{
margin: 5px;
}

#home_caption
{
background-color: black;
color: white;
}

#home_caption .inner_text
{
margin: 1px;
}

.white_on_maroon
{
background-color: rgb(156, 62, 28);
color: white;
}
.spotlight
{
background-color: rgb(156, 62, 28);
color: white;
padding-left: 5px;
}
.linkset1 a:link{
font-family: trebuchet ms; font-size:10px; color: #333333; text-decoration: none;
}

.linkset1 a:active{
font-family: trebuchet ms; font-size:10px; color: #333333; text-decoration: none;
}

.linkset1 a:visited{
font-family: trebuchet ms; font-size:10px; color: #333333; text-decoration: none;
}

.linkset1 a:hover{
font-family: trebuchet ms; font-size:10px; color: #9c3e1c; text-decoration: none;
}
.linkset2 a:link{
font-family: trebuchet ms; font-size:10px; color: #ffffff; text-decoration: none;
}

.linkset2 a:active{
font-family: trebuchet ms; font-size:10px; color: #ffffff; text-decoration: none;
}

.linkset2 a:visited{
font-family: trebuchet ms; font-size:10px; color: #ffffff; text-decoration: none;
}

.linkset2 a:hover{
font-family: trebuchet ms; font-size:10px; color: #ffffff; text-decoration: underline;
}
.divider{
font-family: trebuchet ms; font-size: 10px; color: #9c3e1c; text-decoration: none;
}
.dropbg{
/* background-color: #c28908;  */
background-image: url(images/header_bg2.jpg);
height: 25px;
}
.whitebg{
background-color: #ffffff; height:1px;
}
.searchbg{
background-image:url(images/bg-gray.gif); height: 50px;
}
.searchtextheader{
font-family: trebuchet ms; font-weight: bold; font-size: 10px; color: #9c3e1c;
}
input{
font-family: trebuchet ms; font-size: 11px; height: 18px;
}
select
{
font-family: trebuchet ms; font-size: 11px;
}
.searchtext{
font-family: trebuchet ms; font-size: 11px; color:#333333;
}
.darkbg{
background-color:#757575;
}
.darkbgblack{
background-color:#757575;
}
.newstext{
font-family: trebuchet ms; font-size: 12px; line-height: 20px;
}
.newstext a{
font-family: trebuchet ms; font-size: 12px; color: #9c3e1c;
}
.newstext a.link{
font-family: trebuchet ms; font-size: 12px; color: #9c3e1c;
}
.newstext a.active{
font-family: trebuchet ms; font-size: 12px; color: #9c3e1c;
}
.newstext a.visited{
font-family: trebuchet ms; font-size: 12px; color: #9c3e1c;
}
.newstext a.hover{
font-family: trebuchet ms; font-size: 12px; color: #9c3e1c;
}
.morestoriestext{
font-family: trebuchet ms; font-size: 12px; font-weight: bold; color: #9c3e1c;
}
.boldtext{
font-family: trebuchet ms; font-size: 12px; font-weight: bold; 
}
.bodytitlestext{
font-family: trebuchet ms; font-size: 12px; font-weight: bold; color: #9c3e1c;
}
.submenutext{
font-family: trebuchet ms; font-size: 12px; font-weight: bold; color:#666666;
}
.menutext{
font-family: trebuchet ms; font-size: 12px; font-weight: bold; color:#ffffff;
}
table.main
{
	background-color: #ffffff; width: 750px; height: 100%; vertical-align: top;
}
table.footer
{
	background-color: #C8C8C8; width: 750px; height: 23px; font-family: trebuchet ms; font-size: 10px; color: #000000; text-align:center; 
}
.logintext
{
	font-family: trebuchet ms; font-size: 11px; color: #9c3e1c; font-weight: bold;
}
.insidetempbg
{
	background-color: #F9F9F9;
}
.pagetitles 
{
	font-family: trebuchet ms; font-size: 17px; color: #9c3e1c; font-weight: bold;
}
.textbodyside
{
	font-family: trebuchet ms; font-size: 11px; font-weight: bold; color: #333333;
}
.textbody
{
	font-family: trebuchet ms; font-size: 11px; color: #333333;
}
.textbodybold
{
	font-family: trebuchet ms; font-size: 11px; color: #333333; font-weight: bold;
}
.header
{
	font-family: trebuchet ms; font-size:11px; color: #9c3e1c; font-weight: bold;
}

h2
{   
    font-family: trebuchet ms; color: rgb(153, 63, 29); font-size: 22px; font-weight: normal; letter-spacing: 2px;
}


h3
{   
    font-family: trebuchet ms; color: rgb(153, 63, 29); font-size: 14px; font-weight: bold; letter-spacing: 2px;
}

.header2
{
	font-family: trebuchet ms; color: rgb(153, 63, 29); font-size: 22px; font-weight: normal; letter-spacing: 2px;
}
.header3
{
	font-family: trebuchet ms; font-size:14px; color: #333333; background-color: #f5f9fc;
}
.header4
{
	font-family: trebuchet ms; font-size:11px; color: #333333; background-color: #efecd9;
}
.header5
{
	font-family: trebuchet ms; font-size:11px; color: #333333; background-color: #f5f3e5;
}
.header6
{
	font-family: trebuchet ms; font-size:11px; color: #333333; background-color: #fffdf3;
}


.breadcrumb {color: #9c3e1c; text-decoration: none; font-family: trebuchet ms; font-size: 11px; font-weight: bold;}
.breadcrumb a:link{color: #9c3e1c; text-decoration: none; font-family: trebuchet ms; font-size: 11px; font-weight: bold;}
.breadcrumb a:active{color: #9c3e1c; text-decoration: none; font-family: trebuchet ms; font-size: 11px; font-weight: bold;}
.breadcrumb a:visited{color: #9c3e1c; text-decoration: none; font-family: trebuchet ms; font-size: 11px; font-weight: bold;}
.breadcrumb a:hover{color: #9c3e1c; text-decoration: none; font-family: trebuchet ms; font-size: 11px; font-weight: bold;}

.pagenav {display: inline; color: #9c3e1c; text-decoration: none; font-family: trebuchet ms; font-size: 11px; font-weight: bold;}


.sitemap {color: #9c3e1c; text-decoration: none; line-height:22px; font-family: trebuchet ms; font-size: 11px; font-weight: bold;}
.sitemap a:link{color: #9c3e1c; text-decoration: none; line-height:22px; font-family: trebuchet ms; font-size: 11px; font-weight: bold;}
.sitemap a:active{color: #9c3e1c; text-decoration: none; line-height:22px; font-family: trebuchet ms; font-size: 11px; font-weight: bold;}
.sitemap a:visited{color: #9c3e1c; text-decoration: none; line-height:22px; font-family: trebuchet ms; font-size: 11px; font-weight: bold;}
.sitemap a:hover{color: #9c3e1c; text-decoration: none; line-height:22px; font-family: trebuchet ms; font-size: 11px; font-weight: bold;}

.pollstext{
font-family: trebuchet ms; font-size: 11px; line-height: 15px;
}
.eventstext
{
font-family: trebuchet ms; font-size: 10px; line-height: 15px; color: #ffffff
}
.generallinks {color: #000000; text-decoration: none; font-family: trebuchet ms; font-size: 10px; font-weight: bold;}
.generallinks a:link{color: #000000; text-decoration: none; font-family: trebuchet ms; font-size: 10px; font-weight: bold;}
.generallinks a:active{color: #000000; text-decoration: none; font-family: trebuchet ms; font-size: 10px; font-weight: bold;}
.generallinks a:visited{color: #000000; text-decoration: none; font-family: trebuchet ms; font-size: 10px; font-weight: bold;}
.generallinks a:hover{color: #000000; text-decoration: none; font-family: trebuchet ms; font-size: 10px; font-weight: bold;}

.darkbgblacktrebuchet ms{
background-color:#5a5a5a; font-family: trebuchet ms; font-size: 11px; font-weight: bold; color: #ffffff;
}
.bgimage
{
	background: url(images/alumni_header.jpg); background-repeat: no-repeat; height: 343px;
}
.footeralumni
{
	font-family: trebuchet ms; font-size: 11px; line-height: 15px; color: #000000; background-color: #e9e9e9;
}
.pstudentsheaderbg
{
background-image: url(images/ps_bg.gif); height: 44px;
}
.dropdownmenu
{
	font-family: Trebuchet MS; font-size: 20px; padding-top: 2px; font-weight:bold; color: #ffffff; width:auto;   
}

.footer
{
background: url(images/footer_bg.jpg); background-repeat: no-repeat;
color: white;
font-size: 11px;
text-align: center;
height: 32px;
}
#searchWrapper{ width: 215px; float: left; line-height: 18px; }
.search{ padding: 0px; color: #000000; margin: 0px 0px 0px 5px; text-decoration: none; float: left;}
#searchBarContainer{ float: right; }
#searchBarContainer:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#searchBarContainer .searchBarContents{ }
#searchBarContainer .search_input{ font-size: 11px; height:12px; font-family: "Helvetica Neue",Helvetica,Arial,Tahoma,Verdana; border: 1px solid #686868; background-color: #c28908; color: #ffffff; margin: 0px 1px 1px 1px; padding: 2px; font-weight: bold; text-decoration: none; width: 120px; }
#searchBarContainer .search_button{ padding: 2px 2px 2px 2px; margin: 2px 2px 2px 2px; vertical-align: middle; }

input.btn {   
   color:#ffffff;   
   font: bold 84% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#c28908;   
   border: 0px solid;   
   border-color: #c28908;   
}   

input.btnhov {
  background-color:#9c3e1c;
  border-color: #9c3e1c;
}

#bor-wrapper{

		width: 599 px;

		margin: 0;

		font-family:Arial, sans-serif, Tahoma;

		font-size: 12px;

	}



	.col-a{

		margin: 0;

		width: 450px;

		float: left;

	}



	.col-a .main-pic{

		width: 450px;

		height: 226px;

	}



	.col-a .main{

		margin: 20px 0 0 0;

		width: 428px;

		_width: 408px;

		background: url(workster/main-top.gif) no-repeat 0 0;

		padding: 10px 10px 0 10px;

	}



	.col-a .main .bottom{

		position: relative;

		margin: 0 0 -5px -10px;

		padding: 0;

	}



	.col-a .search{

		width: 450px;

		height: 93px;

		margin: 20px 0 0 0;

		background:url(workster/search-bg.gif) no-repeat 0 0;

	}



	.col-a .search .field{

		margin: 35px 0 0 25px;

		width: 375px;

		float: left;

	}



	.col-a .search .go{

		float: left;

		margin: 35px 0 0 5px;

	}



	.col-b{

		margin: 0 0 0 9px;

		width: 140px;

		float: left;

	}



	.col-b .login{

		width: 135px;

		height: 186px;

		margin: 0;

		background:url(workster/login-bg.gif) no-repeat 0 0;

		padding: 40px 0 0 10px;

	}



	.col-b .login p{

		margin: 0;

		font-size: 14px;

		color: #fff;

	}



	.col-b .login .field{

		width: 145px;

		margin-bottom: 10px;

	}



	.col-b .login .forgot{

		float: left;

		width: 110px;

		padding-top: 4px;

		font-size: 11px;

	}



	.col-b .login .forgot a{

		color: #9c3e1c;

	}



	.col-b .login .sign-up{

		float: left;

	}



	.col-b .feat-tit{

		margin: 20px 0 0 0;

	}



	.col-b .feat-profile{

		margin-left: 10px;

	}



	.col-b .feat-profile img{

		float: left;

		margin-right: 8px;

	}



	.col-b .feat-profile h2{

		margin: 0;

		padding: 0;

		font-size: 11px;

		font-weight: bold;

		color: #000000;

	}



	.col-b .feat-profile h3{

		margin: 6px 0 0 0;

		padding: 0;

		font-size: 11px;

	}



	.col-b .feat-profile p{

		margin: 6px 0 0 0;

		padding: 0;

		font-size: 11px;

		font-weight: bold;

	}



	.col-b .feat-profile p a{

		text-decoration: none;

		color: #9c3e1c;

	}
	
	/* 
	CSS applied to the custom login control.
*/
#login
{
	clear: both;
	font-size: 10px;
	margin-left: 9px;
	margin-top: 10px;
	margin-bottom: 17px;
	text-align: left;
}

#login .inputHeader 
{
	font-size: 10px;
	font-weight: bold;
}

#login .inputField
{
	font-size: 11px;
	width: 105px;
}

#login .inputFieldWide 
{
	font-size: 11px;
	width: 300px;
}

#login .loginError 
{
	font-size: 10px;
	color: #ff0000;
}