/*
[px to em sizing - use:0.8125em as  body font-size]

------------------------------------------------
40px = 3.0769em  
36px = 2.7692em  
30px = 2.3077em  
26px = 2em       
24px = 1.8462em  
23px = 1.7692em
22px = 1.6924em
21px = 1.6154em
20px = 1.5385em  
18px = 1.3846em  
17px = 1.3077em  
16px = 1.2308em  
15px = 1.1538em  
14px = 1.0769em  
13px = 1em       
12px = 0.9231em  
11px = 0.8462em  
10px = 0.7692em  

Equation for font sizing: 
-Desired px ÷ Default (or parent) px = em size
------------------------------------------------*/
body{font-family:Arial,Helvetica,sans-serif;font-size:0.8125em;background:#fff;color:#333;margin:0;padding:0;}
div,p,ul,li,h1,h2,h3,h4,h5,h6,a,img,form,input,label,fieldset,ul,li{margin:0;padding:0;}
p,li{font-size:1em;list-style:none;}
img{border:0;display:block;}
a{text-decoration:none;}
a:hover,a.selected{text-decoration:underline;}
/*clip is used to hide content but still keep it available for google and screenreaders - superior to position:absolute;left:-9999px;top:0; 
*/
.clip{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden;}
.block{display:block;}
.inline{display:inline;}
.clearboth{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.relative{position:relative;}
#wrapper-inner{width:984px;margin:0 auto;}
#main-content{background:#f3eddf url(../images/main-content-bg.gif) left top repeat;min-height:700px;}
#header{background:#333 url(../images/header-bg.gif) left top repeat-x;min-height:64px;}
#header a{color:white;}
#header a#toggle-selected{font-weight:bold;}
#header #site-title{font-weight:bold;float:left;font-size:1.7692em;text-shadow:2px 2px #306484;background:url(../images/header-title-bg.jpg) left top repeat-x;height:51px;margin:14px 0 0 19px;}
#header #site-title a{float:left;display:block;background:transparent url(../images/header-title-left.jpg) left top no-repeat;height:51px;padding-left:24px;text-decoration:none;}
#header #site-title a span{cursor:pointer;float:left;display:block;background:transparent url(../images/header-title-right.jpg) right top no-repeat;height:51px;line-height:51px;padding-right:34px;}
#header #toggle{float:right;text-shadow:1px 1px #333;margin:37px 30px 0 0;display:inline;color:#fff;}
#col-left{width:494px;padding-top:23px;}
#col-right{width:490px;padding-top:23px;}
h1{background:#18549a;color:white;font-size:1.6154em;float:left;min-height:32px;line-height:32px;margin-bottom:7px;padding:0 24px 0 46px;}
#col-left h1{padding-right:170px;}
#content-header{padding:24px 29px 0 0;margin-bottom:14px;}
#content-header #back-to-all-modules{float:right;width:162px;}
/*homepage module list*/
#main-content ul{clear:both;margin-left:24px;}

#main-content ul ul{padding-top:12px;margin-left:-12px;}

#main-content li{margin-bottom:1px;}
#main-content li a{display:block;float:left;color:#333;background:transparent;padding:4px 8px 3px 7px;text-decoration:none;}
#main-content li a:hover{color:#fff;background:#a10067;}
.colour-1{background:transparent url(../images/colour-1.gif) left 7px no-repeat;padding:0 0 0 15px;}
.colour-2{background:transparent url(../images/colour-2.gif) left 7px no-repeat;padding:0 0 0 15px;}
.colour-3{background:transparent url(../images/colour-3.gif) left 7px no-repeat;padding:0 0 0 15px;}
.colour-4{background:transparent url(../images/colour-4.gif) left 7px no-repeat;padding:0 0 0 15px;}
.colour-5{background:transparent url(../images/colour-5.gif) left 7px no-repeat;padding:0 0 0 15px;}
#main-content #module-assets li{min-height:36px;}
.ppt{background:transparent url(../images/icon-ppt.png) left top no-repeat;padding:0 0 0 35px;}
.word{background:transparent url(../images/icon-word.png) left top no-repeat;padding:0 0 0 35px;}
.video{background:transparent url(../images/icon-video.png) left top no-repeat;padding:0 0 0 35px;}
.swf{background:transparent url(../images/icon-swf.png) left top no-repeat;padding:0 0 0 35px;}

.info-box{background:#fff;-moz-box-shadow:0px 0px 7px 7px rgba(0,0,0,0.1);-webkit-box-shadow:0px 0px 7px 7px rgba(0,0,0,0.1);box-shadow:0px 0px 7px 7px rgba(0,0,0,0.1);border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;margin:0 30px 26px 0;padding-bottom:10px;}

.info-box h2{font-size:1.6154em;padding:12px 0 0 25px;}
.info-box h2 a{color:#50a7dd;}
.info-box div{background:#ebedf1;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;margin:10px 10px 0 10px;padding:6px 16px 16px 16px;min-height:80px;}
.info-box img{position:absolute;}
.info-box p{width:230px;}
.info-box p.button{width:47px;margin-top:10px;}
/*home page link*/
#image-bank img{right:33px;top:13px;}
/*image bank pages*/
#image-bank-intro,#image-bank-container{margin-left:46px;}
.pager{clear:both;float:right;margin:0 20px 30px 0;display:inline;}
.pager a{text-decoration:none;display:block;float:left;margin-right:8px;padding:6px 16px;background:#50a7dd;color:#fff;font-weight:bold;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.pager a.selected,.pager a:hover{background:#18549a;}
#image-bank-container,#image-bank-container div.row{clear:both;}
#image-bank-container div.row{padding-bottom:30px;}
#image-bank-container  div.row div{float:left;width:125px;height:125px;background:#fff;margin:0 30px 0 0;
border-style:solid;
border-width:0 1px 2px 1px;
border-color:#ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
}

#image-bank-container  div.row div.last{margin-right:0;}
#image-bank-container a{display:block;padding:10px;}
#image-bank-container img{display:block;}
#resources img{right:23px;top:36px;}

/*shared*/
#content-header #back-to-all-modules,
.info-box p.button{background:#50a7dd url(../images/button-bg.gif) left top repeat-x;text-shadow:1px 1px #306484;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
#content-header #back-to-all-modules a,
.info-box p.button a{color:#fff;display:block;height:24px;line-height:24px;font-weight:bold;text-align:center;}

/*end shared*/

/*video embed*/
#video-embed{margin:0;padding:0;background:#fff;}
#video-embed a{color:#333;}
#video-embed h1{background:transparent;float:none;font-size:1.2308em;line-height:normal;color:#000;min-height:inherit;padding:0;margin:12px 10px 7px 30px;}
#video-embed p{margin:0 10px 20px 30px;}
#video-embed img{display:block;}
#embed-body{width:100%;height:483px;margin:0;padding:0;background:url(../images/embed-body-bg.jpg) left top no-repeat;}
#video-plus-caption{width:858px;text-align:center;}
/*end video embed*/


/*easy clearing*/
.clearfix:after,
#header:after,
#main-content li:after,
.info-box p.button:after,
#content-header:after,
.pager:after,
#image-bank-container  div.row:after{content:".";display:block;height:0;clear:both;visibility:hidden;}