/* 
---------------------------------------
PSU Office of International Affairs
www.oia.pdx.edu

Notes:
This CSS sheet does all of the styling of the 
Office of International Affairs website. 
You can find all style information regarding
color, typography, backgrounds, etc here.

Layout configuration can be found in the layout template.
---------------------------------------

---------------------------------------
Created by:
Origen Creatives 
www.origencreatives.com
---------------------------------------

 */

/* @group Global Rules */

html {
	background: #a1d8e0 url(http://oia.pdx.edu/images/oia/html_bg.jpg) top left repeat-x;
}

acronym { border-style: dashed; border-width: 0 0 1px 0; cursor: help; } 

body {
	padding: 0;
	font:12px/18px Verdana,Hevetica;
	font-size-adjust: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;
	margin: 0;
	background: transparent url(http://oia.pdx.edu/images/global/body_bg.png) repeat-y center;
	text-align: center;
}

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

strong {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: Georgia;
}

/* @end */

/* @group Centers Drop-down */

/* 

The following rules position and style 
the drop-down menu triggered by an on-click
event on the "Institutes, Centers & Programs"
link in the Utility Navigation.

*/

#centers_popup {
	left: 0;
	z-index: 1;
	padding: 10px;
	margin: 0 0 0px 0;
	overflow: hidden;
	display: none;

}

#centers_popup ul {
	font-size: 10px;
	float: left;
	padding: 0 15px 10px 10px;	
	width: 199px;
}

#centers_popup > a.centers_popup_toggle {
	clear: both;
	float: right;
	color: #697f10;
	text-decoration: underline;
	padding: 3px;
	border: 1px solid #FFF;
	font-size: 10px;
	background: #d9de9d;
}

#centers_popup ul li strong {
	color: #dff2f5;
	font-weight: bold;
	font-size: 12px;
}

#centers_popup ul li a {
	color: #d9de9d;
}

#centers_popup ul li a:hover {
	color: #FFF;
	border-bottom: 1px solid #ccc;
}

/* @end */

/* @group Header Specific Code */

#header_oia h1 {
	font: 2.8em Georgia;
	color: #FFFFFF;
	padding: 20px 20px 15px 20px;
}

#header_oia h1 a {
	text-decoration: none;
	font-weight: normal;
	color: #FFF; 
}

#header_oia h1 a:hover {
	color: #f7ffdb;
}
/* @group Utility Navigation */

#header_oia ul#nav_utility {
	float: right;
	font-size: 9px;
	text-transform: uppercase;
	padding: 20px 10px 0 0;
	display: inline;
	width: 250px;
}

#header_oia ul#nav_utility li {
	float: right;
	padding: 0 10px 0 0;
}

#header_oia ul#nav_utility li a {
	text-decoration: none;
	color: #d9de9d;
}

#header_oia ul#nav_utility li a:hover {
	border-bottom: 1px solid ;
}

#header_oia ul#nav_utility li a.centers_popup_toggle {
	background: url(http://oia.pdx.edu/images/oia/institutes_arrow.png) center right no-repeat;
	padding: 0 15px 0 0 ;
}

#header_oia ul#nav_utility li a.centers_popup_toggle.close{
	background: url(http://oia.pdx.edu/images/oia/institutes_arrow_hide.png) no-repeat right center;
	padding: 0 15px 0 0 ;

}

/* @end */

/* @group Main Navigation */

/*** ESSENTIAL STYLES ***/
#nav_main, #nav_main * {
	margin:0;
	padding:0;
	list-style:none;
	background: url(http://oia.pdx.edu/images/main_nav_bg_ul_left.jpg);
}

#nav_main ul {
	position:absolute;
	top:-999em;
	width:940px; /* left offset of submenus need to match (see below) */
}
#nav_main ul li {
	width:100%;
}
ul#nav_main:hover {
	color: #FFF;
	visibility:inherit; /* fixes IE7 'sticky bug' */
}

#nav_main li {
	float:left;
	background: transparent url(http://oia.pdx.edu/images/main_nav_bg.jpg) top left repeat-x;

}


