/* 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} 

h2.home a:link, a:visited {color:#507cd3}
h2.home a:hover {color:#BD1C2E}

/* =COLUMN 1
----------------------------------------------------------------------- */
#column1 {
margin: 0.2em -250px 0 0;
float: left;
position: relative;
width: 50%;
}
* 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-image: url(/is/learning/images/hp-heading-bgd.gif); background-repeat: repeat-x; background-position: 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: 35px; 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;}
#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 {color: #2e46a6;}
#misc-links ul li a:hover { border-bottom: 1px solid #888; }

#course-lists, #misc-links, .misc-links  { height: 1%; } /* ie hasLayout fix */

/* 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;}

h3.ithelp {margin:0; padding:0.4em 0 0 0; font-size:105%}

.ithelpcontact ul, .librarycontact ul {padding-left: 0;list-style-type: none;
list-style-image: none;
margin-left: 0;
color: #b01c2e;
padding-top: 0.2em;
margin-top: 0;
margin-bottom:3px; 
margin-left:0.2em}

.itemail {border-top:none;margin-left:0;padding-left:50px; padding-top: 0.2em; padding-bottom: 0.2em;font-size:95%; background:url(/is/emailsm.gif); background-repeat:no-repeat; background-position:left center}

/* =COLUMN 2
----------------------------------------------------------------------- */
#column2 {
width:450px;
float:left;
margin-left: 1px;
position: relative;
z-index: 1;
}

/* intro box */
#col2-intro { background: #fffcef; border: 1px solid #f16629; 

margin-top: 0.2em; }
#col2-intro h2 { padding: 10px 10px 10px 10px; margin: 0 ; font-size: 120%; color: #f16629; }
#col2-intro p { padding: 0 10px 10px 10px; margin: 0; font-size: 100%; line-height: 130%; }

#catholder {display: block; height:400px; min-height:400px}

#libbox, #compbox, #learnbox {
float: left;
height: 110px;
min-height:110px;
margin-top: 10px;
border: 1px  solid #d1ddf3;
background-repeat: no-repeat;
background-position: right bottom;
margin-bottom: 0.5em;
width:430px;
clear:left;
}

#libbox span, #compbox span, #learnbox span
{
display: block; 
margin-top:1em; 
margin-left:0.6em; 
margin-right: 1%;
font-size:145%;
} 


#libbox {
background-color: #FFEFF1; 
background-image: url(/is/images/hplibrary.gif);  
border: 1px solid #AE5757; 
color: #AE5757; 
}


#compbox {
background-image: url(/is/images/hpcomputing.gif);
background-color:#FFFCEF ;
border: 1px solid #f16629; 
color: #f16629;
}


#learnbox {
background-image: url(/is/images/hplearning.gif);
background-color: #ddecd2;
border: 1px solid #97b579; 
color: #97b579;
}


div#column1 h2, div#column3 h2
{border-bottom: 1px solid #dddddd;
padding: 0 0 2px 0;
color: #507cd3;}

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

ul.isaz li {					/* styles the a-z list */
	display: inline; 
	padding: 0; 
	margin: 0;
        line-height: 1.2em}                    /* changed from 160% to adjust for IE7 zoom */





ul.isaz {					/* styles the a-z list */
	margin-top:0; margin-left:0;
        list-style-type: none;
         list-style-image: none;
        padding: 4px;}

.isaz  a {
	border: 1px solid #B01C2E;
        text-decoration: none;
        padding: 0px 2px 0px 2px;
        color: #333;
        font-size: 90%;
        background-color: #DFE6F5}

.isaz a:hover {
	background-color: #EFEFEF;}

ul.isaz li a  {float:left;                      /* to get around IE7 zoom problem */
        margin: 2px; padding: 0 2px}



.isaz a#sitemaplink {
	background-color: #FFFFFF;
        border: 0;
        font-weight: bold}

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



@media print { 							/* print styles */
	#pagetitle{display:none}}