/* accessibility */
.access{
    width:0;
    height:0;
    position:absolute;
    overflow:hidden;
}
/* layout/structure styles */
.col{
    float:left;
    margin-right:15px;
}
.col-lrg{
    width:415px;
}
.col-sml{
    width:240px;
}
.col.last{
    margin-right:0 !important;
    padding-right:15px;
}
.col div{
    margin-bottom:25px;
}
.group:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.no-bg{
    background:none !important;
}
ul.inline li{
    float:left;
}
li.last{
    border:0 !important;
}
.col.no-header{
    padding-top:90px;
}
.flash-content { 
display:none; /* javascript overrides this if enabled */
}
#container{
    background:#ffffff;
    width:955px;
    margin:0 auto;
}
#content{
    margin:0 0 0 -80px;
    padding:0 0 0 80px;
    background:url(../images/ui/grey_light_bg_level_2.png) left 785px no-repeat;
}
#main{
    background:url(../images/ui/yellow_light_bg.png) right 7px no-repeat scroll;
    padding:25px 44px 0 15px;
    margin-right:-44px;
    width:940px;
}
#col-3{
    background:url(../images/ui/level2_col3_bg.png) right 380px no-repeat;
}
#col-2 h2{
    color:#f9bd34;
}
/* common element styles */
body{
    background:url(../images/ui/body_gradient_bg.png) top left repeat-x #e1ded9;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    line-height:1.2em;
}
body, a{
    color:#696763;
}
h2, h3, h4, h5{
    font-weight:bold;
    margin-bottom:25px;
}
h3, h4, h5{
    line-height:1.3em;
    background-position:0px 0.3em;
    background-repeat:no-repeat;
    width:65%;
}
h4, h5{
    padding-left:10px;
}
h2{
    font-size:2em;
    height:60px;
    padding-left:23px;
    margin-top:-5px;
    margin-bottom:35px;
    line-height:1.2em !important;
}
h2, h2 a{
    color:#e3800b;
}
h3{
    font-size:1.3em;
    min-height:29px;
    padding-left:15px;
}
h4, #secondary-nav{
    font-size:1.1em;
}


p, ul, ol, dl{
    margin-bottom:16px;
}

ul ul,
ul ol,
ol ul{
    margin: 2px 0 0;
}

strong{
    font-weight: bold;
}

em{
    font-style: italic;
}

