body {
    margin: 0;
    padding: 0;
    margin-top: 8px;
    background-color: #BBB;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
}


ul.main li {
    margin: 4px 0 8px 0;
}


div.photo {
    margin: 10px;
}

div.gallery-photo {
    display: inline;
}

img {
    border: 1px solid black;
}

img.noborder {
    border: 0;
}

div#page {
    background-color: #FFFFCC;
}

div#header_full {
    height: 190px;
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
}

div#logo {
    margin: 0;
    width: 118px;
    background-color: #FFC;
}

div#logo img {
    margin: 0;
    padding: 0;
}


div#header {
    background: url(images/upreco-banner.jpg) no-repeat;
    height: 188px;
    margin: 0;
    padding: 0;
    padding-top: 10px;
}


div#site_name_full {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -999px;
}

div#site_name {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -999px;
}


div#site_slogan {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -999px;
}

div#flag {
    margin: 0;
    padding: 0;
    float: right;
    margin-top: -60px;
    margin-right: 20px;
}

div#flag img {
    border: 1px solid black;
}

div#flag div {
    border: 3px solid white;
}

div#main_full {
    border-bottom: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    background-color: #FFC;
}

div#main {
    padding-bottom: 10px;
    background-color: #FBE7AE;
    border-right: 1px solid #FBE7AE;
}


div#content {
    padding-left: 10px;
    float: left;

    margin-left: -1px;
    margin-right: -1px;
}

div#content h1 {
    margin: 0;
    padding: 1em 0 0.5em 0;
    font-size: 150%;
    font-weight: bold;
}

div#content h2 {
    margin: 0;
    padding: 0.5em 0 0.25em 0;
    font-size: 125%;
    font-weight: bold;
}

div#content p {
    margin: 0;
    padding: 0 0 0.5em 0;
}

div#content address {
    font-size: 110%;
    margin: 0;
    padding: 0;
}

div#content p.leadin {
    margin-top: 0.8em;
}

div#content span.leadin {
    font-size: 150%;
    font-weight: bold;
}


div#right_column {
    margin-left: -1px;
    margin-right: -1px;
}


div#home_photo {
    margin: 24px 16px 10px 10px;
    float: right;
}

div#home_photo img {
    border: 1px solid black;
}

div#home_photo div {
    text-align: center;
    font-weight: bold;
}


div.flatpage_photos {
    padding: 8px 0px 8px 0px;
}


div.flatpage_photos div.photo {
    margin-bottom: 6px;
    padding-top: 3px;
    padding-bottom: 4px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: #FFC;
    border: 1px solid black;
    text-align: center;
}

div.flatpage_photos div.photo img {
    border: 1px solid black;
}

div.flatpage_photos div.photo div {
    padding: 6px 8px 2px 8px;
    margin: 0;
    width: 220px;
}


div.flatpage_photos div.photo span {
    display: block;
    font-size: 90%;
    line-height: 1.1;
    text-align: left;
}

div.gallery-photo img {
    border: 1px solid black;
}

/* ====================  columns ==================== */

div#columns {
    /* margin: 20px 10px 10px 0; */
    margin-top: 20px;
    float: right;
}

div.column {
    width: 220px;
    background: url(images/ui/column-bottom-right.png) no-repeat bottom right;
    margin: 0 15px 20px 20px;
}

div.col_head {
    background: url(images/ui/column-top-left.png) no-repeat;
    margin: 0;
    padding-left: 12px;
}

div.column h3 {
    background: url(images/ui/column-top-right.png) no-repeat top right;
    height: 28;
    font-size: 16px;
    text-align: center;
    padding-right: 12px;
    height: 26px;
    margin: 0;
}

div.column h3 a {
    color: #FFF;
    padding: 5px 0 2px 0;
    font-weight: bold;
    display: block;
    text-decoration: none;
    height: 26px;
    margin: 0;
    width: 100%;
    background-color: #B66C00;
}

div.column a:hover {
    color: #600;
}

div.column p {
    margin: 0;
    padding: 0.75em 0.75em 0 0.75em;
    color: #1B220;
    line-height: 1.2;
    font-size: 90%;
    border-left: 2px solid #B66C00;
    border-right: 2px solid #B66C00;
    background-color: white;
}

div.column p.title {
    padding-top: 0.25em;
    padding-bottom: 0;
    font-size: 16px;
    font-weight: bold;
}

div.column img.col_photo {
    float: left;
    border: 2px solid #B66C00;
    margin: 0.2em 0.75em 0.2em 0;
}