#nav_main li:hover ul,
#nav_main li.sfHover ul {
	left:0;
	top:36px; /* match top ul list item height */
}
ul#nav_main li:hover li ul,
ul#nav_main li.sfHover li ul {
	top:-999em;
}
ul#nav_main li li:hover ul,
ul#nav_main li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}
ul#nav_main li li:hover li ul,
ul#nav_main li li.sfHover li ul {
	top:-999em;
}
ul#nav_main li li li:hover ul,
ul#nav_main li li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}

/*** DEMO SKIN ***/


#nav_main a  { /* visited pseudo selector so IE6 applies text colour*/
	color: #dff2f5;
}

#nav_main li:hover, #nav_main li.sfHover,
#nav_main a:focus, #nav_main a:hover, #nav_main a:active {
	outline:0;
	background: transparent url(http://oia.pdx.edu/images/global/main_nav_bg_hover.jpg) top left repeat-x;
	color: #FFFFFF;
}
#nav_main a.sf-with-ul {
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em; /* IE6 only */
	width:10px;
	height:10px;
	text-indent:-999em;
	z-index:1000;
	overflow:hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:.8em;
	background-position:0 -100px; /* use translucent arrow for modern browsers*/
}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
#nav_main ul .sf-sub-indicator { background-position:  -10px 0; }
#nav_main ul a > .sf-sub-indicator { background-position:  0 0; }
#nav_main ul a:focus > .sf-sub-indicator,
#nav_main ul a:hover > .sf-sub-indicator,
#nav_main ul a:active > .sf-sub-indicator,
#nav_main ul li:hover > a > .sf-sub-indicator,
#nav_main ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
.sf-shadow ul {
	background:	url('http://oia.pdx.edu/images/shadow.png') no-repeat bottom right;
	padding: 0;

}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			36px; /* match top ul list item height */
	z-index:		99;
}
#nav_main {
	padding: 0 0 35px 5px;
	position:relative;
	width: 960px;
	margin: 5px 0 0 0;
	float:left;
	background: transparent url(http://oia.pdx.edu/images/global/main_nav_bg.jpg) top left repeat-x	

}
ul#nav_main li {
}

#nav_main a {
	border-top:	none;
	font-size: 11px;
	line-height: 20px;
}

ul#nav_main li a {
	padding: 8px 10px;
	display: block;
	text-decoration: none;
	color: #FFF;
	text-shadow: 1px 1px 1px #111;
	font-weight: bold;
	border-right: 1px solid #232016;
	border-left: 1px solid #79735b;
}

ul#nav_main > li:first-child > a {
	border-left: none;
}

#nav_main li.current {
	background: #ecf6f7;
	color: #697f10;
}

#nav_main li.current:hover {
	background: #ecf6f7;
}

#nav_main li.current a {
	color: #697f10;
	text-shadow: none;
}

#nav_main li.current li a {
	color: #00759a;
}

#nav_main ul li:last-child a {
	background: none;
}

#nav_main li.current li a:hover {
	color: #a8b400;
	background: #ecf6f7;
}

#nav_main li ul li a {
	text-shadow: none;
	color: #00759a;
	font-weight: normal;
	padding: 8px 8px;
	background: none;
	border: none;
}



#nav_main li ul li a:hover {
	color: #697f10;
}

#nav_main li ul li.current a {
	color: #697f10;
}
#nav_main li ul {
	background: #ecf6f7 url(http://oia.pdx.edu/images/global/nav_hover.jpg) repeat-x bottom left;
	overflow: hidden;
	padding: 0 20px 0 0 ;
	width:949px; /*IE6 soils itself without this*/
}
#nav_main li li {
	background: none;
	position:relative;
}

#nav_main ul li {
	width:auto;
	float:left;
}
#nav_main li:hover,
#nav_main li.sfHover,
#nav_main li li.current,
#nav_main a:focus, #nav_main a:hover, #nav_main a:active {
	color: #FFF;
}

