html, body {
margin : 0px;
padding : 0px;
background-color : #ADC4D9;
color : #666;
background-repeat : repeat-y;
background-position : left top;
font-family: Verdana, sans-serif;
}
#btn-interdigital {
background:url(../images/btn-interdigital.jpg) no-repeat;
width:230px;
height:146px;
margin:0;
padding:0;
}
#btn-interdigital span {display:none;}
#btn-interdigital a {display: block; width:230px; height:146px; padding:0; margin:0;}
#btn-interdigital a:hover {background:url(../images/btn-interdigital.jpg) -0px -146px no-repeat;}
#btn-csro {
background:url(../images/btn-csro.jpg) no-repeat;
width:474px;
height:90px;
margin:0;
padding:0;
}
#btn-csro span {display:none;}
#btn-csro a {display: block; width:474px; height:90px; padding:0; margin:0;}
#btn-csro a:hover {background:url(../images/btn-csro.jpg) -0px -90px no-repeat;}
#btn-summerscholars {
background:url(../images/btn-summer-scholars.jpg) no-repeat;
width:474px;
height:90px;
margin:2px 0 0 0;
padding:0;
}
#btn-summerscholars span {display:none;}
#btn-summerscholars a {display: block; width:474px; height:90px; padding:0; margin:0;}
#btn-summerscholars a:hover {background:url(../images/btn-summer-scholars.jpg) -0px -90px no-repeat;}
#btn-surfit {
background:url(../images/btn-surfit.jpg) no-repeat;
width:474px;
height:90px;
margin:2px 0 0 0;
padding:0;
}
#btn-surfit span {display:none;}
#btn-surfit a {display: block; width:474px; height:90px; padding:0; margin:0;}
#btn-surfit a:hover {background:url(../images/btn-surfit.jpg) -0px -90px no-repeat;}
#twitter-container {width:58px; height:60px; float:left;margin:0 0 0 20px;}
#btn-twitter1 {
background:url(../images/btn-twitter1.jpg) no-repeat;
width:58px;
height:33px;
margin:0;
float:left;
padding:0;
}
#btn-twitter1 span {display:none;}
#btn-twitter1 a {display: block; width:58px; height:33px; padding:0; margin:0;}
#btn-twitter1 a:hover {background:url(../images/btn-twitter1.jpg) -0px -33px no-repeat;}
#btn-twitter-ucsd {
background:url(../images/btn-twitter-ucsd.jpg) no-repeat;
width:35px;
height:20px;
float:left;
margin:0;
padding:0;
}
#btn-twitter-ucsd span {display:none;}
#btn-twitter-ucsd a {display: block; width:35px; height:20px; padding:0; margin:0;}
#btn-twitter-ucsd a:hover {background:url(../images/btn-twitter-ucsd.jpg) -0px -20px no-repeat;}
#btn-twitter-uci {
background:url(../images/btn-twitter-uci.jpg) no-repeat;
width:23px;
height:20px;
margin:0;
float:left;
padding:0;
}
#btn-twitter-uci span {display:none;}
#btn-twitter-uci a {display: block; width:23px; height:20px; padding:0; margin:0;}
#btn-twitter-uci a:hover {background:url(../images/btn-twitter-uci.jpg) -0px -20px no-repeat;}
#btn-facebook {
background:url(../images/btn-facebook.jpg) no-repeat;
width:33px;
height:33px;
padding:0;
float:left;
margin:0 0 0 20px;
}
#btn-facebook span {display:none;}
#btn-facebook a {display: block; width:33px; height:33px; padding:0; margin:0;}
#btn-facebook a:hover {background:url(../images/btn-facebook.jpg) -0px -33px no-repeat;}
#btn-flickr {
background:url(../images/btn-flickr.jpg) no-repeat;
width:33px;
height:33px;
float:left;
padding:0;
margin:0 0 0 32px; }
#btn-flickr span {display:none;}
#btn-flickr a {display: block; width:33px; height:33px; padding:0; margin:0;}
#btn-flickr a:hover {background:url(../images/btn-flickr.jpg) -0px -33px no-repeat;}
#container_BIG
{
position: absolute;
background: url(/images/graphics/shadowblue2.gif) repeat-y;
width: 780px;
padding-left: 1px;
margin-left: 3px;
margin-top: 2px;
}
#container
{
position: absoloute;
color : #6284B2;
background: #FFFFFF;
width: 770px;
/*border: 1px solid #AFC6DD;*/
}
#container2_shadow {
position: relative;
padding-left: 0px;
width: 770px;
/*border: 1px solid #AFC6DD;*/
background: #fff;
}
#header
{
margin-bottom : 0px;
padding : 0px;
background-color : #6284B2;
width: 770px;
}
#nav
{
margin-top: 0px;
margin-bottom : 15px;
padding : 0px;
background-color : #6284B2;
width: 770px;
}
/* ====================================================================
TEXT
-------------------------------------------------------------------- */
.date{
font-size: 8pt;
font-family: Arial, Verdana, sans-serif;
color: #777;
}
.text{
font-size: 9pt;
line-height: 11pt;
font-family: Arial, Verdana, sans-serif;
color: #333;
}
.login {
margin-right: 10px;
}
.title{
font-size: 10pt;
line-height: 11pt;
font-family: Arial, Verdana, sans-serif;
color: #333;
font-weight: bold;
}
.text h1{
font-family: Arial, Helevetica, Verdana, sans-serif;
font-size: 12pt;
line-height: 15pt;
font-weight: bold;
color: #436CA8;
}
.text h2{
font-family: Arial, Helevetica, Verdana, sans-serif;
font-size: 10pt;
line-height: 12pt;
font-weight: bold;
color: #333333;
}
.text h3{
font-family: Arial, Helevetica, Verdana, sans-serif;
font-size: 12pt;
line-height: 15pt;
font-weight: bold;
color: #436CA8;
}
.text a:link{
color: #6699cc;
text-decoration: none;
}
.text a:visited{
color: #6699cc;
text-decoration: none;
}
.text a:hover{
color: #436CA8;
text-decoration: underline;
}
/* ====================================================================
COLUMNS
-------------------------------------------------------------------- */
/* -21px is for who? Netscape 4, I would guess - er yes */
#columns
{
margin : 0px;
margin-top : -21px;
padding : 10px;
color : #666666;
background-color : #ffffff;
width: 760px;
padding: 0px;
}
/* NB - OmniWeb displays the 1px space as looking somewhat thicker, but set it to 0px and there is no space */
/* IE5 gets the spacing all wrong: -18px puts it right. Then use the tantek-family hack to make everything right again */
/*/*/
#columns
{
margin-top : -18px;
font-family : "\"}\"";
font-family : inherit;
margin-top : 1px;
}
/* */
/* empty required to get IE5 vback on track */
#empty{}
#centercolumn2
{
margin : 0px;
padding : 0px;
color : #666666;
background-color : #ffffff;
z-index : 4;
}
#centercolumn2
{
margin-right : 0px;
margin-top : -1px;
margin-bottom : 0px;
margin-left : -25px;
}
/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary [sigh]) and then zap
empty because otherwise IE5 goes rampaging on */
/*/*/
#centercolumn2
{
margin-right : 25px;
margin-left : 15px;
margin-top : 10px;
font-family : "\"}\"";
font-family : inherit;
margin-top : 0px;
}
#empty{}
/* */
/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya
see http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.centercolumn2
{
margin-right : 1px;
margin-left : 1px;
}
/* this bit resets for IE */
* html .centercolumn2
{
margin-right : 25px;
margin-left : 15px;
}
/* End of OmniWeb shenanigans */
/*
make sure that the hack widths equals the value of .centercolumn's margin-right
the initial width is for NN4 - experiment and set to what seems best
*/
#rightcolumn
{
position : absolute;
/*width : 230px;*/
margin-left : 0px;
margin-right : 20px;
padding : 0px;
color : #666666;
background-color : #fff;
}
/*
For NN4, -25px is the margin-left setting to make the centercolumn column but up against the left column. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left column.
margin-right is set to the value of the overriding values for .rightcolumn's width.
A margin can be created between these two columns either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
/* ====================================================================
BOXES
-------------------------------------------------------------------- */
div#searchbox {
width:200px;
position: absolute;
/*margin: 0px 0px 10px 0px;*/
/*padding: 4px 2px 1px 0px;*/
background: #FFF;
/*border: 1px solid #DCE6F2;*/
left: 520px;
top: 16px;
}
/*#search input {
border: 1px solid #666;
font-size: 12px;
padding: 2px;
width: 150px;
}*/
.t-s{
/* this margin setting effects the actual search box placement */
/*margin: 0px 0px 2px 0px;
padding: 0px;*/
font-family: Verdana, Geneva, Arial, sans-serif;
color: #666;
font-size: 11px;
width: 85%;
height: 22px;
border: 1px solid #8ca4bd;
background-color: #FFF;
}
/* Hide from IE-Mac \*/
.topsformsubmit{
margin: 3px 0px -10px 0px;
padding:0px 0px 0px 3px;
/*background: url("../images/graphics/white.gif") no-repeat;*/
width: 17px;
height: 17px;
}
/* End hide */
.bluebar {
width: 470px;
height: 18px;
background: url(../images/graphics/highlight_recentnews.png) no-repeat #3363A3;
}
.bluebar h1{
/*background: url(../images/graphics/recent_tab.gif) no-repeat top right;*/
padding-left: 10px;
padding-top: 2px;
font: bold 8pt Arial, Verdana, sans-serif;
color: #FFF;
text-align:left;
color: #EEE;
height: 18px;
margin:0px;
}
div#box {
width: 470px;
min-height: 200px;
margin: 0px 0px 15px 0px;
padding: 5px 0px 5px 0px;
background: #FAFBFD;
border: 1px solid #DCE6F2;
}
#highlight_title {
margin-top: 15px;
width: 471px;
height: 18px;
background: url(../images/graphics/highlight.png) no-repeat #000066;
}
div#highlight {
width: 470px;
min-height: 200px;
margin: 0px 0px 15px 0px;
padding: 5px 0px 0px 0px;
background: #FFF;
border: 1px solid #D5DCED;
top: 0px;
}
/*.box {
color: #000;
font: 8pt Verdana, sans-serif;
margin: 10px 0px 10px 5px;
border: 1px solid #cccccc;
}*/
#content_left {
float: left;
width: 200px;
padding: 10px;
}
#content_right {
width: 240px;
margin-left: 210px;
padding: 10px;
valign: top;
}
.recentnews_left {
float: left;
width: 100px;
padding-top: 0px;
padding-left: 10px;
}
.recentnews_right {
width: 335px;
padding-top: 0px;
padding-left: 5px;
margin-left: 115px;
valign: top;
}
#scroll {
position: absolute;
top: 327px;
left: 510px;
height: 320px;
width: 230px;
padding: 10px 5px 5px 5px 5px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
background: #FAFBFD;
border: 1px solid #DCE6F2;
overflow: auto;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#events {
position: absolute;
top: 305px;
left: 510px;
width: 230px;
height: 19px;
background: url(../images/graphics/highlight_upcoming.png) no-repeat;
margin: 0px 10px 10px 0px;
padding-left: 10px;
padding-top: 2px;
font: bold 8pt Arial, Verdana, sans-serif;
color: #FFF;
}
#calit2life {
position: absolute;
top: 60px;
left: 505px;
width: 222px;
height: 50px;
margin: 0px 10px 10px 0px;
padding-left: 10px;
padding-top: 2px;
font: bold 8pt Arial, Verdana, sans-serif;
color: #FFF;
}
div#partners {
position: absolute;
align: center;
width: 217;
margin-top: 20px;
margin-left: 20px;
left: 530px;
top: 650px;
}
div#spotlight1 {
position: absolute;
align: center;
width: 230;
margin-top: 20px;
margin-left: 15px;
left: 510px;
top: 500px;
}
div#spotlight2 {
position: absolute;
align: center;
width: 175;
margin-top: 20px;
margin-left: 20px;
left: 525px;
top: 675px;
}
.eventstext {
padding-left: 4px;
padding-top: 2px;
}
.summary {
width: 195px;
border: 1px solid #cccccc;
border-width: thin;
padding: 0.5em 0.5em 0.5em 0.5em;
background: #FFFFFF;
margin-top: 5px;
margin-bottom: 2px;
margin-left: 1px;
}
/*p#summary {
padding: 0.5em 0.5em 0.5em 0.5em;
margin-bottom: 2px;
margin-top: 10px;
margin-left: 5px;
}*/
.newreleases {
font: 11px Arial, Helvetica, sans-serif;
text-align: left;
color: #23456F;
}
.eventsheadline {
color: #23456F;
font: bolder 11px Arial, Helvetica, sans-serif;
text-align: left;
}
.eventsheadline a:link {
color: #23456F;
text-decoration: none;
}
.eventsheadline a:hover {
color: #DE5A08;
text-decoration: none;
}
.eventsheadline a:visited {
color: #23456F;
text-decoration: none;
}
/* ====================================================================
FOOTER LAYOUT
-------------------------------------------------------------------- */
#footer
{
clear : both;
margin-top: -11px;
padding-top: 75px;
width : 100%;
color : #666666;
background-color : #ffffff;
}
#footer
{
/*/*/
margin-top : 0px;
/* */
}
.footer p
{
padding: 5px 5px 35px 5px;
background:#FFF;
font: 7pt Verdana, Arial, Helvetica, sans-serif;
color: #666;
text-align: left;
}
.footer a:link{
font-size: 7pt;
font-family: Verdana, sans-serif;
color: #467CB2;
text-decoration: none;
}
.footer a:visited{
font-size: 7pt;
font-family: Verdana, sans-serif;
color: #233D6E;
text-decoration: none;
}
.footer a:hover{
font-size: 7pt;
font-family: Verdana, sans-serif;
color: #233D6E;
text-decoration: underline;
}
#footerbar
{
/*clear: both;*/
border: none;
height: 20px;
background-color:#6284B2;
/*height: 13pt;*/
color: #FFF;
text-align: left;
font: 7pt Verdana, Arial, Helvetica, sans-serif;
padding-top:5px;
}
.contacft{
padding-left:160px;
}
.contacft a:link{
color: #ffffff;
text-decoration: none;
}
.contactf a:visited{
color: #233D6E;
text-decoration: none;
}
.contactf a:hover{
color: #CCCCCC;
text-decoration: none;
}
/* ====================================================================
Footerstyle is used to style the elements underneat the Footerbar,
which is essentially a duplicate of the navbar's links
-------------------------------------------------------------------- */
.footerstyle p
{
padding: 5px 5px 35px 5px;
background:#FFF;
font: 7pt Verdana, Arial, Helvetica, sans-serif;
color: #666;
text-align: left;
}
.footerstyle a:link{
font-size: 7pt;
font-family: Verdana, sans-serif;
color: #467CB2;
text-decoration: none;
}
.footerstyle a:visited{
font-size: 7pt;
font-family: Verdana, sans-serif;
color: #233D6E;
text-decoration: none;
}
.footerstyle a:hover{
font-size: 7pt;
font-family: Verdana, sans-serif;
color: #233D6E;
text-decoration: underline;
}
#column_padding_after {
background-color: #fff;
}
.ucsduci {
font-weight: bold;
padding: 5px 5px 5px 5px;
}
.clear { clear : both; font-size: 1px; line-height: 0px; }
.headerpadding, .leftpadding, .centerpadding, .rightpadding
{
margin : 0px;
padding : 0px;
}
/* following styles have nothing to do with the structural layout */
h1, h2
{
margin-top : 0px;
}
p
{
margin-bottom : 0px;
}
/* ====================================================================
FOOTER LAYOUT END
-------------------------------------------------------------------- */
/* ====================================================================
Banner Slider STARTS
-------------------------------------------------------------------- */
#SLIDE_container{
margin:0 auto;
position:relative;
text-align:left;
width:230px;
background:#fff;
margin-bottom:2em;
}
#SLIDE_content{
position:relative;
width:230px;
}
/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:230px;
height:282px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
z-index:1000;
}
#nextBtn, #slider1next{
left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(../images/btn_next.gif) no-repeat 0 0;
}
/* numeric controls */
ol#controls{
margin:1em 0;
padding:0;
height:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:10px;
line-height:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
ol#controls li a{
float:left;
height:10px;
line-height:10px;
border:1px solid #dce6f2;
background:#fafbfd;
color:#555;
padding:0 10px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
ol#controls li.current a{
background:#6284b2;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
#window {
background-image:url(../images/graphics/slider_bg.png);
background-repeat:repeat-x;
width:223px;
height:275px;
margin:2px;
padding:1px;
border: 1px solid #dce6f2;
font-size:11px;
color:#FFFFFF;
}