/*  Master CSS  */

/* Universal styles */

html, body { 
font: normal 12px verdana ; 
color: #000 ; 
line-height: 16px ; 
text-align: left ; 
background-color: #e8f0f7 ; 
padding: 0px; 
margin: 0px;
}

p, td { 
font: normal 12px verdana ; 
margin: 16px 16px 0px 16px ; 
color: #000 ; 
line-height: 18px ; 
text-align: left;
}

p a, p a:visited { 
display: inline ; 
font: normal 12px verdana ; 
color: #15587e ; 
text-decoration: underline ; 
margin: 0px 0px 0px 0px ;
}

p a:hover { 
color: #07346a ; 
text-decoration: underline ;
}

h2 { 
font: normal 24px georgia ; 
color: #2e0166 ; 
letter-spacing: -1px ; 
margin: 16px 0px 0px 16px ;
}

a, a:visited { 
display: inline ; 
font: normal 11px verdana ; 
color: #15587e ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ;
}

a:hover { 
color: #07346a ; 
text-decoration: underline ;
}

a.small, a.small:visited { 
display: inline ; 
font: normal 10px verdana ; 
color: #15587e ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ;
}

a.small:hover { 
color: #07346a ; 
text-decoration: underline ;
}

a.bullet, a.bullet:visited { 
display: inline ; 
background: url(/es_media/bullet.gif) no-repeat 0px 3px ; 
padding: 0px 0px 0px 14px ; 
font: normal 11px verdana ; 
color: #15587e ; 
line-height: 18px ;
}

a.bullet:hover { 
color: #07346a ; 
text-decoration: underline ;
}

/* Structural Elements */

#top { 
position:relative ; 
width: 100% ; 
height: 167px ; 
z-index:0 ; 
text-align: center ; 
background: #fff url(/es_media/bg-top.gif) repeat-x ; 
clear: both ;
}

#middle { 
position:relative ; 
width: 100% ; 
z-index:0 ; 
text-align: center ; 
background: #e8f0f7 url(/es_media/bg-body-top.gif) repeat-x top ; 
clear: both ;
}

#bottom { 
position:relative ; 
width: 100% ; 
height: 28px ; 
z-index:0 ; 
text-align: center ; 
background: #e8f0f7 url(/es_media/bg-bottom.gif) repeat-x top left ; 
clear: both ;
}

.container { 
position:relative ; 
width: 980px ; 
margin: auto ; 
z-index:0 ; 
text-align: left ;
}

#body-left { 
float: left ;
display: inline; 
width: 221px; 
padding: 12px 0px 0px 0px ;
}

#body-center { 
float: left ;
display: inline; 
width: 535px; 
padding: 16px 0px 0px 0px;
}

#body-wide { 
float: right;
display: inline;
width: 758px; 
}

#body-right { 
float: right ;
display: inline; 
width: 202px; 
padding: 12px 0px 0px 0px ; 
}

#clear { 
clear: both ; 
height: 40px ; 
background: #e8f0f7 url(/es_media/bg-body-bottom.gif) repeat-x top left ;
}

/* Unique elements */

#logo { 
position: absolute ; 
top: 69px ; 
left: 20px ; 
width:340px ; 
height: 36px ; 
background: url(/es_media/logo.gif) no-repeat top ; 
margin: 0px 0px 0px 0px ;
}

#logo-ubh { 
position: absolute ; 
top: 68px ; 
left: 790px ; 
width:170px ; 
height: 48px ; 
background: url(/es_media/logo-ubh.gif) no-repeat top ; 
margin: 0px 0px 0px 0px ;
}

#tagline { 
position: absolute ; 
top: 105px ; 
left: 20px ; 
font-size: 11px ;
color: #330066 ;
}

#navbar { 
position: absolute ; 
top: 135px ; 
left: 0px ; 
width:980px ; 
height: 32px ; 
background: url(/es_media/navbar.gif) no-repeat top ; 
margin: 0px 0px 0px 0px ;
}

#navbar-content { 
position: absolute ; 
padding: 9px 0px 0px 0px ; 
left: 185px ; 
font: bold 11px verdana ; 
color: #fff ;
}

#navbar-yellow { 
width: 980px ; 
height: 5px ; 
background: url(/es_media/navbar-yellow.gif) no-repeat top ; 
margin: 0px 0px 0px 0px ;
}

#copyright { 
float: left ; 
padding: 5px 0px 0px 20px ; 
color: #000 ; 
font-size: 11px ;
height: 20px ;
}

#nav-bottom { 
float: right ; 
padding: 5px 20px 0px 0px ; 
color: #000 ; 
height: 20px ;
}

#nav-top { 
padding: 7px 0px 0px 20px ; 
height: 20px ;
}

#nav-top a, #nav-bottom a, #nav-top a:visited, #nav-bottom a:visited { 
display: inline ; 
font: normal 11px verdana ; 
color: #441c76 ; 
text-decoration: none ; 
margin: 0px 0px 0px 0px ; 
}

#nav-top a:hover, #nav-bottom a:hover { 
color: #441c76 ; 
text-decoration: underline ;
}

#login-home { 
position: relative ; 
width: 202px ; 
height: 75px ; 
background: #e8f0f8 url(/es_media/login-bg.gif) no-repeat top left; 
margin: 0px 0px 5px 0px ;
}

#login { 
position: relative ; 
width: 202px ; 
height: 174px ; 
background: #e8f0f8 url(/es_media/login-bg-tall.gif) no-repeat top left; 
margin: 0px 0px 5px 0px ;
}

