@import "reset.css";
@import "content_lab.css";
@import "typography.css";
@import "forms.css";
body {
    /* background: #EEE; */
    background: #99CCCC;
	/*details chosen by nn */
    padding: 0 20px 0 20px;
} 

div#container {
    background: #fff;
	/*details chosen by nn */
    min-width: 694px;
    max-width: 1214px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 20px 0 20px;
    border-left: 1px solid #99CCCC;
    border-right: 1px solid #99CCCC;
    border-bottom: 1px solid #99CCCC;
} 

img.ucam {
padding:0.7em 1em 0;
}

div#dept-title {
    background: #3399CC;
	/*details chosen by nn */
    min-width: 694px;
    max-width: 1214px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 20px 0 20px;
    border-left: 1px solid #99CCCC;
    border-right: 1px solid #99CCCC;
    border-bottom: 1px solid #99CCCC;
} 

div#navtabs {
    background: #006699;
	/*details chosen by nn */
    min-width: 694px;
    max-width: 1214px;
    line-height: 1em;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 20px 0 20px;
    border-left: 1px solid #006699;
    border-right: 1px solid #006699;
} 

div#header {
    height:70px;
    margin: 0 auto;
    overflow: hidden;
    padding:0;
    background: #fff;
    min-width: 734px;
    max-width: 1254px;

    /*border-bottom: 1px solid #cdc5bc;*/
    border-left: 1px solid #99CCCC;
    border-right: 1px solid #99CCCC;
	/*details chosen by nn */
}


.dept div#header {
border-bottom:1px solid #9c9;
}

img.portrait {
float:right;
margin:10px;
}

div#content {
float:left;
width:100%;
padding-bottom:1em;
}

div#content-primary {
float:left;
width:62%;
padding-right:1em;
}

.dept div#content-primary {
margin:1em 0 0;
}

.dept div#content-primary h1 {
margin:0 0 0.5em;
padding:0;
}

div#content-primary a:hover {
text-decoration:underline;
}

div#content-secondary {
float:right;
background:#f1f5ff;
border-left:1px solid #ccc;
width:35%;
height:100%;
}

.dept div#content-secondary,.dept.three-col.nosub div#content-secondary {
border-top:1px solid #ccc;
}

.dept.three-col div#content-secondary {
border:0;
}

body.alt div#content-primary {
width:80%;
}

body.alt div#content-secondary {
width:20%;
}

body.two-col div#content,body.three-col div#content {
float:right;
width:76%;
}

body.two-col ul#nav-primary,body.three-col ul#nav-primary {
float:left;
width:22%;
padding-left:0;
}

body.three-col div#content-primary {
width:63.6%;
padding-right:2%;
}

body.three-col div#content-secondary {
float:right;
width:34.4%;
padding-left:0;
}

.dept div#site-search {
padding:0.5em 0 0;
}

div#site-search ul {
list-style-type:none;
margin:0;
padding:5px;
}

div#site-search ul li {
float:right;
background:url(../images/divider-site-tools-small.gif) no-repeat 100% 50%;
padding:0 7px;
}

div#site-search ul li.last {
background:none;
padding-right:15px;
}

div#site-search ul li a {
color:#036;
text-decoration:none;
}

div#site-search {
float:none;
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
padding:10px 0 5px;
}

div#site-search form {
text-align:right;
}

ul#nav-primary {
list-style-type:none;
border-top:2px solid #CCC;
border-bottom:1px solid #CCC;
clear:both;
width:100%;
background:#f1f5ff;
font-weight:700;
margin:0.15em 0 50px;
}

ul#nav-primary li {
border-top:1px solid #CCC;
margin:0 1px 0 0;
padding:0;
}

ul#nav-primary li.title {
border-top:none;
font-weight:700;
background:#666;
color:#FFF;
padding:0.6em 20px 0.45em 10px;
}

ul#nav-primary li a {
border-top:1px solid #FFF;
display:block;
height:100%;
text-decoration:none;
padding:0.2em 20px 0.2em 10px;
}

ul#nav-primary li.active {
background:#fff;
}

ul#nav-primary li.active a {
border:none;
color:#c60;
background:#fff;
}

ul#nav-primary li.active ul,ul#nav-primary li ul {
font-size:1em;
list-style-type:none;
margin:0;
padding:0.3em 0 0;
}

