/* CSS Document  Communication Studies, Secondary pages, November, 2008 ***********************************/

/**** To allow flexible page length with the footer at the bottom: add the html div, add the 100% to html & body, add the nonfooter tag that surrounds all tags except the footer, nonfooter also controls the centering of the whole page, container div padding bottom was added and footer -padding were added equal to the height of the footer to adjust its position *********/
html{
   height: 100%;
  
}
* {margin:0;padding:0}
body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color:#474646;
}
#container {
   width: 800px;
   background-color:#f2eac8;
   padding: 0px 0px 0px 0px;
   margin:  0px 0px 0px 0px; 
}
	
/*********************************Links and headers ****************************************************************/
a:link {
    color:#8c3939;
    text-decoration: none;
}
a:visited {
   color:#8c3939;
    text-decoration:none;
}
a:hover {
  color:#b2884d;
   text-decoration:none;
}
h1 {
	text-align:left;
	color: #8c3939;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
h2 {
	text-align:left;
	color: #8c3939;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px; 
	padding: 0px;
}
h3 {
	text-align:left;
	color: #8c3939;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
h4 {
    text-align:left;
	color: #474646;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin: 0px;
	padding: 0px;
}
h5 {
	text-align:left;
	color: #474646;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin: 0px;
	padding: 0px;
}
h6 {
	text-align:left;
	color: #474646;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	margin: 0px;
	padding: 0px;
}
p {
   font-size: .8em;
}
li {
   font-size: .8em;
}
hr {
  border: 0;
  width: 100%;
  color: #b2884d;
  background-color: #b2884d;
  height: 1px;

}

/************************* header and images in the top bar*/
#header {
   width: 800px;
   height: 100px;
   background-color:#b2884d;
   margin:  0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}


/******************Search Box in Header***********/
#search_form
{
	position: absolute;
	right: 1%;
	bottom: 5%;
}

#search 
{
	border: 1px solid #748ea7;
	margin: 0 auto;
	background: url(../img/global/grey.png);
}

#search_field 
{
	color: #fff;
	font-size: 1.2em;
	width: 150px;
	height: 30px;
	padding: 8px 5px 0;
	margin-right: 5px;
	border: none;
	float: left;
	background: none;
}

#search_field:focus 
{
	outline: none;
}

#search_button 
{
	width: 38px;
	height: 38px;
	cursor: pointer;
	border: none;
	float: left;
	background: url(../img/global/search.png) center no-repeat;
}
/********************end Search*******************/
/* ******************************Main Navigation Bar below the header******************/
#topNav {
	
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 6px 0px;
	color: #f2eac8;
	background:url(../img/brick_gradient.gif) left repeat-x;
	text-align: center;
}
#topNav ul {
   margin: 3px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   white-space: nowrap;
}
#topNav ul li {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}
#topNav ul li:hover {
	color: #f9d406;	
}
#topNav ul li:active {
   background-color:#8c3939;
}
#topNav ul li a {
   color: #f2eac8;
   font-family:Arial, Helvetica, sans-serif;
   font-size: .9em;
   font-weight: bold;
   text-decoration: none;
   padding: 6px 4px 6px 4px;
   margin: 0px 0px 0px 0px;
}
#topNav ul li a:hover {
   color:#f9d406;
   text-decoration:none;
}
#topNav ul li a#selected {
   color:#f9d406;
   text-decoration:none;
}
/************************ Box on Left column, secondary menus **************************************************/
#boxleft {
    width:235px;
	height: auto;
	background-color:#f2eac8;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;	
}
/******************** secondary page navigation ********************/
#navcontainer { 
    width: 220px; 
    height: auto;
    margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-color:#f2eac8;
   }
#navcontainer ul {
    margin: 5px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
   }
#navcontainer a {
    margin:  0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
    width: 210px;
    display: block;
	font-size: .9em;
    text-indent: 17px;
    border-bottom: 1px solid #b2884d;
   }
#navcontainer a:link, #navig a:visited {
    color: #8c3939;
    text-decoration: none;
	}
#navcontainer a:hover {
   color:#474646;
    background: #757474;
    background:url(../img/menu_gradient.jpg) left repeat-y;
   }
#navcontainer a#selected {
     color:#474646;
	 background:url(../img/menu_gradient.jpg) left repeat-y;
     text-decoration:none;
     }
#boxnotice{
	height: 120px;
	width: 210px;
	background:url(../img/sculpture2.jpg);
	filter: alpha(opacity=20);
	-moz-opacity: .20;
	opacity: .20;
	position:absolute;
	z-index:1;
	border: #b2884d 1px solid;
}
.opaquetext{
	height: 120px;
	width: 210px;
	margin:  10px 5px 0px 10px;
	padding: 0px 0px 0px 0px;
	position:absolute;
	z-index:2;
}
.opaquetext p{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:.7em;
}
	
