/*	BEGIN GLOBAL STYLES */

/* Set everything's font size to be the size of its parent */
* { font-size: 100%; }

/* Remove all margins & borders and force them to something later */
* {  border: 0; margin: 0 ; padding: 0; }

/* The top section of styles concerns colors, fonts and such.  There's
   another section below that deals with sizes, borders, margins, etc.
   */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
/* START CIE-MOD [change] */
/* [from] 
  background-color: #CCCCCC;
  background-image: url(/images/bg2.jpg);
   [to] */
  background-color: #A7B8CC;
/* END CIE-MOD [change] */
  font-size: 80%;
}
/*This is so that Safari would not have bigger font sizes than IE*/
/* This hack below allows larger fonts on non-IE browsers 
html>body { font-size: 90%; }*/
/* 
updated 2005_12_14 for search pages hr,input
*/
hr {
margin: 5px auto 5px auto;
/*color: #999999;
background-color: #000000;*/
height: 2px;
width: 100%;
text-align: center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #efefef;
}

input.submit
{
border: 2px #CCCCCC;
border-style: outset;
padding: 0.10em;
background-color: #CCCCCC;
color: #333333;
font-size: 90%;
font-weight: bold;
}

input.text
{
border: 1px solid #000000;
height: 17px;
}

a {
	text-decoration: none;
	color: #000066 ;
}

td { vertical-align: top; }
th { vertical-align: top; text-align: left; }
a:link { color: #000066 ; }
a:visited { color: #000066; }
a:hover { color: #993333; }

table {
  border-collapse: separate;
  empty-cells: show;
}

/* When using h3, add a <span>...</span> around the text.  This
   provides a header with a blue line in the background a white
   background behind the letters
*/
 
 h3 {
	text-align: center;
	background-image: url("images/hrline.gif");
	background-position: center left;
	background-repeat: repeat-x;
 }

h1 span { 
  text-transform: uppercase;
 }

h1 { 
  text-transform: uppercase;
 }

h2 span {
	text-transform: uppercase;
 }
 
h2  {
  text-transform: uppercase;
 }

h3 span { 
  background-color: white;
  color: #000066;
  text-transform: uppercase;
 }

/*	END GLOBAL STYLES */

/* The "container" holds the entire "page", allowing the browser to
   expand yet keeping the "page" in the center.
*/

#tbl-container {
  background-color: white;
}

#tbl-container-flex {
  background-color: white;
}

#maps { 
  float: left;
  padding-left: .5em;
  color: #000000;
  font-size: 80%;
  font-weight: normal;
  text-transform: uppercase;
}
#datetime { 
  float: right;
  color: #000000;
  font-size: 80%;
  font-weight: normal;
  text-transform: uppercase;
  text-align: right
  
  /*Defines Max width in all mozilla browsers*/
  /* max-width: 400px; */
  
  /*Internet explorer hack to make max-width work correctly: http://www.svendtofte.com/code/max_width_in_ie/*/
  /*seems to break it a little, making a margin on the left hand side.*/
  /* width:expression(400 + "px"); */
}

/* START CIE-MOD [add] */
#top-row {
  background-color: #335588;
  height: 8px;
  width: auto;
  border-bottom: 2px solid #fff;
}
/* END CIE-MOD [add] */

/* Banner */
#hdr-row { 
  height: 73px;
 }

#hdr-td {
/*	background-image: url("../images/header.jpg"); */
/*	background-image: url(/images/intl_edu2.jpg);*/
	background-image: url(/images/study_abroad.jpg);
	background-color: #B5C2D3;
	background-repeat: repeat-y;
	
}

#hdr-td-search {
	background-image:  url("images/search2.jpg");
	background-color: #B5C2D3;
	background-repeat: repeat-y;
}

/*#ucilogo {
  float: left;
  padding: 2em;
}

#ucilogo img { 
  vertical-align: middle;
}*/

/* 060125 cc - added, but it should have been here already.... */
#mouseover {
  float:left;
  text-align:left;
}

#srchbox{
	font-size: 80%;
	float: right;
	color: #FFFFFF;
	padding-top: 1em;
	right: 10px;
}
/* IE5 Mac hack. IE 5 can't see the next line, but other browsers can. \*/
#srchbox {
	text-align: left;
}	/* End IE Hack */

#srchbox h2 {
	font-size: 1.1em;
}