#login h1, #login-home h1 { 
font: bold 11px verdana ; 
color: #fff ; 
padding: 14px 0px 0px 16px ;
}

#login div, #login-home div { 
position: absolute; 
left: 16px; 
top: 40px ; 
width:170px ; 
overflow: hidden ;
}

#login div.link { 
position: absolute; 
left: 16px; 
top: 137px ; 
width:170px ; 
}

#login a.small, #login a.small:visited { 
color: #8ba9bd ; 
}

#login a.small:hover { 
color: #8ba9bd ; 
}

/* Classes */

.login-button {
width: 30px; 
height: 19px ; 
border: 0px ; 
vertical-align:top ; 
margin: 0px; 
}

.separate { 
background: url(/es_media/line-vert.gif) no-repeat ; 
height: 12px ; 
width: 31px ; 
vertical-align: text-top ; 
clear: none ;
}

.calap { 
background: url(/mc/es_media/line-vert.gif) no-repeat ; 
height: 12px ; 
width: 15px ; 
vertical-align: text-top ; 
clear: none ;
}

.box { 
width: 202px ; 
background: #e8f0f8 url(/es_media/sidebar-bg.jpg) no-repeat top left ; 
margin-bottom: 20px ; 
}

.box h1 { 
font: bold 11px verdana ; 
color: #2e0166 ; 
padding: 14px 0px 0px 16px ;
}

.box div.padding {
padding: 16px 16px 0px 16px;
font-size: 11px ;
}

.bubble { 
width: 202px ;
height: 36px ; 
background: #e8f0f8 url(/es_media/bubble-bg.gif) no-repeat top left ; 
margin-bottom: 20px ; 
}

.bubble div { 
padding: 9px 16px 0px 16px ;
}

.title { 
position: relative ; 
left: 15px ; 
top: 135px ; 
font: normal 28px georgia ; 
color: #2e0166 ; 
letter-spacing: -2px ;
}

.quote { 
font: italic 11px verdana ; 
margin: 16px 16px 0px 16px ; 
color: #000 ; 
line-height: 16px ;
}

.quote img { 
border: 1px solid #97bed3 ; 
margin: 5px 10px 0px 0px ; 
float: left ;
}

.textbox { 
height: 16px;
width:120px; 
border: 0px ; 
background-color: #fff ; 
padding: 3px 3px 0px 3px;
color: #666;
font: normal 10px verdana ;
}

.purple { 
display: block ; 
margin-top: 20px ; 
border-bottom: 2px solid #cbcae0 ; 
border-top: 2px solid #cbcae0 ; 
background-color: #dee3ef;
}

.purple-fade { 
display: block ; 
margin-top: 20px ; 
border-top: 2px solid #cbcae0 ; 
background: url(/es_media/purple-fade.gif) repeat-x top left;
}

.purple-fade div.clear, .purple div.clear { 
clear: both ; 
height: 10px ; 
}

.purple-fade img.left { 
float: left ;
padding: 0px 17px 0px 0px ; 
}

.purple-fade img.right { 
float: right ;
padding: 0px 0px 0px 17px ; 
}


/* Lists */

ul { 
margin: 16px 16px 0px 16px ; 
padding: 0px;
list-style-type: none ;
}

ul.nopad { 
margin: 0px 16px 0px 16px ; 
padding: 0px;
list-style-type: none ;
}

ul.quote { 
margin: 16px 16px 0px 0px ;
padding: 0px; 
list-style-type: none ;
}

ul.indent { 
margin: 16px 16px 0px 32px ; 
padding: 0px;
list-style-type: none ;
}

li { 
background: url(/es_media/bullet.gif) no-repeat 0px 2px ; 
padding: 0px 0px 12px 14px ;
font: normal 11px verdana ; 
color: #000 ; 
line-height: 12px ;
}

li.nopad { 
background: url(/es_media/bullet.gif) no-repeat 0px 4px ; 
padding: 0px 0px 0px 14px ;
font: normal 11px verdana ; 
color: #000 ; 
line-height: 16px ;
}

li.quote { 
background: url(/es_media/dash.gif) no-repeat 0px 5px ; 
padding: 0px 0px 0px 10px ;
font: normal 10px verdana;  
color: #000 ; 
line-height: 12px ;
}

li.blank { 
background: url(/es_media/bullet-blank.gif) no-repeat 0px 6px ; 
padding: 0px 0px 0px 14px ;
font: normal 12px verdana ; 
color: #000 ; 
line-height: 18px ;
}

li.blank a, li.blank a:visited { 
display: inline ; 
font: normal 12px verdana ; 
color: #15587e ; 
text-decoration: underline ; 
margin: 0px 0px 0px 0px ;
}

li.blank a:hover { 
color: #07346a ; 
text-decoration: underline ;
}

li.blank-padding { 
background: url(/es_media/bullet-blank.gif) no-repeat 0px 6px ; 
padding: 0px 0px 18px 14px ;
font: normal 12px verdana ; 
color: #000 ; 
line-height: 18px ;
}

li.blank-padding a, li.blank-padding a:visited { 
display: inline ; 
font: normal 12px verdana ; 
color: #15587e ; 
text-decoration: underline ; 
margin: 0px 0px 0px 0px ;
}

li.blank-padding a:hover { 
color: #07346a ; 
text-decoration: underline ;
}

a.alert:link, a.alert:hover, a.alert:visited
{ 
	font: bold 11px verdana ; 
	color: #fff ;
}