/* IS COMPUTING HOMEPAGE
Updated: 09/06/2009
Author: Helen Newnham
Based on original by Gilles Couzin
-----------------------------------------------------------------------*/

/* =GLOBAL
----------------------------------------------------------------------- */
#column1 a, #column2 a, #column3 a { text-decoration: none; }
h2 { font-size: 130%; font-weight: normal; margin: 0 0 0.1em 0; }
h3 { font-size: 100%; font-weight: bold; }
ul li, ol li  { margin: 0} 

/* =COLUMN 1
----------------------------------------------------------------------- */
#column1 {
margin: 0.2em -250px 0 0;
float: left;
position: relative;
width: 49.9%;
}
* html #column1 {
width: 49.9%; margin-right: -250px; }
#column1 .hp-content { margin: 0 265px 0 0; }

#course-lists { border: 1px solid #d1ddf3; background: #eff3fb; margin-bottom: 0.5em; }

#course-lists h2 { background: #fff url(/is/learning/images/hp-heading-bgd.gif) repeat-x bottom;
font-size: 110%; border-bottom: 1px solid #d1ddf3; margin: 0 0 0.1em 0; padding: 2px 4px; }
#course-lists h3 { font-size: 100%; margin: 15px 4px 2px 4px; }
#course-lists p { font-size: 90%; margin: 15px 4px 2px 4px; }

/* forthcoming courses scrolling boxes */
#scrollingContainer, #scrollingContainer2 { height: 28px; padding: 2px; font-size: 90%; border: 1px solid #ccc; overflow: hidden;
margin: 0 2px 2px 2px; background: #f1f1f1; }
#scrollingContainer ul, #scrollingContainer2 ul { margin: 0; padding: 0; }
#scrollingContainer ul li, #scrollingContainer2 ul li { list-style-type: none; list-style-image: none; padding: 0 0 15px 0;
font-weight: bold; color: #777; }

/* Miscellaneous links */
#misc-links, .misc-links { width: auto; }
#misc-links ul, .misc-links ul { margin: 0 0 1em 0; padding: 0; border-bottom: 1px dashed #cccccc; }
#misc-links ul li, .misc-links ul li { border-top: 1px dashed #cccccc; list-style-type: none; list-style-image: none; padding: 5px 0 5px 1.1em; }
#misc-links ul li .link-arrow, .misc-links ul li .link-arrow { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; color: #3366cc;
margin-left: -1.1em; }
#misc-links ul li a, .misc-links ul li a { font-size: 90%; font-weight: bold; color: #08185a; text-decoration: none; }
#misc-links ul li a:visited, .misc-links ul li a:visited {color: #2e46a6;}
#misc-links ul li a:hover, .misc-links ul li a:hover {color: #BD1C2E}  
#course-lists, #misc-links, .misc-links  { height: 1%; } /* ie hasLayout fix */


/* Traffic lights */
.trafficlights {clear:both; padding-top:0.4em}