li{
    background:url(../images/ui/ul_arrow.gif) no-repeat scroll left 0.5em transparent;
    padding:0 0 0 13px;
/*    margin: 2px 0 2px;*/
}
#home a:hover, #search-pagination a, h2 a:hover, li a:hover, a{
    text-decoration:underline;
}
#home a, 
#search-pagination a:hover, 
h2 a, 
.nav a, 
a:hover{
    text-decoration:none;
}
form p{
    margin:0;
}
/* header */
#header{
    background:url(../images/ui/header_bg.png) right top no-repeat;
    position:relative;
    width:945px;
    margin-right:-80px;
    padding-right:90px;
    height:102px;
}
#header #mast-head a{
    display:block;
    background:url(../images/ui/logo_new.png) top left no-repeat;
    width:219px;
    height:0px;
    overflow:hidden;
    padding-top:92px;
}
#header #search-box{
    position:absolute;
    top:15px;
    right:90px;
}
/* search box */
#search-btn{
    background:url(../images/ui/search_arrow.gif) left top no-repeat #696762;
    display:block;
    float:left;
    padding-top:25px;
    width:24px;
    height:0;
    overflow:hidden;
}
#search-txt{
    background-color:#e9e7db;
    display:block;
    float:left;
    border:0;
    margin:0 1px 0 0;
    padding:4px 8px;
    width:222px;
    height:17px;
    line-height:17px;
}
/* navigation */
#primary-nav{
    position:relative;
    border-bottom:#b5dced solid 1px;
    margin-right:15px;
    padding-left:15px;
    height:32px;
}
#primary-nav li{
    background:none;
    padding:0;
}
#primary-nav-a li a{
    float:left;
    margin-right:12px;
    border-top:4px solid;
    padding-top:18px;
    height:0px;
    background-position:0px 8px;
    border-color:#FFFFFF;
    overflow:hidden;
    background-repeat:no-repeat;
}
#primary-nav-a li a:hover{
    background-position:0px -10px;
}
#primary-nav-a li.selected a{
    background-position:1px -10px;
    border-color:#31b1e8;
}
#nav-admissions a{
    background-image:url(../images/ui/nav_admissions.png);
    width:72px;
}
#nav-freshman a{
    background-image:url(../images/ui/nav_freshman.png);
    width:62px;
}
#nav-transfer a{
    background-image:url(../images/ui/nav_transfer.png);
    width:57px;
}
#nav-international a{
    background-image:url(../images/ui/nav_international.png);
    width:92px;
}
#nav-how-to-apply a{
    background-image:url(../images/ui/nav_apply.png);
    width:84px;
}
#nav-campuses a{
    background-image:url(../images/ui/nav_campuses.png);
    width:60px;
}
#nav-paying-for-uc a{
    background-image:url(../images/ui/nav_paying.png);
    width:86px;
}
#primary-nav-b{
    position:absolute;
    right:0px;
}
#primary-nav-b li a{
    float:left;
    margin-right:10px;
    margin-top:12px;
    padding-top:10px;
    height:0px;
    overflow:hidden;
    background-position:top left;
    background-repeat:no-repeat;
}
#primary-nav-b li a:hover, #primary-nav-b li.selected a{
    background-position:0px -10px;
}
#nav-parents-and-families a{
    background-image:url(../images/ui/nav_parents.png);
    width:95px;
}
#nav-counselors a{
    background-image:url(../images/ui/nav_counselors.png);
    width:58px;
    margin-right:0px !important;
}
#secondary-nav a{
    display:inline-block;
    padding:11px 0 11px 16px;
    color:#615e5a;
}
#secondary-nav li{
    border-top:solid 1px #e3e1de;
    background:none;
    padding: 0;
    margin: 0;
}
#secondary-nav ul{
    border-left:solid 7px #b5dced;
    margin:0;
}
#secondary-nav ul a{
    background-position:8px center !important;
    padding-left:24px;
}
#secondary-nav ul ul{
    margin-left:1px;
}
#secondary-nav a.expanded, #secondary-nav li.selected a{
    font-weight:bold;
}
#secondary-nav a.expanded{
    background:url(../images/ui/secondary_nav_arrow.gif) left center no-repeat;
}
#secondary-nav li.selected a{
    background:url(../images/ui/secondary_nav_arrow_selected.gif) left center no-repeat;
    color:#e3800b;
}
#secondary-nav li.selected{
    background:#f1efee;
}
/* common col-3 */
#buttons a img{
    display:block;
    margin-bottom:1px;
}
#buttons li{
    display:inline;
    background:none;
    padding:0;
}
/* home page */
#home #content{
    background:url(../images/ui/grey_light_bg_level_1.png) left 315px no-repeat;
}
#home #main{
    background:url(../images/ui/grey_light_bg_level_1.png) top 15px right no-repeat; 
    margin:-15px -44px 0 0;
    padding:40px 0 0 30px;
    width:auto;
}
#home .col{
    margin-right:40px;
}
#home .col-lrg{
    width:350px;
}
#home #col-3{
    background:none;
    padding-top:0;
}
#feature{
    background:url(../images/ui/yellow_light_bg.png) right 7px no-repeat;
    width:940px;
    padding-right:59px;
    margin-right:-44px;
    height:545px;
}
#feature .missing-resource{
    padding:25px;
    width:35%;
}
#announcements h3, #get-started h3, #top-links h3{
    background-position:10px 0;
    background-repeat:no-repeat;
    border-left:5px solid;
    padding:29px 0 0 10px;
    height:0;
    min-height:0;
    overflow:hidden;
    width:auto;
}
#announcements h3{
    background-image:url(../images/ui/title_announcements.png);
    border-color:#eaa048;
}
#announcements h5{
    width:80%;
    margin-bottom:0;
    line-height:1.2em;
    background:none;
    padding:0;
}
#get-started h3{
    background:url(../images/ui/title_get_started.png) top left;
    border:0;
    padding-top:35px;
    margin-bottom:1px;
}
#get-started ul{
    background:url(../images/ui/get_started_bg.png) bottom right no-repeat #a2a19f;
    padding:12px 0 12px 0;
    height:212px;
}
#get-started li{
    display:inline;
    background:none;
    padding:0;
}
#get-started li a{
    display:block;
    color:#ffffff;
    background:url(../images/ui/list_arrow01.png) 0px 1px no-repeat;
    margin:0 79px 6px 21px;
    padding:0 70px 5px 25px;
    border-bottom:solid 1px #d3d1ce;
}
#get-started li.last a{
    border:0;
}
#top-links h3{
    background-image:url(../images/ui/title_top_links.png);
    border-color:#ffcc33;
    margin-bottom:7px;
}
#top-links ul{
    background:url(../images/ui/top_links_bg.png) top left repeat;
}
#top-links li{
    border-bottom:solid 1px #ffffff;
    background:none;
    padding:0;
}
#top-links a{
    display:block;
    background:#b5dced;
    padding:5px 5% 5px 5%;
    color:#3e4754;
    font-weight:bold;
}
/* landing page elements */
.intro{
    margin-top:0 !important;
}
.intro.no-col-header{
    margin-top:95px !important;
}
.intro img{
    display:block;
    padding-bottom:5px;
}
.intro p{
    border-top:solid 7px #a2a19f;
    padding:15px 10% 20px 0;
    color:#696762;
    font-size:1.6em;
    line-height:1.3em;
}
.primary{
    background:url(../images/ui/col_box_rule_lblue.gif) left top no-repeat;
    padding-top:16px;
}
.secondary{
    border-top:solid 1px #b0d3e2;
    padding-top:7px;
}
.more{
    margin-top:-7px;
    font-size:.9em;
    line-height:1em;
}
.more a{
    color:#4e4b40;
}

