@charset "UTF-8";

/* CSS Document 
LIS 467 (Spring 2009) Final Project: Biolinguistics Initiative
Created April 1 2009
Modified April 2 2009
Youngmi Jeong
*/

* {margin:0; padding:0;} /* this is to remove default padding/margins from all elements ('universal selector')*/

/*home page*/
body {background:#785F66; font-size:100%; font-family: verdana, helvetica, arial, sans-serif; color: #000000; background-image: url(background.gif); background-repeat: repeat-x; }

#wrapper {background: #785F66; width:75%; margin-left: auto; margin-right: auto; margin-top: 0em; margin-bottom: 0em; padding: 0 ; position: relative; overflow: auto; border-left:1px solid #ffffff; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; color:#454545; }

/*This is for content wrapper layout*/
#content_wrapper{float:right; width: 73%; background: #ffffff; padding: 0em; margin-bottom: 3em; border-top:1px solid #ffffff; border-left:1px solid #ffffff; }

#content_header {width: 100%; float: right; background: #ffffff; padding: 0em; margin-bottom:.5em; z-index:1;}

#content_text {width: 85%; background: #ffffff; margin-top: 1em; padding: 1em 1em 3em 2em;}

#content_bottom {clear: both; width: 98.5%; background: #785F66; padding: 0em 0em 1em 0em ; margin-left: 0em; margin-right: 0em;  border-top: 1px solid #999; border-bottom:1px solid #ffffff; text-align: left; padding:5px; font:#ffffff;}

#footer  {clear: both; padding-bottom: 1em; padding-left: 12em; padding-right: 1em; text-align: right;}

/*internal page layout*/
#people, #research, #program, #publicationn, #news, #resource, #contact, #feedback, 
{background:#093577; font-size:100%; font-family: verdana, helvetica, arial, sans-serif; color: #000000;}

#wrapper_internal {background: #A66388; width:100%; margin-left: auto; margin-right: auto; margin-top: 0em; margin-bottom: 0em; padding: 0 ; position: relative; overflow: auto; border-left:1px solid #ffffff; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; color:#454545; }

#header_internal {background: #785F66; height:50px;}

.logo_internal {float:left; padding-top: .5em; padding-left: 1em;}

/*This is for header*/
#header {background: #785F66; height:39px;}

.search {float: right; padding-top: .5em; padding-right: .2em; }

/*This is for main navigation*/
#mainNav {width: 20%; background: #785F66; overflow: auto; clear: both; float: left; font-family: verdana, helvetica, arial, sans-serif; font-size: 70%; font-weight: bold; text-decoration: none; color: #ffffff; display: block; padding-top: 3em; padding-left: 2em; padding-right: 2em; padding-bottom: 2em; }

#mainNav ul {list-style: none; margin: 0; padding: 0; }

#mainNav li { border-top: 1px dotted #ffffff; }

#mainNav a:link, #mainNav a:visited  { font-size: 100%; display: block; padding: 0.5em 0em 0.5em 0.5em; background-color: #785F66;   color: #FFFFFF; text-decoration: none; }

#mainNav a:hover { background-color: #785F66; color: #000000; font-weight: bold; }

#mainNav_bottom {padding-top: 10em;}

#mainNav_bottom ul {list-style: none; margin: 0; padding: 0; }

#mainNav_bottom .special { border-top: none; border-bottom: 1px dotted #ffffff;  }

#home #mainNav .home,
#people #mainNav .people,
#research #mainNav .research,
#program #mainNav .program,
#publication #mainNav .publication,
#news #mainNav .news,
#resource #mainNav .resource,
#contact #mainNav .contact,
#feedback #mainNav #mainNav_bottom .feedback
 {color: #000000;}

/*This is for breadcrumbs*/
.breadcrumb{position:relative; height:30px; width:100%;}
.breadcrumb ul{position:relative; float: right; margin:0; padding:0; height:30px; background:url('images/breadcrumbImage.png') 0px -30px repeat-x; }
.breadcrumb ul li{padding:0; margin:0; list-style:none; float:left; height:30px display:inline;}
.breadcrumb ul li a{font:12px Arial, Helvetica, sans-serif; color:rgb(0,0,0); text-decoration:none; line-height:30px; display:block; background:url('images/breadcrumbImage.png') 100% -60px no-repeat; }
.breadcrumb ul li a span{padding:0 17px 0 15px; }
.breadcrumb ul li a:hover span{text-decoration:underline; color:rbg(204,204,204);}
.breadcrumb ul li a.active{background:none;}
.breadcrumb ul li a.active span{color:rgb(0,0,0);}
.breadcrumb ul li a.active:hover span{text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('images/breadcrumbImage.png') 0% 0px no-repeat;}
.breadcrumb .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('images/breadcrumbImage.png') 100% -90px no-repeat; }

/*This is for internal sub menu*/
.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('images/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(0,0,0); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('images/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('images/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(143,143,143);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('images/topMenuImages.png') 0px -90px no-repeat; color:rgb(0,0,0);}
.menu li a.active span, .menu li a.active:hover span{background:url('images/topMenuImages.png') 100% -90px no-repeat;}

/*This is for internal sub sub menu*/
.menu2{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('images/topMenuImages2.png') repeat-x;}
.menu2 li{padding:0; margin:0; list-style:none; display:inline;}
.menu2 li a{float:left; padding-left:15px; display:block; color:rgb(0,0,0); text-decoration:none; font:10px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('images/topMenuImages2.png') 0px -30px no-repeat;}
.menu2 li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('images/topMenuImages2.png') 100% -30px no-repeat;}
.menu2 li a:hover{background-position:0px -60px; color:rgb(143,143,143);}
.menu2 li a:hover span{background-position:100% -60px;}
.menu2 li a.active, .menu li a.active:hover{line-height:30px; font:10px Verdana, Arial, Helvetica, sans-serif; background:url('images/topMenuImages2.png') 0px -90px no-repeat; color:rgb(0,0,0);}
.menu2 li a.active span, .menu li a.active:hover span{background:url('images/topMenuImages2.png') 100% -90px no-repeat;}


/*-----------------------------------------------------------------------------------------------------------------------*/

.logo_img {clear: both;margin-left: 1em; margin-right: 1em; border:0; }
.img_row1 {float:right;
margin-top:209px; /*margin: 0; */ display:block;}


p h1 {font-family: verdana, helvetica, arial, sans-serif; font-size: 10pt; color: #000000}
p.margin1 {margin: 2em 1em 0em 3em}
p.margin2 {margin: 2em 1em 2em 3em}
p.margin3 {margin: 1em;}
p.margin4 {margin: 2em 1em 0em 5em}
p.margin5 {margin: 1em 1em 0em 3em}
p.margin6 {margin: 1em 1em 1em 13em}

.br {clear: both;}
.bold {font-weight: bold}
.it {font-style:italic;}
.ib {font-style:italic; font-weight: bold}

a:link { color: #333333; text-decoration: underline; }
a:hover {color: #000000; font-weight: normal; }

h1 {font-size: 150%; font-family: palatino linotype, palatino, serif; padding-top: 1em; border-bottom: 1px dotted #999999;}
h2 {font-size: 100%; font-family: palatino linotype, palatino, serif; padding-top: .5em; padding-left: .2em; }