/********************end secondary page navigation ######################*/
/********************** Main Content on Right side ****************************************************/
#boxmain{
    width:545px;
	height: auto;
	background-color:#f2eac8;
	margin:  0px 0px 10px 0px;
	padding: 20px 10px 20px 10px;
	float: left;	
}
#boxmain ul li{
   list-style-image: url(../img/bullet_brick.gif);
   margin:  0px 0px 0px 20px;
   padding: 0px 0px 0px 0px;
 }
#boxmain ol li{
   margin:  0px 0px 0px 20px;
   padding: 0px 0px 0px 0px;
 }
#boxmainwide{
    width:750px;
	height: auto;
	background-color:#f2eac8;
	margin:  -20px 10px 10px 10px;
	padding: 20px 30px 20px 10px;
	float: left;	
}
#boxmainwide ul{
   list-style-image:url(../img/bullet_brick.gif);
   margin:  0px 0px 0px 20px;
   padding: 0px 0px 0px 0px;
 }
 #photoportraitsm{
    height:150px;
    width:100px;
    margin:  20px 30px 20px 20px;
	padding: 0px 0px 0px 0px;
	border:#474646 1px solid;
	float: right;
 }
 #photoportraitlg{
    height:225px;
    width:150px;
    margin:  20px 30px 20px 20px;
	padding: 0px 0px 0px 0px;
	border:#474646 2px solid;
	float: right;
 }
 #photolandscapesm{
    height:100px;
    width:150px;
    margin:  20px 30px 20px 20px;
	padding: 0px 0px 0px 0px;
	border:#474646 1px solid;
	float: left;
 }
 #photolandscapemed{
    height:150px;
    width:225px;
    margin:  20px 30px 20px 20px;
	padding: 0px 0px 0px 0px;
	border:#474646 2px solid;
	float: left;
 }
 #photolandscapelg{
    height:300px;
    width:500px;
    margin:  20px 30px 20px 20px;
	padding: 0px 0px 0px 0px;
	border:#474646 2px solid;
	float: left;
 }
#photopeople{
	height:200px;
	width:150px;
	margin:  20px 30px 20px 20px;
	padding: 0px 0px 0px 0px;
	border:1px solid #474646;
	float: right;
 }

 #boxfacultycv{
    height:150px;
    width:200px;
    margin:  105px 10px 20px 10px;
	padding: 0px 0px 0px 0px;
	border:#b2884d 1px solid;
	float: right;
 }
  
 /********************Chart with 4 columns, 2 wide, 2 narrow and alternate color rows ************************/
#chart{
	width: 740px;
	float:left;
	margin: 0em 0em 1.5em .8em;
	padding: 1em 1em 1em 1em;
	text-indent: 1em;
	border: #b2884d .05em solid;
}
#columnwide1 {
	float:left;
	width: 265px;
	margin:  .3em 0em .3em 0em;
	padding: 0em 0em 0em 0em;
	text-indent: 1em;
	border-top:#b2884d .05em solid;
	border-bottom:#b2884d .05em solid;
	border-left:#b2884d  .05em solid;
}
#columnwide1 ul {margin-left: 0; padding-left: 0;}
#columnwide1 .features li, 
#columnwide1 .features li+li+li, 
#columnwide1 .features li+li+li+li+li, 
#columnwide1 .features li+li+li+li+li+li+li, 
#columnwide1 .features li+li+li+li+li+li+li+li+li,
#columnwide1 .features li+li+li+li+li+li+li+li+li+li+li,
#columnwide1 .features li+li+li+li+li+li+li+li+li+li+li+li+li,
#columnwide1 .features li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
  background-color: #F7EFD5;
  list-style-type:none;

}
/* darker shades for alternate li's */
#columnwide1 .features li+li, 
#columnwide1 .features li+li+li+li, 
#columnwide1 .features li+li+li+li+li+li, 
#columnwide1 .features li+li+li+li+li+li+li+li,
#columnwide1 .features li+li+li+li+li+li+li+li+li+li,
#columnwide1 .features li+li+li+li+li+li+li+li+li+li+li+li,
#columnwide1 .features li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    background-color: #ebdab3;
}

#columnwide2 {
    float:left;
	width: 240px;
	left: 17em;
	margin:  .3em 0em .3em 0em;
	padding: 0em 0em 0em 0em;
	text-indent: 1em;
	border-top:#b2884d .05em solid;
	border-bottom:#b2884d .05em solid;
	border-left:#b2884d .05em solid;
}
#columnwide2 ul {margin-left: 0; padding-left: 0;}