/* News list */
.newnews{list-style-image: none; margin-left:0; padding-left:0; list-style-type: none; margin-bottom:0}
.newnews li{display: block; clear:both; margin-left:0; padding-left:0; padding-top: 0.3em;}
.newnews li a, .newnews li a:visited {font-size: 90%; color: #08185a; text-decoration: none;background-color: transparent;}
.newnews li a:hover {color: #BD1C2E;}
.newnews li img {border: 1px solid #ccc; padding: 0.2em; margin-right: 5px;}
.newnews li p {margin:0; padding:0}
ul.fntnews {margin-top:0}
ul.fntnews li {padding-bottom:0; margin-bottom:0.4em}
.newsdate {font-size: 80%;color: #636363;}
.libhelp {clear:both; padding-top:0.4em;}

#col1-helpdesk {clear:both; margin-top:0.2em}
#col1-helpdesk ul, #col1-branches {border-bottom:none; border-top:none}

li.hdemail {border-top:0px solid #fff; padding-left:28px; font-weight:normal; background:url(/is/computing/emailsm.gif); background-repeat:no-repeat; background-position:left center}
li.hdemail a:link, li.hdemail a:visited, li.hdemail a:hover {font-weight:normal; color:#000;}
li.hdphone {border-top:none; margin-left:0;padding-left:28px; background:url(/is/computing/phonesm.gif); background-repeat:no-repeat; background-position:left center}
li.hdphone span {color: #000; font-size:90%;}

/* =COLUMN 2
----------------------------------------------------------------------- */
#column2 {
width:500px;
float:left;
margin-left: 1px;
position: relative;
z-index: 1;
}
.filler {height:1%; clear:both}

/* intro box */
#col2-intro { background: #FFFCEF url(/is/computing/compnewimage.jpg) no-repeat center right; border: 1px solid #f16629; margin-top: 0.2em; }
#col2-intro h2 { padding: 10px 10px 10px 10px; margin: 0 120px 0 0; font-size: 120%; color: #f16629; }
#col2-intro p { padding: 0 10px 10px 10px; margin: 0 120px 0 0; font-size: 100%; line-height: 130%; }
.libintro {color:#8f0000}

/* audience and topic lists box */
#col2-audience-list, #col2-topic-list, #col2-emailcomp-list, #col2-internet-list, #col2-fileprint-list, #col2-advice-list 
{float:left; width: 243px; margin-top: 10px; border: 1px solid #d1ddf3; background: #eff3fb; margin-bottom: 0.5em;}
#col2-audience-list, #col2-emailcomp-list, #col2-internet-list, #col2-book-list, #col2-journal-list {margin-right: 5px; }
#col2-topic-list, #col2-fileprint-list, #col2-advice-list, #col2-research-list  {margin-left: 5px;}

#col2-audience-list h2, #col2-topic-list h2, #col2-emailcomp-list h2, #col2-internet-list h2, #col2-fileprint-list h2, #col2-advice-list h2, #col2-book-list h2, #col2-research-list h2{ background: #fff url(/is/learning/images/hp-heading-bgd.gif) repeat-x bottom;
font-size: 110%; color: #0d268c; border-bottom: 1px solid #d1ddf3; margin: 0; padding: 2px 4px; }

#col2-audience-list ul, #col2-topic-list ul, #col2-emailcomp-list ul, #col2-internet-list ul, #col2-fileprint-list ul, #col2-advice-list ul, #col2-book-list ul, #col2-research-list ul {margin: 0; padding: 0; background: #eff3fb; border-bottom: 2px solid #d1dcf3; }


#col2-audience-list ul li, #col2-topic-list ul li, #col2-emailcomp-list ul li, #col2-internet-list ul li, #col2-fileprint-list ul li, #col2-advice-list ul li, #col2-book-list ul li, #col2-research-list ul li { margin-left: 0; padding: 0.3em 0.5em; list-style-type: none; list-style-image: none; border-top: 1px solid #d1dcf3; }

#col2-audience-list ul li a, #col2-topic-list ul li a, #col2-emailcomp-list ul li a, #col2-internet-list ul li a, #col2-fileprint-list ul li a, #col2-advice-list ul li a, #col2-book-list ul li a, #col2-research-list ul li a  { font-size: 90%; font-weight: bold; color: #08185a; text-decoration: none; }


#col2-audience-list ul li a:visited, #col2-topic-list ul li a:visited, #col2-emailcomp-list ul li a:visited, #col2-internet-list ul li a:visited, #col2-fileprint-list ul li a:visited, #col2-advice-list ul li a:visited, #col2-book-list ul li a:visited, #col2-research-list ul li a:visited  { color: #2e46a6; text-decoration: none;}

#col2-audience-list ul li a:hover, #col2-topic-list ul li a:hover, #col2-emailcomp-list ul li a:hover, #col2-internet-list ul li a:hover, #col2-fileprint-list ul li a:hover, #col2-advice-list ul li a:hover, #col2-book-list ul li a:hover, #col2-research-list ul li a:hover {color: #bd1c2e;}

#col2-audience-list ul li:hover, #col2-topic-list ul li:hover, #col2-emailcomp-list ul li:hover, #col2-internet-list ul li:hover, #col2-fileprint-list ul li:hover, #col2-advice-list ul li:hover, #col2-book-list ul li:hover, #col2-research-list ul li:hover {background: #e0e7f7; text-decoration: none;}

#col2-book-list, #col2-research-list {float:left; width: 245px; margin-top: 10px; margin-bottom: 0.5em; border-top:1px solid #d1ddf3;}
#col2-book-list h2, #col2-research-list h2 {border-right:1px solid #d1ddf3; border-left:1px solid #d1ddf3}
#col2-book-list ul, #col2-research-list ul {border-right:1px solid #d1ddf3; border-left:1px solid #d1ddf3;background-color:#eff3fb; margin-bottom:1em;}
.journalslist {border-top:1px solid #d1ddf3}

h2.home {border-bottom: 1px solid #dddddd; padding: 0 0 2px 0;}
h2.home a:link, h2.home a:visited, h2.home a:hover {color: #507cd3}

/* =COLUMN 3
----------------------------------------------------------------------- */
div#column3 {
width: 49.9%;
float:left;
margin: 0.2em -20px 0 -250px;
padding: 0 0 1.0em 0;
}

ul.infof {border-bottom:none}

.myac {border-top: 5px solid #FF910F; border-bottom: 5px solid #27d765; padding:0.4em; padding-bottom:0.4em; margin-bottom:0.4em}
.myac ul {border-bottom:none; margin-bottom:0.4em}

.libaccount {border-top: 5px solid #af1717; border-bottom: 5px solid #ff909e; padding-top:0.4em}
.libaccount ul {border-bottom:none}
.libaccount ul li {border-top:none}

.libpolicies {padding-top: 0.4em}
.libpolicies h2 {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd;}
.libpolicies ul {border-bottom:none}

* html div#column3 { width: 49.8%; overflow: hidden; }
#column3 .hp-content { margin: 0 0 0 265px; }