html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: Arial, Helvetica, sans-serif;

	vertical-align: baseline;	
	}

p { padding: 5px 0; }

p, ul, ol { font-size: 12px; margin-bottom:10px; }

/*a:focus { outline: 1px solid #E44298; } */

body {
	line-height: 1;
	color: #221e1f;
	font-size:12px;
	margin: 20px 0;
	background: url(../images/backgrounds/background.jpg) #000 center 0 no-repeat;
}

ol, ul {

}

/* tables still need 'cellspacing="0"' in the markup */

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 960px;
	text-align: left;
	margin: 0 5px 10px 5px;
}


caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.clear { clear: both; }

/* layout divs */

#wrapper { width:970px; margin: 0 auto; background-color:#fff; padding:5px; overflow:hidden; }

#header { background: url(../images/topCurve.png) no-repeat; height:180px; margin: 0 auto; width:980px; overflow: hidden; }

#slideshow { margin: 10px 0 0 20px; float: left; }

#mainNavigation {float:left; background:url(../images/navBg.jpg) 0 bottom repeat-x #EDEDED; margin: -5px 0 20px -5px; height: 30px; width:980px; display:inline; }

.column {float:left; width:200px; min-height:100px; margin:5px; display:inline; vertical-align:top; margin:5px; padding:0 10px; }

.columnDouble {float:left; width:660px; min-height:100px; margin:5px; padding:0 10px; display:inline; }

.columnTriple {float:left; width:940px; min-height:100px; padding:0 5px; display:inline; }

p img { vertical-align: middle; }

div.clear {clear:both;}

/* UL's */

#mainNavigation ul li { display:inline;  } 

#mainNavigation ul li a { /*text-transform: capitalize;*/ color: #000; display: block; padding: 10px 15px 0 15px; float: left; height:20px; text-decoration: none; font-weight: bold;  }

#mainNavigation ul li a span {display:block; text-transform:capitalize; font-weight:normal; height:20px;}

#mainNavigation ul li a:hover { background: #fff; text-decoration: none; }

/* headings */