#columnwide2 .features li, 
#columnwide2 .features li+li+li, 
#columnwide2 .features li+li+li+li+li, 
#columnwide2 .features li+li+li+li+li+li+li, 
#columnwide2 .features li+li+li+li+li+li+li+li+li,
#columnwide2 .features li+li+li+li+li+li+li+li+li+li+li,
#columnwide2 .features li+li+li+li+li+li+li+li+li+li+li+li+li,
#columnwide2 .features li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
  background-color: #F7EFD5;
  list-style-type:none;

}
/* darker shades for alternate li's */
#columnwide2 .features li+li, 
#columnwide2 .features li+li+li+li, 
#columnwide2 .features li+li+li+li+li+li, 
#columnwide2 .features li+li+li+li+li+li+li+li,
#columnwide2 .features li+li+li+li+li+li+li+li+li+li,
#columnwide2 .features li+li+li+li+li+li+li+li+li+li+li+li,
#columnwide2 .features li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    background-color: #ebdab3;
}
#columnthin1 {
	float:left;
	width: 100px;
	margin:  .3em 0em .3em 0em;
	padding: 0em 0em 0em 0em;
	text-indent: 1em;
	border-top:#b2884d .05em solid;
	border-bottom:#b2884d .05em solid;
	border-left:#b2884d .05em solid;
}
#columnthin1 ul {margin-left: 0; padding-left: 0;}

#columnthin1 .features li, 
#columnthin1 .features li+li+li, 
#columnthin1 .features li+li+li+li+li, 
#columnthin1 .features li+li+li+li+li+li+li, 
#columnthin1 .features li+li+li+li+li+li+li+li+li,
#columnthin1 .features li+li+li+li+li+li+li+li+li+li+li,
#columnthin1 .features li+li+li+li+li+li+li+li+li+li+li+li+li,
#columnthin1 .features li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
  background-color: #F7EFD5;
  list-style-type:none;
}
/* darker shades for alternate li's */
#columnthin1 .features li+li, 
#columnthin1 .features li+li+li+li, 
#columnthin1 .features li+li+li+li+li+li,
#columnthin1 .features li+li+li+li+li+li+li+li,
#columnthin1 .features li+li+li+li+li+li+li+li+li+li,
#columnthin1 .features li+li+li+li+li+li+li+li+li+li+li+li,
#columnthin1 .features li+li+li+li+li+li+li+li+li+li+li+li+li+li,
#columnthin1 .features li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    background-color: #ebdab3;
}
#columnthin2 {
	float:left;
	width: 130px;
	margin:  .3em 0em .3em 0em;
	padding: 0em 0em 0em 0em;
	text-indent: 1em;
	border-top:#b2884d .05em solid;
	border-bottom:#b2884d .05em solid;
	border-left:#b2884d .05em solid;
	border-right:#b2884d .05em solid;
}
#columnthin2 ul {margin-left: 0; padding-left: 0;}

#columnthin2 .features li, 
#columnthin2 .features li+li+li, 
#columnthin2 .features li+li+li+li+li, 
#columnthin2 .features li+li+li+li+li+li+li, 
#columnthin2 .features li+li+li+li+li+li+li+li+li,
#columnthin2 .features li+li+li+li+li+li+li+li+li+li+li,
#columnthin2 .features li+li+li+li+li+li+li+li+li+li+li+li+li,
#columnthin2 .features li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
  background-color: #F7EFD5;
  list-style-type:none;
}
/* darker shades for alternate li's */
#columnthin2 .features li+li, 
#columnthin2 .features li+li+li+li, 
#columnthin2 .features li+li+li+li+li+li, 
#columnthin2 .features li+li+li+li+li+li+li+li,
#columnthin2 .features li+li+li+li+li+li+li+li+li+li,
#columnthin2 .features li+li+li+li+li+li+li+li+li+li+li+li,
#columnthin2 .features li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    background-color: #ebdab3;
}
/**************************************END Chart ******************************************/
/*********************************** Footer for the site*************************************/
#nonFooter
{
    
  	min-height: 100%;
    position: relative;
    left: 50%;
    width: 800px;
	
	background-color: #f2eac8;
    margin:  0px 0px 0px -400px;
	padding: 0px 0px 0px 0px;

   
}

* html #nonFooter
{
    height: 100%;
	
}
#footer {
    width:790px;
    height: 45px;
    background:url(../img/footer_gradient_sec.gif) left 0%;
    text-align:left;
    font-size: .75em;
    color:#f2eac8;
    margin: 0px 0px 0px -400px;
    padding: 0px 0px 5px 10px;
    left: 50%;
    position: relative;
	clear:both;
}
#footer a:link{
	color: #8c3939;
	text-decoration: underline;	
}