/* IE5 Mac hack. IE 5 can't see the next line, but other browsers can. \*/
#srchbox h2 {
	text-align: left;
}/* End IE Hack */

#srchbox .srchbutton
{ padding-bottom: .5em;
}




/* Navigation row */
#audience_nav { 
  text-align: center;
  background-color: #335588;
  color: #ffe273;
  font-size: 85%;
  font-weight: bold;
/* 060125 cc - changed to copy www.gse.uci.edu, who made the hover look better.
  padding-bottom: 3px; */
  text-decoration: none;
  padding: 0px 0px 2px 0px;

}

/* This 'a' has a border color set to the same color as the background
   of the #audience_nav, because without it, IE has a problem changing
   the background color during a hover.  Instead of changing the
   background color of just the 'a', it also changes the color of the
   right padding of the enclosing 'span'. But, with a border, the
   background color is changed just within the 'a' element.
*/

#audience_nav a { 
  color: #ffffff;
}

#audience_nav a:hover { 
  background-color: #FBEDB5;
  color: #335588;
/* 060125 cc - added to copy www.gse.uci.edu, who made the hover look better. */
  padding: 0px 0px 2px 0px;
}

/* 060126 cc - duplicated entries for expandable width using <td>s */
#audience_nav_background { 
  background-color: #335588;
}

#audience_nav-flex td { 
  text-align: center;
  background-color: #335588;
  color: #ffe273;
  font-size: 85%;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 0px 2px 0px;

}

#audience_nav-flex a { 
  color: #ffffff;
}

#audience_nav-flex a:hover { 
  background-color: #FBEDB5;
  color: #335588;
/* 060125 cc - added to copy www.gse.uci.edu, who made the hover look better. */
  padding: 0px 0px 2px 0px;
}


/* DATA row */

#resource_nav { 
  background-color: #f1f1e7; 
  width: 196px;
  }

.eventlist th { 
  white-space: nowrap;
}

#daily { 
vertical-align: top; 
background-color: #335588;
}

#daily h2 { text-align: center; }
#spotlight { background-color: #fbedb5; width: 100%;}

#students {
background-color: #335588;
  color: white;
  height: 100%;
}
#students a:link { color: white; }
#students a:visited { color: #bdcbe5; }
#students a:hover { color: #ffe273; }
#students a:active { color: yellow; }

#listing {
  vertical-align: top;
  background-color: #f1f1e7;
  width: 184px;
}

#students h2 {
	color:#FFFFFF;
	font-weight:bold;
	text-transform: none;
 }

/* START CIE-MOD [add] */ 
#ftr-row-bar {
  background-color: #335588;
  height: 5px;
}
/* END CIE-MOD [add] */

#ftr-row { 
/* START CIE-MOD [change] */
/* [from]
  background-color: #f1f1e7;
  text-align: center;
  vertical-align: middle;
  font-size: 70%;
   [to] */
  background-color: #002255;
  text-align: left;
  vertical-align: top;
/* END CIE-MOD [change] */
 }
 
#ftr-row a:link, #ftr-row a:visited {
  color: #335588;
}

.caption { 
  clear: both;
  background-color: #cdd6c9;
  font-size: 90%;
  vertical-align: middle;
  text-align: center;
}

/* ********************************************************************** */
/* Put back some of the default margins & padding */
/* ********************************************************************** */
.lborder { border-left: 6px solid white; }
.rborder { border-right: 6px solid white; }
.tborder { border-top: 2px solid white; }
.bborder { border-bottom: 2px solid white; }
.lmargin { margin-left: 1em; }
.rightcolumn { padding-top: 10px; }

#tbl-container { width: 750px; }

/* Allow the table to "float" in the middle of the browser */
#tbl-container {
  margin-left: auto;
  margin-right: auto;
}

#tbl-container-flex { width: 100%; }

#daily { width: 25%; }

/* don't the following contradict the width: 184px settings above?
#resource_nav { width: 25%; }
#listing { width: 25%; } 
*/

#image_1a { height: 200px; }
#image_1b { height: 200px; }

#resource_nav h2 { 
  margin-top: 1em;
  margin-left: 1em;
  margin-bottom: .5em;
}

#rightcolumn h2 { 
  margin-top: 1em;
  margin-left: 1em;
  margin-bottom: .5em;
}

#audience_nav span { 
  padding-left: .3em;
  padding-right: .3em;
  padding-top: .3em;
  padding-bottom: .3em;
}