#nav_main ul li:hover,
#nav_main ul li.sfHover,
ul#nav_main ul li:hover li,
ul#nav_main ul li.sfHover li,
#nav_main ul a:focus, #nav_main ul a:hover, #nav_main ul a:active {
	background: #dff2f5;
}
ul#nav_main li li li:hover,
ul#nav_main li li li.sfHover,
#nav_main li li.current li.current,
#nav_main ul li li a:focus, #nav_main ul li li a:hover, #nav_main ul li li a:active {
}
ul#nav_main .current ul,
ul#nav_main ul li:hover ul,
ul#nav_main ul li.sfHover ul {
	left:0;
	top:36px; /* match top ul list item height */
}
ul#nav_main .current ul ul {
	top:-999em;
}

/* @end */

/* @end */

/* @group Content */
 #content code {
	background: #eee;
	padding: 10px;
	font: Courier;
	font-size: 14px;
	display: block;
}

#content h1 {
	font-size: 30px;
	line-height: 40px;
	color: #697f10;
	margin: 15px 0 15px 0;
	clear: both;
}

#content em {
	font-style: italic;
}

#content h2 {
	font: 16px/18px Verdana;
	color: #00759a; 
	margin: 20px 0 10px 0;	
	padding: 0px;
	clear: both;
}

/*
#content h2#contact {
	background: url(http://oia.pdx.edu/images/global/contact.png) top left no-repeat;
	padding: 0 0 15px 30px;
	margin: 15px 0 0 0;
	line-height: 24px;
}

#content h2#spotlight {
	margin: 5px 0 0 0;
	line-height: 24px;
}
*/

#content h3 {
	font-size: 12px;
	color: #a33f1f;
	font-family: Verdana, Arial;
	font-weight: bold;
	margin: 15px 0 5px 0;
}

#content h3 a.download {
	background: url(http://oia.pdx.edu/images/global/download.jpg) top left no-repeat;
	padding: 0 0 10px 22px;
	display: block;
	height: 20px;
}

#content h2 a.float {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 10px;
	line-height: 10px;
	display: block;
	padding: 5px 0 10px;
}

#content ul {
	overflow: hidden;
	margin-bottom: 10px;
}

#content ul#ea_regions li {
	list-style:none ;
	margin: 0 20px 20px 0;
	padding: 0;
	width: 268px;
	height: 200px;
	background: #ccc;
	float: left;
	text-indent: -9999px;
	display: block;
}

#content ul#ea_regions li a {
	display: block;
	height: 200px;
	width: 268px;
}
#content ul#ea_regions li#africa  {
	background: url(http://oia.pdx.edu/images/oia/africa.jpg) top left no-repeat;
}

#content ul#ea_regions li#asia  {
	background: url(http://oia.pdx.edu/images/oia/asia.jpg) top left no-repeat;
}
#content ul#ea_regions li#europe  {
	background: url(http://oia.pdx.edu/images/oia/europe.jpg) top left no-repeat;
}

#content ul#ea_regions li#latin_america  {
	background: url(http://oia.pdx.edu/images/oia/latin_america.jpg) top left no-repeat;
}
#content ul#ea_regions li#middle_east  {
	background: url(http://oia.pdx.edu/images/oia/middle_east.jpg) top left no-repeat;
}

#content ul#ea_regions li#oceania  {
	background: url(http://oia.pdx.edu/images/oia/oceania.jpg) top left no-repeat;
}

#content table {
	margin: 20px 0;
}

#content td {
	border: 1px solid #ccc;
	padding: 5px;
}

#content th {
	background-color: #dff2f5;
	border: 1px solid #CCC;
	font-weight: bold;
	padding: 5px;
}

#content_main table th p {
	margin: 0;
	text-align: left;
}

/* @group Press Release List */

body#home #press_release {
	height: 320px;
}
body#home div#content #press_release li {
	margin: 0 10px 0 0;
}
#content #press_release li {
	margin: 0 30px 0 0 ;
	clear: both;
	list-style: none;
	font-size: 10px;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px 0;
	overflow: hidden;
	
}

#content #press_release li:last-child, #home #content #press_release li:last-child {
}
#content #press_release li h3 {
	margin: 0;
}
#content #press_release li img, #content #left_main img {
	float: left;
	margin: 0 20px 10px 0;
}


/* @end */

/* @end */

/* @group Main Content */

#content_main p#breadcrumb a {
	border-bottom: none;
}

#content_main p#breadcrumb{
	font-size: 10px;
}