.box{
    margin-bottom:5px !important;
    padding:0 15px 9px 15px;
}
#video.box{
    padding:0;
    height:236px;
}
.box, .box a{
    color:#ffffff;
}
.box2, .box2 a{
    color:#3e4754;
}
.box4, .box4 a{
    color:#363533;
}
.box h4{
    margin-left:-15px;
    padding:20px 0 0 15px;
    line-height:1.1em;
}
.box img{
    display:block;
    margin:0 -15px;
}
.box li.last{
    margin-bottom:16px;
}
.box li{
    border-bottom-style:solid;
    border-bottom-width:1px;
    display:block;
    background-position:left center;
    background-repeat:no-repeat;
    padding:5px 0 4px 11px;
}
.box1{
    background-color:#a59c9c;
}
.box1 h4{
    background:url(../images/ui/col_box_rule_lblue.gif) left top no-repeat;
}
.box2{
    background-color:#b5dced;
}
.box2 h4{
    background:url(../images/ui/col_box_rule_dblue.gif) left top no-repeat;
}
.box3{
    background-color:#a2a19f;
}
.box3 h4{
    background:url(../images/ui/col_box_rule_yellow.gif) left top no-repeat;
}
.box3 li{
    border-bottom-color:#bebdbc;
}
.box3 li{
    background-image:url(../images/ui/list_arrow03.gif);
}
.box4{
    background-color:#f9c03b;
}
.box4 h4{
    background:url(../images/ui/col_box_rule_dblue.gif) left top no-repeat;
}
/*ucop tables*/
table.dates{
    margin-top:10px;
}

table.dates p{
    padding:4px 0 4px 0;
    margin:0px;
}

table.dates td{
    vertical-align:top;
    padding:0;
    margin:0;
}
    
table.dates td.month{
    width:75px;
}

table.dates td.month p{
    font-size:14px; 
    font-weight:bold;
}
    
table.dates td.date{
    text-align:right;
    width:30px;
    padding:0 10px 0 0;
}

table.dates td.date p{
    font-size:14px; 
    font-weight:bold;
}

table.dates td.spacer{
    padding-bottom:20px;
}


/*data*/
table.data{
    padding:0;
    margin:10px 0 10px 0;
    border-collapse:collapse;
}

table.data p{
    padding:0;
    margin:5px 5px 5px 10px;
}

table.data .small a{
    font-size:10px;
}

table.data .small p{
    padding:0;
    margin:5px 5px 5px 2px;
}

table.data th{
    background-color:#b5dced;
    text-align:left;
    vertical-align:top;
}

table.data th p{
    font-weight:bold;
}

table.data .split_1{
    border-left:1px solid white;
}

table.data .split_4{
    border-left:4px solid white;
}

table.data td{
    background-color:#ececec;
    border-bottom:1px solid white;
    vertical-align:top;
}
/* site map */
#site-map ul{
    margin:0 !important;
}
/* search page */
#search-results{
    min-height:525px;
}
#search-pagination ul{
    float:left;
}
#search-pagination li {
    padding:0 6px;
    background:none;
    font-size:0.9em;
    line-height:1em;
}

div.gsc-branding{
    float:right;
    margin:-1px 0 0 0 !important;
}
div.gsc-branding div{
    margin:0 !important;
}
table.gsc-branding{
    border-spacing:0.2em 0 !important;
}
td.gsc-branding-text{
    vertical-align:top !important;
    line-height:1em !important;
}
/* footer */
#footer{
    margin:-25px 0 0 0;
    background:url(../images/ui/footer_bg.jpg) left top no-repeat;
    padding-top:100px;
    height:148px;
}
#footer ul{
    border-top:solid 7px #3e4754;
    padding:11px 0 0 7px;
}
#footer li{
    padding:0 8px;
    border-right:solid 1px;
    line-height:1em;
    background:none;
}
#footer a{
    color:#4e525e;
    font-weight:bold;
}

/* .group fix for IE6 */

html .group{
    height:1%;
}

/* .group fix for IE7 */

* *:first-child+html .group{
    min-height:1px;
}

/* fix for elements w/negative margins and backgrounds */

#content, #feature, #main{
    position:relative;
    zoom:1;
}
#feature{
    z-index:1;
}

/* popup video feature */

#video-overlay-bg{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    color: #fff;
    opacity: 0.5;
}
#video-overlay-flash{
    display: none;
}
#video-overlay{
    width: 768px;
    height: 466px;
    display: none;
    position: absolute;
    background: #000;
}
#video-overlay-close{
    width: 18px;
    height: 18px;
    background: url(../images/ui/video_overlay_close.gif ) no-repeat top left;
    position: absolute;
    right: -18px;
    top: -18px;
    cursor: pointer;
    cursor: hand;
}