div.col_foot {
    background: url(images/ui/column-bottom-left.png) no-repeat bottom left;
    height: 11px;
    margin: 0;
}

div.col_foot span {
    background-color: white;
    width: 196px;
    display: block;
    height: 9px;
    margin: 0;
    margin-left: 12px;
    border-bottom: 2px solid #B66C00;
}

div#faculty_intro img {
    margin: 0;
    margin-top: 10px;
}

div#support_student {
    background-color: #FFC;
    margin: 6px;
    margin-top: 15px;
    padding: 8px 8px 8px 8px;
    border: 1px solid #AAA;
}

div#support_student p {
    padding: 0;
    margin: 0;
    line-height: 1.2;
}

div#support_student h3 {
    padding: 0;
    margin: 0;
    text-align: center;
    margin-bottom: 6px;
}


div#support_student img {
    padding: 0;
    margin: 0;
}


div.picture_row {
    margin-top: 0.5em;
}

div.left_pic {
    text-align: center;
    float: left;
    margin-left: 15px;
}

div.right_pic {
    text-align: center;
    float: right;
    margin-right: 15px;
}

div.about_links {
    margin: 1em;
    padding: 0 0.5em 0 0.75em;
    font-size: 90%;
    border: 1px solid black;
    background-color: #FFC;
}

/* ====================  Articles  ==================== */

div.article_list h2 {
    clear: both;
}


/* ====================  FAQ  ==================== */

div#faq {
    padding: 0 0 0 1em;
}

div#faq h1 {
    padding-bottom: 0;
}

div#faq dl {
    font-size: 110%;
}

div#faq dt {
    margin-top: 1em;
}

div#faq dd {
    line-height: 1.2;
}


/* ====================  SITE MAP  ==================== */

div.site_map {}

/* ====================  SEARCH  ==================== */

div#top_search {
   background-color: transparent;
   font-size: 11px;
   height: 18px;
   padding: 0;
   margin: 0;
   display: inline;
   float: right;
}

div#top_search form {
   background-color: transparent;
}

div#top_search input#search_txt {
   background-color: #CCC;
   width: 10em;
   height: 16px;
   padding: 0;
   margin: 0;
   border: 1px solid #888;
}

div#top_search input#search_btn {
   background-color: transparent;
   font-size: 11px;
   font-weight: bold;
   height: 18px;
   padding: 0;
   margin: 0 16px 0 -3px;
   border: 0;
}

div#top_search input#search_btn:hover {
   color: #E00;
}




div#search input#input_txt {
   border: 2px solid #B3A069;
   width: 20em;
}


/* ====================  LOGIN  ==================== */

div#login {
    height: 18px;
    font-size: 11px;
    margin: 0;
    padding: 0;
    padding-right: 40px;
    background-color: transparent;
    color: #555;
    display: inline;
    float: right;
}

div#login a, div#login span {
    display: inline;
    float: right; 
    height: 18px;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

div#login span {
    padding-top: 1px;
}

div.login_form {
    display: inline;
    float: right;
    padding-left: 10px;
}

div.login_form h2 {
    margin-top: 4px;
    margin-bottom: 0;
}

div.login_form p {
    margin-bottom: 8px;
}

div.login_form dd {
    display: inline;
    float: right;
    margin-left: 0px;
    padding-bottom: 6px;
}

div.login_form dt {
    display: inline;
    float: right;
}

div.login_form dt a {
    margin-left: 20px;
    color: #555;
}

div.login_form dt a:hover {
    color: #E00;
}


/* ====================  CONTACT FORM  ==================== */

form#contactform {
    margin-top: 1em;
}

form#contactform label {
    float: left;
    width: 13em;
}

form#contactform input {
    width: 29em;
}

form#contactform textarea {
    width: 44em;
}

form#contactform p#submit_comment {
    width: 40em;
    text-align: center;
}

ul.errorlist {
    background-color: #F00;
    padding-bottom: 0;
    margin-top: 0.7em;
    margin-bottom: 0;
}

/* ====================  FOOTER  ==================== */

div#footer {
    background-color: #BBB;
    color: #444;
    font-size: 80%;
    text-align: right;
    padding: 0;
}

div#footer p.left {
    float: left;
    text-align: left;
    margin-left: 6px;
}

div#footer p.left a { 
    color: #444; 
    text-decoration: none;
}
div#footer p.left a:hover { 
    color: #E00;
    text-decoration: underline;
}
div#footer p.left a:visited { 
    color: #444; 
}

div#footer p.right {
    float: right;
    text-align: right;
    margin-right: 6px;
}