#content_main img {
	float: right;
	margin: 0 0 10px 10px;
}

#content_main img.noFloat {
	float: none;
	margin: 0;
}

#content_main a {
	background: url(http://oia.pdx.edu/images/gloabl_link_bullet.png) right center no-repeat;
	padding: 0;
}

#content_main a:hover {
	color: #a8b400;
}

#content_main p a {
	color: #00759a;
	border-bottom: 1px dotted;
	background: none;
	padding: 0;
}

#content_main p a:hover {
	color: #d2492a;
}

div#content_main p {
	margin: 0 0 10px 0 ;
}
div#content_main ul li  {
	list-style: disc;
	margin: 5px 0 5px 30px;
}

div#content_main ol li {
	list-style-type: decimal;
	margin: 5px 0 5px 30px;

}

#content_main ul.zebra li {
	list-style: none;
	margin: 0;
	padding: 7px 10px;
}

#content_main ul#staff_directory li span {
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}

div#content_main ul#events_main li {
	list-style: none;
	border-bottom: 1px solid #eee;
	padding: 15px 0;
	border-bottom: 1px dotted #ccc;
	margin: 0;

}

div#content_main ul#events_main li:first-child {
	border-top: 5px solid #474334;
}

div#content_sidebar form#filter {
	overflow: hidden;
	margin: 0 0 10px 0;
}

div#content_sidebar form#filter select {
	width: 225px;
	margin: 5px 0;
}
div#content_main ul#events_main li strong {
	text-transform: uppercase;
	color: #00759a;
	font-weight: bold;
}

div#content_main ul#events_main li a {
	display: block;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	text-decoration: underline;	
	padding: 0;
	color: #697f10;
	text-transform: none;
	line-height:26px;
	font-family: Georgia;
}

div#content_main ul#events_main li em {
	padding: 0;
	color: #a8b400;
	text-transform: none;
	font-style: italic;
	font-family: Georgia;
	font-weight: normal;
	font-size: 12px;	
}

div#content div#left_main ul h3, div#content div#right_main ul h3 {
	margin:0;
}

div#content_main ul#ea_results li {
	padding: 0;
	list-style: none;
	margin: 0;
}

div#content_main ul#ea_results li h2 {
	margin-bottom: 5px;
}

div#content_main ul#ea_results li ul li {
	padding: 3px 0 3px 10px;
}
/* @end */
}



/* @group Sidebar */

div#content_sidebar p {
	padding: 0 0 10px 30px;
	
} 

#content_sidebar h2 {
	margin-top: 10px;
	position: relative;
	position: relative;
	color: #00759a;
	font: 16px verdana;
	padding: 5px;
	font-weight: bold;
	margin: 0;
	border: none;
	background: none;
}

#content_sidebar form {
	overflow: hidden;
	margin: 0;
}
#content_sidebar input[type="text"] {
	clear: both;
	width: 134px;
	padding: 3px 5px 2px;
	border: 1px solid #ccc;
	margin: 0 0 5px 74px;
	font-size: 12px;
	float: left;
	color: #555;
}
#content_sidebar label {
	float: left;
	text-align: right;
	width: 70px;
	font-weight: bold;
}

#content_sidebar select{
	width: 175px;
	margin: 5px;
}

#content_sidebar input#ea_search_submit {
	background: url(http://oia.pdx.edu/images/oia/ea_submit.jpg) no-repeat left;
	text-indent: -9999px;
	display: block;
	width: 29px;
	height: 22px;
	border: none;
	float: left;
}

#content_sidebar input#go {
	background: url(http://oia.pdx.edu/images/oia/ea_search_submit.jpg) top left no-repeat;
	text-indent: -9999px;
	display: block;
	width: 110px;
	height: 28px;
	border: none;
	clear: both;
	float: right;
	margin: 10px 0 0 0 ;
}

#content_sidebar img {
	float: left;
	padding: 3px;
	margin: 0 10px 0 0;
	border: 1px solid #CCC;
}

/* @group Events Details Sidebar */

#content_sidebar ul#events_side li {
	background: url(http://oia.pdx.edu/images/events_i.jpg) left 10px no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 7px 0;
	color: #697f10;
}

