/* CSS for UDA web site redesign to css-based and tableless, December 2006 by Marsha S., Web Developer Last updated: July 2008 */
body { background: #aaa; padding: 0; margin: 0; font-family: verdana, arial, helvetica, sans-serif;}
img {border: none;}
p, ul, ol {font-size: 90%; margin-right: 5px; line-height: 1.5;}
h1 {font-size:120%; color: #cd1017; padding: 2px; margin-bottom: 1em; background: #f1f1f1;}
h2 { font-size: 105%; border-bottom:1pt solid #cd1017; margin-bottom: 0; padding-bottom: 0; color: #cd1017;}
h4,h5,h6 { color:#cd1017;}
h3 {font-size:100%; color: #000; }
h4 {font-size:95%; }
h5 {font-size:90%; }
h6 {font-size: 85%; }
.red {color: #cd1017;}
.center {text-align: center;}
.left {text-align: left;}
a:hover {color:#000; background:#ffcc33;}
#skipnavlink {color:#000; font-size: 55%; float: right; margin:0 2pt 1pt 0; padding:0 2pt 1pt 0;}
.hide { height:1px; width:1px; overflow:hidden; position:absolute; top:-60px; }
#siteheader { background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; padding-left: 16px; margin: 0;}
.sitenavbar { background: #666699; padding-left: 6%; padding-top: 4pt; padding-bottom: 4pt; border-left: 1px solid #000; border-right: 1px solid #000; font-family: geneva, arial, helvetica, sans-serif; font-size: 115%;}
#sitenavbox { border-left: 1px solid #000; border-right: 1px solid #000; background: rgb(102, 102, 153); padding-left: 6%; padding-top: 4pt; padding-bottom: 4pt; font-family: geneva, arial, helvetica,sans-serif; font-size: 115%;}
#sitenavlist {display: inline; list-style-type: none; border: 0;  margin: 0; padding: 0; font-weight: bold; margin-left: 0.3em;}
#sitenavlist a { color: #000; text-decoration:none; font-size: 75%;}
#sitenavlist li { display: inline; color: #000; font-size: 105%; padding: 2pt 7pt; margin: 0 2pt;}
#sitenavlist li.selected { display: inline; color: #000064; font-size: 97%; padding: 6pt 7pt; border: #fff 1px solid; background: #fff; margin: 0 2pt;}
.homenav, .eventsnav, .educationnav, .publicationsnav, .resourcesnav, .consultnav, .aboutusnav, .whatudnav {color: #000; border: none;}
.homenav {background: #fff; }
.eventsnav { background: #e3e200;}
.educationnav { background: #8fc21f;}
.publicationsnav { background: #cc9966;}
.resourcesnav { background: #79b7d6;}  
.consultnav { background: #ff850d;}  
.aboutusnav { background: #ee0033;}
#sitenavlist li.whatudnav { margin-left: 25pt; white-space:nowrap; color:#000;}
.whatudnav { background: #e1deb3;}

.leftnavcontentarea { margin: 0; padding: 0; background:#fff url(curvybackground2color.gif) left top repeat-y ; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 10px solid #666699;}
#content { vertical-align: top; font-size: 95%; padding: 12px 10px 0 0; margin: 0 10px 0 88px; border:none; background: #fff; color: #000;} 
#content a {color: #020cb2;}
#content a:hover {color:#000; background:#ffcc33;}
#contentlist, .listonerow, .pagenavlist { display: inline; list-style-type: square;}
#contentlist li, .listonerow li, .pagenavlist li {padding: 2pt 7pt; display: inline; font-size: 105%; color: #000; list-style-type: square;}

#homepage h2 { text-align: center; font-variant: small-caps; font-size: 100%; }
#homepage p { border-left: 3px dotted #cd1017; font-family: geneva,arial,helvetica,sans-serif; text-align: left; margin-top: 0.5em; margin-left: 0pt; padding-left: 5px; }
#homepage p strong a {color: #cd1017;}
#homepage ul { margin: 0; padding: 0 10px 2px 18px; text-align: left; font-weight: normal; vertical-align: top;}
#homepage li {padding: 3px 0;}
#homepage li p {font-size: 95%; margin: 0; padding: 0; border: none;}
#homepage li a {text-decoration: none; border-bottom: 1px dotted #aaa;}

#awardbox { border: 3px solid #cd1017; margin: 10px 5px 10px 15px; padding: 0pt 5px; background: #fff url(blueribbon4.gif) top right no-repeat;}
#awardbox h2 {border-bottom: none;}
#awardbox h3 {padding-bottom: 0; margin-bottom: 0;}
#awardbox p {border: none; padding-top: 0; margin-top: 0;}
#awardbox span {font-weight: bold; color: #003399;}
#awardbox span.more {font-weight: normal; color: #000; font-size: 85%; margin-left: 12px;}

.flashslideshow { border: 3pt solid #cd1017; margin: 5px 10px 20px 15px; padding: 5px; background: #000; text-align: left; }

.picturebox { float: right; width:250px; height:200px; margin:.1em; }
.picturebox img { border: 4pt double #bbb;}
.picturebox p { font-size: 60%; margin: 0 0 0 0.5em; padding-left: 0.5em; padding-bottom: 0.5em; line-height: normal; border-left: 1pt solid #bbb; border-bottom: 1pt solid #bbb;}

.notebox { background: #ffffcc; padding: 5px 5px 5px 30px; margin: 5px;}

.infobox { border: 1px solid #cd1017; background: #f1f1f1; line-height: 1.5; text-align: center; }

/*Div creates two columns, side-by-side content, i.e. used on home page to display portals*/
.columntworow { margin: 0px 10px;}
.columntwoA { float: left; width: 46%;}
.columntwoB { float: right; width: 46%;}

.topofpage {width: 95%; padding: 10px 0 10px 0; font-size: 65%; text-align:right;}
#sitefooter {clear: left; text-align: center; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; background: #f1f1f1; padding: 5pt 0 5pt 0; margin: 0; font-size: 80%; color:#000;}
#sitefooter h2 { font-size:110%; margin: 0; padding: 0; border: none; background: #f1f1f1;}
#sitefooter p {margin:0; padding:0;} 
.copyright {text-align: center; font-size: 75%; color: #000; font-weight: normal;}

/*creates visual outline by further indenting subsequent sections per heading order*/
.section .section { margin: 1em 10px; padding-left: 10px; }

/*Div used to clear previous float properties, especially for multiple/consecutive columns*/
.cleardiv { clear: both; }

/*Misc. classes*/
.blue {color: #020cb2;}