body {font-family: Georgia, Constantia, "Times New Roman", Times, serif; color: #000; margin: 0 ; padding: 0.3em 3.0em 1.0em 0; line-height: 1.5em; background: #eeebe0 ; font-size: 90%; }

h1 {font-weight: normal; font-size: 2.0em; line-height: 100%; font-family: Georgia, Constantia, Garamond,"Adobe Garamond", "Adobe Garamond Pro", "Apple Garamond", "Stempel Garamond", "Garamond #3", Sabon, "Sabon Next", "Monotype Garamond", "ITC Garamond", serif; margin-top: 0; padding-top: 0; color: #926c46 ; }
h2 {font-weight: normal; font-size: 1.3em; font-family: Georgia, Constantia, Arial, sans-serif; color: #926c46; }
h3 {font-weight: bold; font-size: 1.0em; font-family: Arial, sans-serif; color: #367A52;}
h4 {font-weight: bold; font-size: 1.0em; font-style: italic; color: #367A52;}
.bigintro {font-family: Georgia, Constantia, Garamond,"Adobe Garamond", "Adobe Garamond Pro", "Apple Garamond", "Stempel Garamond", "Garamond #3", Sabon, "Sabon Next", "Monotype Garamond", "ITC Garamond", serif; color: #000; font-size: 1.3em; line-height: 110% ; font-style: italic; font-weight: normal; }

h1 small {font-size: 60% ! important;}
h1 small small {font-size: 50% ! important;}

a:link {text-decoration: underline; color: #03c; background: transparent; }
a:visited {text-decoration: underline; color: #039; background: transparent; }
a:active, a:hover {text-decoration: underline; color: #03c; background: transparent; }

/* MAIN PAGE SECTIONS */

#outer {width: 800px;  margin: auto; background: url(h/backgroundpagebar.gif) repeat-y; 	}

#header {height: 110px; margin: 0; 	padding: 0; background: #367a52 url(h/backgroundheader.gif);  color: #fff;	}
#header h2 {margin: 0; padding: 0; background: url(h/backgroundlefttop.gif) left top no-repeat; width; 230px; height: 110px; float: left;  }
#tag {margin: 0; padding: 0; background: url(picsheader/1.jpg) right top no-repeat; width: 500px; height: 110px;  float: right; }

#content {	float: right; 	width: 600px; background: #e7f0eb; }
#text {margin: 13px 13px 0 0 ; padding: 2px 16px; background: #fff; }


#breadcrumb {color: #666; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 2px 0 4px 0; }
#breadcrumb a:link, #breadcrumb a:visited, {text-decoration: none; }
#breadcrumb a:active, #breadcrumb a:hover, {text-decoration: underline; }

#sidebar {float: left; 	width: 200px; }
#sidefade {width: 200px; height: 40px; background: url(h/backgroundsidenavbottom.gif) top left; padding: 0; margin: 0; }
#sidenavtop {width: 200px; height: 27px; background: url(h/backgroundsidenavtop.gif) top left; }

#footer {clear: both; padding: 0; background: #367a52 url(h/backgroundfooter.gif) bottom left no-repeat; text-align:  center; font-size: 0.7em; color: #eeebe0; font-family: Arial, sans-serif; }
#footer p { margin: 0; background: url(h/backgroundfooterright.gif) bottom right no-repeat; }

/* SEARCH AND HIDE MISC */
#srch { margin: 6px 12px 0 0; padding: 0 ;  display: inline; float: right; }
.search {border: 1px #000 solid; margin: 0; }
#searchq, .submit {border: 1px #000 solid; margin: 0; width: 65px;   font-family: Arial,  sans-serif;display: inline; }
.submit {letter-spacing: 1px; font-size: 11px; }
#searchq {margin-right: 3px; width: 95px; font-size: 11px; }
input {margin: 0; }
 
.hide {display: none; }
#printlogo {display: none; }
#synlogo {float: left; border: 0; margin: 5px 0 0 30px; }
#skip a, #skip a:hover, #skip a:visited {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow: hidden; font-weight: bold; font-family: arial, sans-serif; letter-spacing: 1px; } 
#skip a:active, #skip a:focus {position: static; width: auto; height:auto; padding: 4px; } 


#mena h3, #mena h4 {color: #926c46;}

a.address:link, a.address:visited {color: #fff; text-decoration: none; font-weight: normal; }
a.address:active, a.address:hover {color: #fff; text-decoration: underline; font-weight: normal;}

/* SIDE NAVIGATION */
#sidenavlist {width: 200px; border-bottom: 1px solid #fff; margin-top: 0; margin-bottom: 0; }
ul#sidenavlist {margin-left: 0; padding-left: 0; list-style-type: none; border-bottom: 1px solid #fff; width:200px }
#sidenavlist li {}
#sidenavlist a {display: block; padding: 5px 3px 5px 6px;  background: #C6D5F7 url(h/backgroundsidenavbutton.gif) top left no-repeat;  font-family: Arial, sans-serif; font-size: 0.8em; line-height: 1.2em; border-top: 1px solid #fff; }
#sidenavlist a:link { color: #000; text-decoration: none; }
#sidenavlist a:visited {color: #666; text-decoration: none; }
#sidenavlist a:hover {background: #82A395 url(h/backgroundhover.gif) top left no-repeat ; color: #fff !  important;border-top: 1px solid #EABF53; }
#current {background: #fff ! important; color: #000 ! important; cursor: default; border-top: 1px solid #fff ! important; }
#current {background: #93cab4 url(h/hoverarrow.gif) top left no-repeat ! important; color: #fff ! important; cursor: default; border-top: 1px solid #fff ! important; }

a#fixed, a#fixed:link, a#fixed:visited, a#fixed:active, a#fixed:hover { background: #C6D5F7 url(h/backgroundsidenavbutton.gif) top left no-repeat ! important; color: #000 ! important; cursor: default; font-style: italic ! important; border-top: 1px solid #fff ! important;}


/* BOXES ETC */
.caption img {border: 1px #000000 solid; }
.rightbox240 {float: right; margin: 8px 4px 8px 12px; width: 240px; }
.rightbox360 {float: right; margin: 8px 4px 8px 12px; width: 360px; }
.rightbox420 {float: right; margin: 8px 4px 8px 12px; width: 420px; }
.rightbox550 {float: right; margin: 8px 4px 8px 12px; width: 550px; }
.leftbox240 {float: left; margin: 8px 12px 8px 4px; width: 240px; }
.leftbox360 {float: left; margin: 8px 12px 8px 4px; width: 360px; }
.leftbox420 {float: left; margin: 8px 12px 8px 4px; width: 420px; }
.leftbox550 {float: left; margin: 8px 12px 8px 4px; width: 550px; }
.headshot {width:120px; float: left; margin: 0 8px 8px 0; }
.headshotright {width:120px; float: right; margin: 0 0 8px 8px; }
.rightbox240, .leftbox240, .rightbox360, .leftbox360, .rightbox420, .leftbox420, .rightbox550, .leftbox550, .headshot, .headshotright {font-size: 0.8em; font-family: Arial, Helvetica, sans-serif ! important; line-height: 1.25em; }
.rightbox240 img, .leftbox240 img, .rightbox360 img, .leftbox360 img, .leftbox550 img, .rightbox550 img, .headshot img , .headshotright img {border: 1px #000 solid; margin: 0; }
.rightbox240 h2, .leftbox240 h2, .rightbox360 h2, .leftbox360 h2, .rightbox420 h2, .leftbox420 h2, .leftbox550 h2, .rightbox550 h2 {margin: 0; padding: 0; font-size: 1.0em; }
.rightbox240 ul, .leftbox240 ul, .rightbox360 ul, .leftbox360 ul, {margin-left: 0.5em; padding-left: 1.0em;  margin-top: 0; padding-top: 0; }
.rightbox240 ul li, .leftbox240 ul li, .rightbox360 ul li, .leftbox360 ul li {margin-bottom: 0.3em; } 
.rightbox240 img.map, .leftbox240 img.map, .rightbox360 img.map, .leftbox360 img.map, {border: 0; }
.pullquote {line-height: 1.8em ! important; font-style: italic; padding: 1.0em; }
.rightspecial {float: right; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif ! important; line-height: 1.25em;}

blockquote {line-height: 1.2em; font-size: 90%;}

.plain {padding: 0; margin: 0;}
.plain li {list-style-type: none; padding: 0; margin: 0.25em 0;}
.plain strong {color: #000;}

#about  #tag, #special #tag  {background: url(picsheader/about.jpg) right top no-repeat;}
#mena  #tag {background: url(picsheader/mena.jpg) right top no-repeat;}
#progs #tag {background: url(picsheader/programs.jpg) right top no-repeat;}
#ufan  #tag {background: url(picsheader/ufan.jpg) right top no-repeat;}
#fellows #tag {background: url(picsheader/fellows.jpg) right top no-repeat;}
#msp #tag {background: url(picsheader/msp.jpg) right top no-repeat;}
#gpc #tag {background: url(picsheader/gpc.jpg) right top no-repeat;}
#involved #tag, {background: url(picsheader/involved.jpg) right top no-repeat;}
#media #tag {background: url(picsheader/media.jpg) right top no-repeat;}
#commons #tag {background: url(h/backgroundrighttop.gif) right top no-repeat; height: 115px;  }


#ufan h1 {font-size: 1.4em;}
#ufan h2 {font-size: 1.2em;}
#ufan h3 {font-size: 1.0em;}

#commons #content { margin: auto;	width: 800px; background: #fff; }

#commons #content #text { margin: auto;	width: 550px; background: #fff; }
.toc, .top {font-size: 95%; font-family: Arial, Helvetica, sans-serif; color: #096; }
.top {text-align: right; margin: 1.3em;}


#slide #tag {background: url(h/backgroundrighttop.gif) right top no-repeat; height: 95px;  }

#slide #content { margin: auto;	width: 100%; background: #000 ; border-left: 1px solid #fff;  }
#slide #text {padding: 0; margin: 0; background: #000 url(h/backgroundslides.gif) right top repeat-y; color: #fff; font-family: Arial, sans-serif; font-size: 0.8em; line-height: 1.3em;}
#slideholder a, #slideholder a:link {color: #fff ! important; text-decoration: none;}
#slideholder a:visited {color: #ccc ! important; text-decoration: none;}

#slideholder a:active, #slideholder a:hover, {color: #fff ! important; text-decoration: underline;} 

#slidecaption {padding-right: 10px; }
#slidecaption a, #slidecaption a:link, #slidecaption a:visited {text-decoration: underline;}

.slidefooter {padding: 2px 2px 2px 0; font-size: 85%; }


#special #content { margin: auto;	width: 100%; background: #fff;  }
#special #text {padding: 16px 2px 16px 24px; margin: 0; background: #fff; color: #000;}


ul.thirdnav {font-size: 90%; font-family: Arial, Helvetica, sans-serif; margin: 0 0 15px 0; float: left; white-space: nowrap; padding: 0; }
.thirdnav li {display: inline; list-style-type: none; margin: 0 5px 0 0; padding: 0; }


#commonsdate {width: 550px; font-size: 90%; font-family: Arial, Helvetica, sans-serif; color: #367a52;}
#commonsdate img {float: left;}
#commonstoc {color: #367a52;}
#commonstoc p {margin: 0;}


.dark {background: #000; color: #fff;}

.dark a, .dark a:link, .dark a:active {color: #fff; text-decoration: none; }
.dark a:visited {color: #ccc; text-decoration: none;}
.dark a:hover {color: #fff; text-decoration: underline;}
.gallink {font-weight: bold; letter-spacing: 1px; text-transform: uppercase; margin: 0; float: right;padding: 2px 4px 2px 0;}

.greenbar {border-bottom: #367a52 solid 3px;  }



.jwts_slidewrapper img {border: 0px solid #000; margin: 0 3px 3px 0; float: left;}
.jwts_slidewrapper {font-size: 0.85em; line-height: 1.0em; }
.jwts_slidewrapper strong { font-family: Arial, Helvetica, sans-serif; font-size: 95%;}
.jwts_slidewrapper b { font-family: Arial, Helvetica, sans-serif; font-size: 90%;}

.jwts_slidewrapper a:link, .jwts_slidewrapper a:visited {text-decoration: none;}
.jwts_slidewrapper a:active, .jwts_slidewrapper a:hover {text-decoration: underline;}




/* MENA CHANGES */
.arabic {lang: ar; direction: rtl; font-size: 130%; font-family: Arial, sans-serif; }
#mena .sans, .arabic .moddate {font-size: 60%; }
#mena #second {background: #926C46; }
#mena #topsect {color: #000; background: #fff; border-bottom: #000 5px solid; } 
ul.arabicside li {direction: rtl; }

#mena #footer p {background: url(h/menabackgroundfooterright.gif) bottom right no-repeat; }
#mena #sidefade {background: url(h/backgroundsidenavbottom.gif) top left; }
#mena #sidenavtop {background: url(h/menabackgroundsidenavtop.gif) top left; }
#mena #sidefade {width: 200px; height: 40px; background: url(h/menabackgroundsidenavbottom.gif) top left; padding: 0; margin: 0; }
#mena #footer {background: #367a52 url(h/menabackgroundfooter.gif) bottom left no-repeat;}  
#mena #header {background: #367a52 url(h/menabackgroundheader.gif); }
#mena #header h2 { background: url(h/menabackgroundlefttop.gif) left top no-repeat; }
#mena #content {background: #E5DED5;}
#mena #outer {width: 800px;  margin: auto; background: url(h/menabackgroundpagebar.gif) repeat-y; 	}

#mena #text li {list-style-type: none; margin-bottom: 0.5em;}

/* MENA SIDE NAVIGATION */
#mena #sidenavlist a {display: block; padding: 5px 3px 5px 6px;  background: #826D51 url(h/menabackgroundsidenavbutton.gif) top left no-repeat;  font-family: Arial, sans-serif; font-size: 0.8em; line-height: 1.2em; border-top: 1px solid #fff; }
#mena #sidenavlist a:link { color: #fff; text-decoration: none; }
#mena #sidenavlist a:visited {color: #ccc; text-decoration: none; }
#mena #sidenavlist a:hover {background: #D7DCE7 url(h/menabackgroundhover.gif) top left no-repeat ; color: #000 !  important;border-top: 1px solid #EABF53; }
#mena #current {background: #93cab4 url(h/hoverarrow.gif) top left no-repeat ! important; color: #fff ! important; cursor: default; border-top: 1px solid #fff ! important; }

/* UFAN */

#ufan h1, #ufan h2, {font-family: Arial, sans-serif; color: #367A52; }
#ufan h2 {font-size: 1.1em;}


#toppic {padding: 0; background: #000; color: #fff; font-size: 90%; font-family: Arial, sans-serif; text-align: right; font-weight: bold; letter-spacing: 1px; border: 1px solid #000;}

#toppic a, #toppic a:link {color: #fff; text-decoration: none;}
#topicpic a:visited, #toppic a:active {color: #ccc;}