#content_sidebar ul#events_side li a {
	display: block;
	color: #00759a;
	font-weight: bold;
	padding: 0;
	font-size: 12px;
	text-decoration: underline;	
}

#content_sidebar ul#events_side li em {
	padding: 0;
	color: #474334;
	text-transform: none;
	font-style: italic;
	font-family: Georgia;
	font-weight: normal;
	font-size: 12px;
}
/* @end */

/* @group Helpful Links List */

ul.helpfullinks {
	margin: 0 0 0 5px;
}
ul.helpfullinks li {
}

ul.helpfullinks > li > a {
	color: #697f10;
	font-size: 12px;
	display: block;
	padding: 5px 0 0 0;
}


#content ul.helpfullinks li ul {
	margin: 0;
}
ul.helpfullinks li ul li > a {
	padding:2px 0;	
	color: #555;
	font-weight: normal;
	font-size: 10px;
	display: block;
	border-bottom: 1px dotted #ccc;
	margin: 0 20px 0 0px;
}

.helpfullinks li a:hover {
	color: #a73f44;
}

/* @end */

/* @group Quick links List */

ul#quicklinks {
	margin: 0px 0px 0px 0;
	padding: 0 0 10px 0;
}

#quicklinks li {
	float: none;
	margin: 0 0 2px 0 ;
}
#quicklinks li a {
	padding: 2px;	
	color: #697f10;
	display: block;
	border-bottom: 1px dotted #ccc;
}

#quicklinks li a small {
	font: 10px/14px Verdana;
	color: #00759a;
}

#quicklinks li a:hover, #quicklinks li a.current {
	background: #dff2f5;
	color: #a73f44;
	border-bottom: none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	font-weight: bold;

}

/* @end */

/* @end */

/* @group Footer Rules */

a#footer_hide {
	position: absolute;
	bottom: 0;
	left: 10px;
	background: #3e4d0a url(http://oia.pdx.edu/images/oia/institutes_arrow_hide.png) 5px center no-repeat;
	padding: 2px 10px 2px 20px ;
	font-size: 10px;
	color: #FFF;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	
}

a#footer_hide.close {
	background: #3e4d0a url(http://oia.pdx.edu/images/oia/institutes_arrow.png) 5px center no-repeat;
	padding: 2px 10px 2px 20px ;
}

div#footer_oia h3 {
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #FFF;
	font-family: verdana;
	border-bottom: 1px solid #697f10;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	position: relative;
}

div#footer_oia h3 a {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 10px;
	font-weight: normal;
	color: #a1d8e0;
	padding: 0 5px;
	text-transform: none;
	letter-spacing: normal;
}

div#footer_oia a:hover {
	color: #dff2f5;
}

div#footer_oia ul li a {
	display: block;
	color: #dff2f5;
	padding: 5px 0 0px 0 ;
	font-size: 12px;
	text-decoration: underline;
}

div#footer_oia ul li {
	padding: 0 0 5px 0px;
	margin: 0 0 5px 0;
}

div#events ul li {
	background: url(http://oia.pdx.edu/images/events_i.jpg) left 10px no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	color: #ffffff;
	border-bottom: 1px solid #697f10;
	font-weight: bold;
	padding: 7px 0;
}

div#events ul li a {
	padding: 0;
	color: #dff2f5;
	text-transform: none;
}

div#events ul li em {
	padding: 0;
	color: #dff2f5;
	text-transform: none;
	font-style: italic;
	font-family: Georgia;
	font-weight: normal;
	font-size: 12px;
}

div#footer_oia ul li a.more {
	background: #00759a;
	color: #a8eefe;
	font-family: Verdana;
	width: 70px;
	text-align: center;
	border: 1px solid;	
	text-transform: none;
	font-weight: normal;
	font-size: 10px;
	margin: 5px 0;
	text-decoration: none;
}
div#news ul li {
	background: url(http://oia.pdx.edu/images/news_ligif) no-repeat left 10px;
	font-size: 10px;
}

div#contact p {
	margin: 0 0 8px 0;
}

div#contact p strong {
	color: #dff2f5;
}

/* @end */
.noFloat {
	float: none;
}