.highlight-button-snippet {width:170px; height:27px; background-color:#ecf6ff; border-top:1px solid #fff; border-bottom:1px solid #abbcca}
.highlight-button-snippet a {color:#000;float:left; padding:6px}
.highlight-button-snippet img {float:left; padding:6px}

/* header */ 
#header    { background: #3173bc url(/deaf/siteimages/jpeg/deaf-banner.jpg) no-repeat right  top; border-top: 1px solid #ffffff; color: white} 
#uoblogo a, #uoblogo span { background: url(/deaf/siteimages/gif/uob-logo.gif) no-repeat} 

/* footer */ 
#footer span {white-space: nowrap} 
#footer {  color: #ffffff; border-top: 1px solid #abbcca; border-bottom: 1px solid #ffffff; } 
#footer a { color: #ffffff; } 
.footer-nav, .footer-nonav  { background: #3173bc url(/deaf/siteimages/gif/footer-crest.gif) no-repeat right top  } 

#uobcms-footer-feedback-separator {color:#ffffff} 

/* titles in header */ 
.maintitle #title1  { color: white } 
#maintitle2 #title2 {color: white; } 
.maintitle a, .maintitle a:visited { color: white; } 
.maintitle a:hover { color: white;  } 

/* additional departmental top navigation bar */ 
#deptnav, #deptnavbottom {  background: #ecf6ff repeat-x } 
#deptnav ul, #deptnavbottom ul  { background: #ecf6ff repeat-x;   } 
#deptnav ul li a, #deptnav ul li .link-on { color: #374143; border-right: 1px solid #7FAAB3;  } 
#deptnav ul li .link-on { color: #B01C2E; background-color: white; border-top: 2px solid #C6DCF0; } 
#deptnav ul li a:hover  { background-color: #ffffff; color: #000000} 
#deptnavbottom ul li a:hover  { background-color: #ffffff; color: #000000} 
#deptnavbottom { background: #ecf6ff; background-image: none} 
#deptnavbottom ul  { background: #ecf6ff;  border-left: 1px solid #ABBCCA;    } 
#deptnavbottom ul li a, #deptnavbottom ul li .link-on  { color: #000000; border-right: 1px solid #abbcca;  } 
#deptnavbottom ul li .link-on { color: #B01C2E; background-color: white; } 

/* headings within content area */ 
#pagetitle {  color: #7f1254} 
h2 {color: #7f1254; border-bottom:1px dashed silver; padding-bottom:5px; font-size:1.3em} 
h3 {color: #7f1254; border-bottom:1px dashed silver; padding-bottom:5px} 
h4, h5, h6  { color: #7f1254; border-bottom:1px dashed silver; padding-bottom:5px} 
a {color: #892361; text-decoration:underline} 
a:hover {color: #62224c; text-decoration:none} 

/* side navigation */ 
.navtitle { color: #62224c} 
.navtitle a  { color: #62224c } 
.navtitle a:hover  { color: #62224c  } 
.navgrouptitle  { background: url(cmsimages/navgrouptitle-back.gif) no-repeat; color: #483B18;} 
.navgrouptitle a, .navgrouptitle a:visited { color: #483B18; } 
.navgrouptitle a:hover { color: #483B18;  } 
.navgroup { background: url(cmsimages/navgroup-base.gif) no-repeat left bottom; border-top: 1px solid #abbcca } 
.navgroup li { border-bottom: 1px solid #abbcca; border-top: 1px solid white; background-color: #ecf6ff; } 
.navgroup li a {  color: #000000;  } 
.navgroup li a:visited { color: #000000;  } 
.navgroup li a:hover { background-color: white; color: #000000; } 
.navgroup span.link-on  { color: #B01C2E; } 

/* subnav within a navgroup */ 
.navgroup ul li { border-top: 1px dashed #AEBCC7;} 
.navgroup ul li a { background: white url(cmsimages/subnav-arrow.gif) no-repeat 4px 9px; padding: 5px 5px 5px 18px; width: 147px } 
.navgroup ul li a:hover { background-color: #eee; color: #252D36;   } 

/* subnav within a subnav */ 
.navgroup ul ul li a { background: url(cmsimages/subnav-sub-arrow.gif) no-repeat 4px 11px;  } 

/* Picture float left, text indented right */ 
#cds_standard_1 {margin-top:0px}
#cds_standard_1 p {margin-left:310px}
#cds_standard_1 ul {margin-left:310px; border:1px dashed silver; padding:8px}
#cds_standard_1 h2 {margin-left:310px}
#cds_standard_1 img {float:left}

/* Picture float left, text float around */ 
#cds_standard_2_1 {margin-top:0px}
#cds_standard_2_1 h2 {margin-top:0px}
#cds_standard_2_1 ul {margin-left:10px; border:1px dashed silver; padding:8px; padding-bottom:10px}
#cds_standard_2_1 ul  ul {margin-left:10px; border:1px dashed silver; padding:8px; padding-bottom:10px; margin-top:10px}
#cds_standard_2_1 form {margin-left:10px; border:1px dashed silver; padding:8px}
#cds_standard_2_1 img {float:left; padding-right:15px; padding-bottom:15px}

/* Additional style used below standard 2_1 */ 
#cds_standard_2_2 {padding-top:0px; width:100%; float:left}
#cds_standard_2_2 ul {margin-left:10px; border:1px dashed silver; padding:8px}
#cds_standard_2_2 img {float:left; padding-right:10px; padding-bottom:10px}

/* Picture left, text right with background image*/ 
#cds_about {margin-top:0px; background-image:url(/deaf/siteimages/jpeg/about.jpg); background-repeat:no-repeat; background-position: left top}
#cds_about p {margin-left:310px}
#cds_about ul {margin-left:310px}
#cds_about h2 {margin-left:310px}

/* Picture left, text right fixed width*/ 
#map {margin-top:0px}
#map img {float:left}
#map p {margin-left:325px}
#map h2 {margin-left:325px}
#map ul {margin-left:325px}

/* cds_signmail */ 
#cds_signmail {margin-top:0px}
#cds_signmail h2 {margin-top:0px}
#cds_signmail ul {margin-left:10px; padding:8px; padding-bottom:55px}
#cds_signmail form {margin-left:10px; border:1px dashed silver; padding:8px}
#cds_signmail img {float:right; padding-right:15px}

/* Left - Right seperate divs*/ 
#cds_standard_left {margin-top:0px; float:left}
#cds_standard_right{margin-top:0px; margin-left:300px;}
#cds_standard_right ul {margin-left:10px; border:1px dashed silver; padding:8px}
#cds_standard_left_thin {margin-top:0px; float:left}
#cds_standard_right_thin {margin-top:0px; margin-left:250px;}
#cds_standard_right_thin ul {margin-left:10px; border:1px dashed silver; padding:8px}

/* Picture left, text below */ 
#cds_collage_1 {width:100%}
#cds_collage_1 img {padding-right:15px; padding-bottom:15px}
#cds_collage_1 ul {margin-left:310px; border:1px dashed silver; padding:8px}
#cds_collage_1 h2 {padding-top:10px}
#cds_collage_2 {width:100%}
#cds_collage_2 img {padding-right:15px; padding-bottom:15px}
#cds_collage_2 ul {margin-left:310px; border:1px dashed silver; padding:8px}
#cds_collage_2 h2 {padding-top:10px}
#cds_collage_3 {width:100%}
#cds_collage_3 img {padding-right:15px; padding-bottom:15px}
#cds_collage_3 ul {margin-left:310px; border:1px dashed silver; padding:8px}
#cds_collage_3 h2 {padding-top:10px}
#cds_collage_4 {width:100%}
#cds_collage_4 img {padding-right:15px; padding-bottom:15px}
#cds_collage_4 ul {margin-left:310px; border:1px dashed silver; padding:8px}
#cds_collage_4 h2 {padding-top:10px}
#cds_collage_5 {width:100%}
#cds_collage_5 img {padding-right:15px; padding-bottom:15px}
#cds_collage_5 ul {margin-left:310px; border:1px dashed silver; padding:8px}
#cds_collage_5 h2 {padding-top:10px}

/* Picture left, text float around */ 
#cds_collagetile_1 {width:100%}
#cds_collagetile_1 img {float:left; padding-right:15px; padding-bottom:15px}
#cds_collagetile_1 ul {margin-left:310px; border:1px dashed silver; padding:8px}
#cds_collagetile_1 h2 {padding-top:10px}
#cds_collagetile_2 {width:100%}
#cds_collagetile_2 img {float:left; padding-right:15px; padding-bottom:15px}
#cds_collagetile_2 ul {margin-left:310px; border:1px dashed silver; padding:8px}
#cds_collagetile_2 h2 {padding-top:10px}
#cds_collagetile_3 {width:100%}
#cds_collagetile_3 img {float:left; padding-right:15px; padding-bottom:15px}
#cds_collagetile_3 ul {margin-left:310px; border:1px dashed silver; padding:8px}
#cds_collagetile_3 h2 {padding-top:10px}
#cds_collagetile_4 {width:100%}
#cds_collagetile_4 img {float:left; padding-right:15px; padding-bottom:15px}
#cds_collagetile_4 ul {margin-left:310px; border:1px dashed silver; padding:8px}
#cds_collagetile_4 h2 {padding-top:10px}
#cds_collagetile_5 img {float:left; padding-right:15px; padding-bottom:15px}
#cds_collagetile_5 ul {margin-left:310px; border:1px dashed silver; padding:8px}
#cds_collagetile_5 h2 {padding-top:10px}

#flv_thumb_player {float:right; padding-left:8px}  
#anniversary-banner{float:left; width:99%; text-align:center}


/* styling of text within content  */ 
/*#uobcms-content ul  { list-style-image: url(/deaf/siteimages/gif/content-bullet.gif) } */
#uobcms-content ul  { list-style-image: url(/deaf/siteimages/gif/content-bullet-home.gif)} 
#uobcms-content ul ul { list-style-image: url(/deaf/siteimages/gif/content-bullet.gif) } 

.smalllink { margin: 5px 0 0 5px; padding: 0; font-size: 75%; color: #666666; line-height: 1.3} 

#uobcms-content ul{font-size:0.9em}

table.deafhood_course_list {width:95%;background:#ffffff; border:1px dashed silver; padding:5px}

td.deafhood_course_list_1 {width:25%; border-right:1px dashed silver; text-align:left; border-bottom:1px dashed silver; vertical-align:middle}
td.deafhood_course_list_2 {width:15%; border-right:1px dashed silver; text-align:left; border-bottom:1px dashed silver; vertical-align:middle}
td.deafhood_course_list_3 {width:15%; border-right:1px dashed silver; text-align:left; border-bottom:1px dashed silver; vertical-align:middle}
td.deafhood_course_list_4 {width:15%; border-right:1px dashed silver; text-align:left; border-bottom:1px dashed silver; vertical-align:middle}
td.deafhood_course_list_5 {width:15%; border-right:1px dashed silver; text-align:left; border-bottom:1px dashed silver; vertical-align:middle}
td.deafhood_course_list_6 {width:15%; text-align:left; border-bottom:1px dashed silver; vertical-align:middle}

th.deafhood_course_list_1 {width:25%; border-right:1px dashed silver; text-align:left; border-bottom:1px dashed silver}
th.deafhood_course_list_2 {width:15%; border-right:1px dashed silver; text-align:left; border-bottom:1px dashed silver}
th.deafhood_course_list_3 {width:15%; border-right:1px dashed silver; text-align:left; border-bottom:1px dashed silver}
th.deafhood_course_list_4 {width:15%; border-right:1px dashed silver; text-align:left; border-bottom:1px dashed silver}
th.deafhood_course_list_5 {width:15%; border-right:1px dashed silver; text-align:left; border-bottom:1px dashed silver}
th.deafhood_course_list_6 {width:15%; text-align:left; border-bottom:1px dashed silver} 

/* BSc changing*/ 
#bsc-changing{margin-top:0px; background-image:url(/deaf/siteimages/jpeg/bsc-changing.jpg); background-repeat:no-repeat; background-position: left top; width:600px; height:500px; margin-left:auto; margin-right:auto}
#bsc-changing-1{float:right; padding-top:249px; margin-right:1px}
#bsc-changing-1 p {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px}

/* LLPchanging*/ 
#llp-changing{margin-top:0px; background-image:url(/deaf/siteimages/jpeg/llp-changing.jpg); background-repeat:no-repeat; background-position: left top; width:600px; height:433px; margin-left:auto; margin-right:auto}
#llp-changing-1{float:right; padding-top:169px; margin-right:2px}
#llp-changing-1 p {margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px}