h1, h2 { color: #000000; font-size: 18px; }

/* links */

a { text-decoration: none; }

a:hover { text-decoration: underline; }

input { font-size: 11px; }

/*end of input styling for selects etc*/

h2 { margin-top: 30px; }

strong { font-weight: bold; }

em { font-style: italic; }

/* new footer */

#footer { height: 182px; background: url(../images/footerShadow.jpg) #ededed repeat-x; margin:80px 0 -5px -5px;  width: 920px; clear: both; padding: 10px 30px 0 30px; position: relative;  }

#footerBottom { border-top: 1px solid #e1e1e1; color: #b5b5b5; margin-top: 60px; padding-top: 15px; }

.footerCol { float: left; width: 20%; color: #5c5d5d; overflow: hidden }

.footerCol ul li { min-height: 16px; font-size: 11px; }

.footerCol p { font-size: 12px; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; padding-top: 0; }

.footerCol p.para { font-weight: normal; text-transform: none; line-height: 16px; font-size: 11px; }

.footerCol p.para a { color: #E74098; font-weight: bold; }

.footerCol a { font-weight: normal; color: #5c5d5d; }

.footerCol a:hover { color:#E74098; text-decoration: underline; }

#footerBottom a { color: #b5b5b5;  font-weight: normal; font-size: 11px; } 

#footerBottom a:hover { color: #E63F97; text-decoration: none;}

#footerBottom p { font-size: 11px; padding-top: 0; }

p.toTop { font-weight: bold; float: right; margin: -30px 0 0 -20px; }

p.toTop img { margin-top: -1px; }

img.brCurve { position: absolute; bottom: 0; left: 0; }

div.footerCol p { line-height: 100%; padding: 0; }

div.footerCol ul { margin-bottom: 0; }

/* top level nav */

#topLevelNav li a { font-weight: bold; }
#topLevelNav img { padding:30px 0px; float: right; }
#networkNav li.last, #topLevelNav li.last { border: none; }
#topLevelNav ul { margin-top: -26px; }
#topLevelNav ul, #networkNav ul { margin-right: -8px; }

/* form */
#content {  min-height:300px; vertical-align:top;  }
#content.results p { padding: 30px 0 0 10px; }
fieldset {  width: 650px; }
form ul { list-style: none; width: 650px; }
form ul li { padding: 5px 20px; position: relative;  }
form ul li input { /*width: 250px; height: 16px; padding-top: 4px;*/ margin-right: 10px; }
form ul li input:focus { outline: 1px solid #2d2d2d; }
form ul li span { color: #000; font-size: 11px; float: right; width: 350px; min-height: 20px; line-height: 16px; position: absolute; top: 8px; right: -260px; }
span.years { right: -530px; }
form ul li label { font-weight: bold; float: left; display: block; width: 94px; height: 19px; line-height: 19px; }
form ul li span img { vertical-align: middle; margin-left: -18px; }
legend span { color: #D70101; }
#content form ul li.noinput { margin-top: 10px; margin-bottom: 20px; }
#content form ul li.noinput label { width: 100%; }
form ul li.twoCol { width: 160px; float: left; }
form ul li.twoCol span { display: none; }
form ul li.notice { clear: both; }
form ul li.notice { color: #D70101; font-size: 12px; }
legend { font-size: 15px; font-weight: bold; padding: 20px 0 10px 20px; }
th { background: #333; height: 20px; line-height: 20px; color: #fff; padding:10px; font-size: 15px; }
td { padding: 10px; font-size: 12px;  height: 20px; }
td img { vertical-align: middle; }
tr.odd { background: #ededed; }
tr.hovered { background: #ff0; }
td a { color: #333; }
th a, th { color: #fff; font-weight: bold;}
td.fixed, th.fixed { width: 60px; text-align: center;  }
th.fixed {font-weight: bold; }
#pageSelector { width: 400px; margin: 20px auto; text-align: center; }
#pageSelector a { color: #E44298; }
#pageSelector a:hover { text-decoration: underline; }
#tv, #radio {
float:left;
margin:0 auto;
padding:50px;
}


#networkNav { margin-top: 10px; }

#topLevelNav, #networkNav { width: 728px; height: 35px; color: #fff; float: right; margin-right: 20px; }

#networkNav p { display: block; width: 300px; padding: 0; float: left; font-size: 11px; line-height: 35px; }

#topLevelNav ul, #networkNav ul, #networkNav ul { list-style: none; float: right; height: 35px; line-height: 35px;}

#topLevelNav ul li, #networkNav ul li { display: inline; border-right: 1px solid #fff; }

#topLevelNav ul li a, #networkNav ul li a { color: #fff; padding: 0 8px; font-size: 11px; }

#networkNav ul li a { font-weight: normal; }


#topLevelNav img { margin-right: -5px; }

ul li label span { line-height: 14px; }

img#partner {  margin: 3px 0 0 77px; }

ul#siteLinks {
font-weight: bold;
}

.inactiveaudition_link, .download_link_alternative, .inactivedownload_link, #demo .inactivedownload_link_alternative { display: none; }

#demo .inactiveaudition_link, #demo .inactivedownload_link { display: block; }


#homeDisplay {
margin:0 auto;
position:relative;
width:939px;
margin-left:18px;
height:507px;
background:url(/ilm-education/images/education_home.jpg);
	
}

#registerButton:hover, #signinButton:hover  { text-decoration: none; }

#registerButton {	
	top:1px;
}

#signinButton {	
	top:107px;
}

#demoButton { top: 212px; }

#demoButton, #signinButton, #registerButton { display:block; width:224px; height:99px; position:absolute; right:2px; }

#registerButton:hover, #signinButton:hover, #demoButton:hover { text-decoration: none; }

em { font-weight: normal; padding-left: 11px; }

.logo {
padding-left:10px;
padding-top:10px;

}

#content p.error { margin-bottom: 10px; color: #c00; font-weight: bold; display: block; padding:10px 10px 10px 20px; }

/* css added by mark 19/03/10 */

li.twoCol.right label { width: 94px; text-align:center;}
label em { font-weight: normal; padding-left: 20px; font-size: 12px;}
#search { margin-left: 92px; }
#clear { margin-left: 131px; }

#content.copy p { font-size: 12px; padding: 5px; line-height: 16px; }
#content.copy ul { list-style: disc; padding: 10px 0;}
ol { list-style:lower-roman; }
#content.copy li { font-size: 12px; padding: 5px 0; line-height: 16px;margin-left: 40px;  }
#content.copy h1 { padding: 0 0 10px 5px; }
#content.copy h2 { font-size: 14px; padding: 10px 0 5px 5px; margin-top: 0; font-weight: bold;}
#content.copy { padding-bottom: 20px; }
#content.copy a { color: #E74098; }
#content li p { padding: 5px 0 0 100px; font-style: italic; }
label em { font-weight: normal; padding-left: 20px; font-size: 12px;}
#pageInformation { margin-left: 5px; }
#searchInfo { margin: 0 0 20px 20px; }

/* css added by mark 06/04/10 */

#track_details { background: none #000; margin: 0; }
#artwork { float: left; margin-right: 20px; width: 116px; }
#artwork img { border: 1px solid #444; }
#details { background: #fff; padding: 10px; position: relative; height: 500px; margin: 10px; line-height: 14px; }
#details ul { margin-bottom: 20px; list-style: none; }
#details ul li { padding-bottom: 5px; overflow: hidden; }
#details label { font-weight: bold; display: block; float: left; width: 130px; }
#details span { display: block; float: left; width: 210px; }
#detailsContent { float: left; }
#ilmid { position: absolute; bottom: 10px; left: 10px; }
#ilmid label { width: 50px; margin-right: 5px; }
.notice { margin: 5px 0; color: #c00; display: block; width: 335px; }
.notice span { font-weight: bold; }

#demo_cart_msg { display: none; }
#demo #demo_cart_msg {display: block; color: #c00; margin-top: -32px; text-align: right; padding-right: 7px; }


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