ul#nav-primary li.active ul li,ul#nav-primary li ul li {
border:none;
border-top:solid #E8F0FF 1px;
padding:4px 0;
}

ul#nav-primary li.active ul li a,ul#nav-primary li.active ul li a:hover,ul#nav-primary li ul li a,ul#nav-primary li ul li a:hover {
border:none;
color:#036;
font-weight:400;
padding:0 20px 0 30px;
}

ul#nav-primary li.active ul li a:hover,ul#nav-primary li ul li a:hover {
color:#c60;
text-decoration:underline;
}

ul#nav-tabbed {
list-style-type:none;
background:#FFF;
font-family:Arial, Helvetica, sans-serif;
clear:both;
width:100%;
overflow:hidden;
margin:1em 0 2em;
padding:0;
}

ul#nav-tabbed li {
float:left;
margin-right:1px;
margin-bottom:1px;
}

ul#nav-tabbed li a {
color:#FFF;
background:#81adb5 url(../images/bg-tab-right.gif) no-repeat 100% 0;
display:block;
position:relative;
text-decoration:none;
padding:0.6em 20px 0.45em;
}

ul#nav-tabbed.az li a {
font-size:0.9em;
padding:0.6em 9px 0.45em;
}

ul#nav-tabbed li a span {
background:url(../images/bg-tab-left.gif) no-repeat 0 0;
width:5px;
height:5px;
position:absolute;
top:0;
left:0;
}

ul#nav-tabbed li a:hover {
text-decoration:none;
background:#4f8d97 url(../images/bg-tab-right-over.gif) no-repeat 100% 0;
}

ul#nav-tabbed li a:hover span {
background:url(../images/bg-tab-left-over.gif) no-repeat 100% 0;
}

ul#nav-tabbed li.active a {
background:#FFF url(../images/bg-tab-right-active.gif) no-repeat 100% 0;
border-top:1px #ccc solid;
color:#333;
font-weight:700;
margin:0 2px;
}

ul#nav-tabbed li.active a span {
background:url(../images/bg-tab-left-active.gif) no-repeat 100% 0;
}

ul#nav-breadcrumb {
overflow:hidden;
list-style-type:none;
color:#666;
font-size:0.65em;
width:100%;
margin:0;
padding:0.5em 0 1em;
}

ul#nav-breadcrumb li {
float:left;
background:url(../images/icon-arrow-nav-breadcrumb.gif) no-repeat 0 50%;
padding:0 6px;
}

ul#nav-breadcrumb li.first {
padding-left:21px;
background:url(../images/icon-home.gif) no-repeat 0 0;
}

ul#site-info {
overflow:hidden;
clear:both;
width:100%;
list-style-type:none;
padding-top:1em;
padding-bottom:2em;
font-size:0.7em;
border-top:2px solid #06c;
margin:0;
}

ul#site-info li.link {
float:right;
background:url(../images/divider-site-tools-small.gif) no-repeat 100% 50%;
padding:0 10px;
}

ul#site-info li.last {
background:none;
padding-right:0;
}

div#dept-title h1 a,div#dept-title .main a {
color:#fff;
}

div#navtabs a {
color:#fff;
background-color:#006699;
/*details chosen by nn */
border-right:1px solid #efefef;
}

div#navtabs a.current {
background-color:#CC6633;
/*details chosen by nn */
color:#fff;
}

div#navtabs a.first {
border-left:1px solid #9c9;
border-right:1px solid #9c9;
}

div#navtabs a:hover {
color:#000;
background-color:#edeeec;
}

div#skip,body.one-col div#content-secondary,body.one-col ul#nav-primary,body.two-col div#content-secondary {
display:none;
}

div#branding,ul#site-info li {
float:left;
}

div#content-primary a,ul#nav-breadcrumb a,ul#nav-breadcrumb a:hover,ul#site-info li a {
text-decoration:none;
}

body.one-col div#content-primary,body.two-col div#content-primary {
width:100%;
}

div#site-search ul li a:hover,ul#nav-primary li a:hover {
color:#c60;
}

div#dept-title h1,div#dept-title .main,div#dept-title h2,div#dept-title .sub {
color:#fff;
background:#3399CC;
}