#datetime { padding-right: .5em; }

.caption { padding: .1em; }
p { padding: 1em; }

/* This allows the H3 text to have a background of white */
h3 {
  margin: 1em;
}
h3 span { 
  padding-left: 1em;
  padding-right: 1em;
}

/* This TH is used for tables where the "header" is the left column,
   and the "data" is the right column.  Used for the events table
   where the TH is the date, and the TD is the event.
   */
th { padding-right: 1em; }

/* We need to set the "default" borders & margins for the list
   elements, as we have that global 0 above */
ul { 
  margin-left: 1em;
  padding-left: 1em;
}
li {
  margin-bottom: 10px;
}

#resource_nav li {
	margin-bottom: 0px;
}

table.eventlist { 
  margin: 0px 1em;
}


h1 { 
  color: #335588;
  font-size: 125%;
  margin: .5em;
 }

h4 { 
  margin: .5em;
}

.back2top { 
  padding: 1em;
 }
#hdr-color {
	background-image: url(/images/ban800_20.jpg);
	background-repeat: repeat-y;
}
.imageBottomSpacer { 
padding-bottom: 10px;
}

#spotlight {
 padding-bottom:10px;
}

#quicklinks {
margin-bottom: 15px;
}

#faculty h2 {
color: #335588;
}

   /* <![CDATA[ */
.photo {
  text-align: center;
}

.logoLink {
float:left;
}

#maindata h3 {
text-align: center;
background-image: url("/images/hrline.gif");
background-position: center left;
background-repeat: repeat-x;
}

#page2data h2 {
color: #335588;
font-size: 15px;
margin-top: 13px;
padding-right: 10px;
}

#page2data input {
border: 1px solid;
}

#page2data textarea {
border: 1px solid;
}

#page2data a:link, #page2data a:visited {
	text-decoration: underline;
}

.arrows {
	color: #72a5a2;
	text-decoration: none;
	font-size: 10px;
}

.hardright {
float: right;
margin-right: 100px;
}

.stamps {
text-align: center;
vertical-align: middle;
border-left: 6px solid white; 
}

#resources {
margin-bottom: 20px;
}

#image_1b {
width: 385px;
}

.studentsHeightFix {
height: 100%;
}

#disclaimer {
font-size:10px;
color: #AAA;
font-weight: bold;
/* START CIE-MOD [add] */
padding-left: 180px;
text-align: left;	
border-top: 5px solid #335588;
border-bottom: 5px solid #335588;
/* END CIE-MOD [add] */
}

/* START CIE-MOD [add] */
#ftr-space {
	height: 3px;
}
/* END CIE-MOD [add] */

#contentlinks {
color: #FF9900;
margin-left: 8px;
margin-bottom: 8px;
margin-top: 8px;
}

#studentlinks{
color:#000000;
font-weight: bold;
}

/*search page */
#searchcontent{
  text-align: center;
}

/* 060213 cc
   Just so that we can keep things orderly, i'm putting in here css settings
   that have been created for a specific site.  if you want to use these id's
   and classes for another site, faboo, but this is where they came from.

   Please comment any additional sections you create, so they can be searched 
   for quickly.
*/

/* 060213 cc - BEGIN TEMPLATE: university policies & procedures */
.inset table {
  border: 1px solid #000066;
}

.inset_title {
  background-color: #cdd6c9;
}

.inset_title h2 {
  margin-top: 5px;
  margin-bottom: 5px;
}
/* 060213 cc - END TEMPLATE: university policies & procedures */
/* for Picture A, B, C beige background: A quick fix for extra line underneath the pictures*/
.beigebkgd {
	background-color: #f1f1e7; 
}

/* START CIE-MOD [add] */
.cie-table td {
	background-color: #f1f1e7;
	padding: 7px 7px;
}

.cie-subnav {
	margin-top: 10px;
	list-style: none;
	padding: 0px 3px;
}

#page2data {
	padding-right: 5px;
}

#page2data.frontSpec {
	padding: 0px;
}

#page2data hr {
	width: 80%;
}

.breadcrumbs {
	font-size: 10px;
	background-color: #f1f1e7;
	padding: 2px 6px;
}

.ipaquote {
	padding: 3px 5px;
	line-height: 20px;
}

.ipasign {
	font-style: italic;
	float: right;
	padding-top: 15px;
	padding-right: 25px;
}

/* END CIE-MOD [add] */