@charset "utf-8";
/* CSS Document */

html {
 overflow-y: scroll;
 }

/*main styles*/
body
{

font: 12px Arial, Helvetica, sans-serif;
background-color:#ffffe7 ;
text-align:center;
margin-top:0;
padding:0;
} 

a
{
text-decoration:none;

}

h1, h2, h3, h4, h5
{
color:#0071BA;
}

h1
{
font-size:180%;
}

h2
{

font-size:140%;

}

h3
{
font-size:120%
}

h4
{
font-size:100%
}

h5
{
font-size:90%
}




/*uses the hodder ed logo as a background place h1 text withing the div*/
#banner
{background-image:url(images/mainbanner.jpg);
background-repeat:no-repeat;
margin: 0px 0 5px 0;
padding: 0px 0 0px 0px;
}


#banner h1
{
padding: 21px 0 22px 197px;
margin: 0 0 0 0px;
font-size: 230%;
color:#000000;
}

#banner h2
{
padding: 21px 0 22px 197px;
margin: 0 0 0 0px;
font-size: 200%;
color:#000000;
}

#banner img
{
float:left;
padding:22px 0px 0px 21px;
margin:0;
border:0;
}

#banner .mainimg
{

padding:0px 0px 0px 0px;
margin:0;
border:0;
}

/*uses the hodder arnold logo as a background place h1 text withing the div*/

#bannerarnold
{background-image:url(images/mainbanner-arnold.jpg);
background-repeat:no-repeat;
margin:0 0 0px 0;
padding: 10px 0 0px 190px;
}

#bannerarnold h1
{padding: 18px 0 30px 0;
margin: 0;
font-size: 200%;
}


#container1
{
background-image:url(images/containerbackground.jpg);
background-repeat:no-repeat;
width: 998px;
margin:0 auto;
padding: 0 0 0px 0;
/*overflow:hidden;*/
}

#container2
{
background-color:#FFFFFF;
width: 964px;
text-align:left;
overflow:hidden;
margin:0 auto;
padding: 0px 0 0px 0px;
border: #CCCCCC solid 1px;
border-bottom: #CCCCCC solid 2px;
}

#container3
{

padding: 0px 0 0 0 ;
margin: 20px 0 0 0px;
}

#container4
{
float:left;
padding: 0px 0 0 0 ;
margin: 0px 0 0 0px;
width: 760px
}

#unlockingbanner
{
padding:0;
margin:0;
}

/*breadcrumb styles*/

#breadcrumbs
{
/*background: url(images/breadcrumbs.gif) repeat-x #999999;*/
background:#fff;
color:#FFFFFF;
margin: 10px 0 0 0;
padding: 0px 0 2px 0px;
font-size: 96%;
font-weight:bold;
/*line-height: 20px;*/
line-height: 20px;

}

#breadcrumbs a 
{

color:#FFFFFF;
margin: 0 0 0 0px;
padding: 0px 0px 0px 0px;
text-decoration:none;
}



#breadcrumbs .crumb1 a:hover
{
color:#FFFF00;

}

#breadcrumbs p 
{
color:#FFF;
margin: 0 0 0 0px;
text-decoration:none;
padding: 0px 0px 0px 0px;

}

.crumb-on
{
background:#999999;
font-weight:normal;
padding: 2px 6px 2px 10px;

}

.crumb-on a:hover
{
color:#fff;
cursor:default;
}

.crumb1
{
background:#0d7acc;
padding: 2px 14px 2px 16px;
}

.crumb2
{
background:url(images/crumb-blue.jpg) no-repeat;
padding: 3px 2px 2px 0px;
margin: 0 0px 0px 0px;

}

.crumb3
{
background:url(images/crumb-blue-white.jpg) no-repeat;
padding: 3px 2px 2px 0px;
margin: 0 0px 0px 0px;

}


.crumb4
{
background:url(images/crumb-blue-grey.jpg) no-repeat;
padding: 3px 2px 2px 0px;
margin: 0 0px 0px 0px;

}

.crumb5
{
background:url(images/crumb-grey-white.jpg) no-repeat;
padding: 3px 2px 2px 0px;
margin: 0 0px 0px 0px;

}


.crumb6
{
background:url(images/crumb-grey.jpg) no-repeat;
padding: 3px 2px 2px 0px;
margin: 0 0px 0px 0px;

}


#main-content

{

float:left;
width: 576px;
margin: 0px 0px 0 0px;
padding: 0px 0px 0 0px;
}

/*added so top para or heading aligns with nav and sidebar*/
#main-content p, h1
{margin: 0 0 12px 0;}

 li
{
list-style-image:url(images/bullet-blue.jpg);
margin: 0 0 10px 0;
}

ol li
{
list-style-image:none;
margin: 0 0 10px 0;
}


/*sidenav*/


#sidenav {
background:url(sidenav/navTop.gif) no-repeat top;
float:left;
width: 179px;
padding: 10px 0 10px 0;
margin: 0px 20px 10px 0;}


#sidenav ul {


	background:url(sidenav/navBottom.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px 0 8px 0;	
	list-style-type: none;
	border-bottom: 0px solid #097aff;
}


#sidenav li {
	list-style-image:none;
	margin: 0;

	border-right: 1px solid #097aff;
	border-bottom: 0;
	border-top: 0;
	border-left: 0;
	}
	


#sidenav a {
    color:#0066ff; 
	text-decoration: none;
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding: 5px 3px 5px 10px;	
	border-top: 1px #FFFFFF solid;
}

#sidenav li a:hover {
background-color:#0066ff;
color:#fff;
}

#sidenav li.current {

	background-color:#0066ff;
}
#sidenav .current a {
color:#FFFFFF;

}




/*subnav*/

#sidenav ul ul
{
background:#FFFFFF;
background-image:none;
border-bottom:0;
padding:0;
margin:0;
}

#sidenav li li.current  {
background-color:#0066ff;
padding:0;
margin:0;
}


#sidenav li li a {
padding: 2px 2px 2px 30px;
overflow:hidden;
color:#000;
font-size:12px;
margin:0;
}

#sidenav li li 
{
/*background-color:#0099CC;*/

background-color: #8cbaff;
border-left: 0;
border-right:0;
padding:0 0 0px 0;
margin:0;

}	

#sidenav li li a:hover
{
background-color:#0066ff;
color:#fff;

}	


/*sub sub nav*/

#sidenav li li li.current  {
background-color:#FF0000;

}

#sidenav li li li a {
padding: 2px 0 2px 45px;
color:#FFFFFF;

}

#sidenav li li li 
{
background-color:#FF9999;
border-left: 0;
border-right:0;
}	

#sidenav li li li a:hover
{
background-color:#FF0000;
color:#fff;
}	

/*for the top and bottom images on the nav bar*/
.sidenavtop
{
position:relative;
top:10px;
margin:0;
padding:0;}

.sidenavbottom /*used in a p tag at the bottom of the nav bar*/
{
background:url(sidenav/navBottom.gif) no-repeat top;
padding:0px 0 0px 0;
margin:0 0 0px 0;}

/*right hand sidebar for images etc*/
#sidebar
{
/*background:url(images/shadedLineHealthSciences.gif) no-repeat;*/
min-height: 400px;
float:left;
/*width 130px*/
width:160px;
padding: 0 0px 0 0px;
margin: 0 0 0 20px;
}

#sidebar ul
{
padding: 0 0px 0 0px;
margin: 10px 0 0 12px;
list-style-image:none;
}


#sidebar li
{

list-style:none;
}





/*styles for aligning picture left and text right on course pages. */
#alignright p, #alignright h2, #alignright h3, #alignright h4
{
margin: 10px 0 30px 110px;
padding: 0 20px 60px 0; 

}

/*add this to the image to align left*/
.alignleft  {
float: left;
padding: 0px 0 0px 0px;
margin: 0px 0 0px 20px;
clear:both;
}

.alignright
{
float:right;
}

/*the nav at the very top of the page*/
#topnav
{background:url(images/top-nav-background.gif)  repeat-x;
font-size:12px;
font-weight:bold;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#topnav form
{
display:inline;
margin: 0 0 0 0px;
padding: 0 0 0px 0px;

}



#topnav ul
{
padding: 6px 0 11px 5px;
margin: 0px 0 0px 5px;
}

#topnav li
{
display:inline;

}


#topnav a

{

color:#fff;
font-weight:bold;
padding: 1px 10px 5px 0;
margin: 0 0 0px 20px;
text-decoration:none;
}
#topnav a:hover
{
color:#333333;
text-decoration:none;
}

#topnav .current
{
color:#333333;
text-decoration:none;
cursor:default;
}
/*tab navigation in the main content*/
#tabnav
{

font-size:90%;
padding: 0px 0px 0px 0px;
margin: 5px 0px 10px 0px;
/*width: 590px;*/
float:left;
width: 100%;
}



#tabnav ul
{
/*border-bottom:solid 4px #3399cc;*/

border-bottom: 2px solid #0066FF;
padding: 10px 0px 7px 0px;
margin:0;
}
#tabnav li
{
display:inline;
padding:0 1px 0 0px;
margin:0;
}


#tabnav .current a
{
background: #fff url(images/tab-nav-bkgnd.jpg) top repeat-x ;
border: 2px solid #0066FF;
border-top: 0px solid #0066FF;
border-right: 2px solid #0066FF;
border-bottom: 0px solid #000 ;
color:#000;
padding: 10px 3px 9px 3px;
cursor:default;
font-weight:bold;

}

#tabnav .current a:hover
{
background: #fff url(images/tab-nav-bkgnd.jpg) top repeat-x ;
border: 2px solid #0066FF;
border-top: 0px solid #0066FF;
border-right: 2px solid #0066FF;
border-bottom: 0px solid #000 ;
color:#000;
padding: 10px 3px 9px 3px;
cursor:default;
font-weight:bold;
}

#tabnav a
{

background:#ececec ;
color:#666666;
text-decoration:none;
padding: 5px 5px 7px 5px;
margin:0;

}

#tabnav a:hover
{


border: 2px solid #ccc;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
border-bottom: 0px solid #000 ;

padding: 3px 3px 7px 3px;



}



/*tab navigation in the main content Old version
#tabnav
{
font-size:90%;
padding: 0px 0px 0px 0px;
margin: 5px 0px 10px 0px;
float:left;
width: 100%;
}



#tabnav ul
{
border-bottom: 4px solid #0066FF;
padding: 8px 0px 7px 0px;
margin:0;
}
#tabnav li
{
display:inline;
padding:0 1px 0 0px;
margin:0;
}


#tabnav .current a
{
background:#0066ff url(images/tab-left-corner-blue.gif) no-repeat right;
color:#FFFFFF;
padding: 5px 11px 7px 3px;
cursor:default;
font-weight:bold;
}


#tabnav .current a:hover
{
background:#0066ff url(images/tab-left-corner-blue.gif) no-repeat right;
color:#FFFFFF;

}

#tabnav a
{

background:#ececec url(images/tab-left-corner-grey.gif) no-repeat right;
color:#666666;
text-decoration:none;
padding: 5px 11px 7px 3px;
margin:0;

}

#tabnav  a:hover
{
background:#0066ff url(images/tab-left-corner-blue.gif) no-repeat right;
color:#ffffff;
text-decoration:none;
padding: 5px 11px 7px 3px;
margin: 0;
}
*/
/*footer styles*/
#footer
{
background:url(images/footer-bkground.jpg) repeat-x;
text-align:center;
border-top: #CCCCCC solid 1px;
clear:both;
padding: 3px 0 6px 0;
margin: 15px 0 0 0px;
color:#999999;
}

#footer a
{
color:#999999;
text-decoration:none;
padding: 0;
margin: 0;
}

.footertext
{
font-size:9px;
color:#999999;}

/*Social bookmarking styles*/

#bookmark
		{border: #CCCCCC 1px solid;
		margin: 30px 0 10px 0;
		padding:10px 10px 10px 20px;
		font-size:95%;
		clear:both;
		}
#bookmark li
		{
		display:inline;
			margin:0 0px 0 0px;
		padding:0 0 20px 0px;			
		}
		
#bookmark a
		{
		margin: 0px  0 0 0px;
		padding: 0 15px 0 18px;
		
		
		}
		
#bookmark p
		{		
		margin:0 0 15px 0;
		padding:0 0 0px 0;	
		}
		
#bookmark ul
		{		
		margin:0;
		padding:0;	
		}
#bookmark .alignright
		
		{
		background:url(images/icons/info.gif) no-repeat;
		margin: -10px 10px 0 0;
		padding:0 0px 0 15px;
		float:right;}

/*For lists of contents*/
.contentslink
{background:url(images/contents-box-top.gif)  no-repeat top;
padding: 40px 0 0px 0;
margin: 0;


}

.contentslink ul
{
background:url(images/contents-box-bkgrd.gif) repeat;
margin: 0px 0 0 0px;
padding: 3px 0 10px 0px;


}
.contentslink li

{


list-style-image:none;
list-style:none;
margin: 0px 0 0px 25px;
padding: 5px 0 5px 0px;

}


.contentslink a

{
background:url(images/contents-arrow.gif) no-repeat ;
margin: 0 0 15px 0px;
padding: 0px 0px 0px 20px;

font-weight:bold;
}

.contentslink a:hover

{
color:red;
}

/*icon styles*/
.zip
{background:url(images/icons/zip-icon.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.pdf 
{background:url(images/icons/pdf-icon.jpg) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.txtfile
{background:url(images/icons/text-file.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}


.word
{background:url(images/icons/word.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.ppt
{background:url(images/icons/ppt-icon-small.jpg) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;
}

.excel
{background:url(images/icons/excel.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.personal-tutor
{background:url(images/icons/personal-tutor.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.question
{background:url(images/icons/question-mark.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.geogebra
{background:url(images/icons/geogebra.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.imagelibrary
{background:url(images/icons/image-library.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.interactive
{background:url(images/icons/interactive.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.tick
{background:url(images/icons/tick.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}
.mcqs
{background:url(images/icons/mcqs.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.flashcard
{background:url(images/icons/flash-card.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}


.register
{background:url(images/icons/register.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.additional-material
{background:url(images/icons/additional-material.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.book
{background:url(images/icons/book.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.paper
{background:url(images/icons/paper.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.e-updates
{background:url(images/icons/e-updates.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.buynow
{background:url(images/icons/buy-now.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.login
{background:url(images/icons/login.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.weblinks
{background:url(images/icons/web-links.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;}

.mpg
{background:url(images/icons/mpg-icon-small.jpg) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;
}

.mp3
{background:url(images/icons/mp3.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;
}

.play
{background:url(images/icons/play.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;
}

.phone
{background:url(images/icons/phone.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;
}


.fax
{background:url(images/icons/fax.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;
}

.email
{background:url(images/icons/email.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;
}

.post
{background:url(images/icons/post.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;
}


.hoddered
{background:url(images/icons/hoddered-icon.gif) no-repeat ;
margin: 0 0 0px -20px;
padding: 0 0 10px 22px;
list-style-image:none;
list-style:none;
}

.digg
{background:url(images/icons/digg.gif) no-repeat ;

list-style-image:none;
list-style:none;
}

.delicious
{background:url(images/icons/delicious.gif) no-repeat ;

list-style-image:none;
list-style:none;
}

.reddit
{background:url(images/icons/reddit.gif) no-repeat ;

list-style-image:none;
list-style:none;
}

.StumbleUpon
{background:url(images/icons/StumbleUpon.gif) no-repeat ;

list-style-image:none;
list-style:none;
}

.facebook
{background:url(images/icons/facebook.gif) no-repeat ;

list-style-image:none;
list-style:none;
}

.google
{background:url(images/icons/google.gif) no-repeat ;
list-style-image:none;
list-style:none;
}

.home-icon
{background:url(images/home-button.jpg) no-repeat;
padding: 5px 30px 5px 8px;
margin: 0 0 0px 0;
list-style-image:none;
list-style:none;

}



.hodderedhome
{background:url(images/hodder-ed-button.jpg) no-repeat ;
padding: 5px 35px 5px 6px;
margin-right: 300px;/*this adds the space to postion the search box right*/
list-style-image:none;
list-style:none;
}

.philipallanhome1
{background:url(images/hodder-ed-button.jpg) no-repeat ;
padding: 5px 35px 5px 6px;
margin: 0 0px 0 0;
list-style-image:none;
list-style:none;
}

.philipallanhome2
{background:url(images/hodder-ed-button.jpg) no-repeat ;
padding: 5px 35px 5px 6px;
margin: 0 164px 0 0;/*this adds the space to postion the search box right*/
list-style-image:none;
list-style:none;
}

/*arrow links*/
.bluearrowlink 

{
background:url(images/blue-arrow.jpg) no-repeat;
list-style-image:none;
list-style:none;
padding: 0px 0px 10px 22px;
margin: 0 0 0px -20px;
}



.bluearrowlink a:hover

{
color:#FF0000;
}

.purplearrowlink
{background:url(images/purple-arrow.jpg) no-repeat;
padding: 0px 0px 10px 22px;
margin: 0 0 0px -20px;
list-style-image:none;
list-style:none;

}

.greenarrowlink
{background:url(images/green-arrow.jpg) no-repeat;
padding: 0px 0px 10px 22px;
margin: 0 0 0px -20px;
list-style-image:none;
list-style:none;

}

.plus
{
background:url(images/icons/plus-sign.gif) no-repeat;
margin: 0 0px 0px 0px;
padding: 2px 0px 0 20px;
font-weight:bold;
color:#0000FF;
cursor:pointer;
}

.minus
{
background:url(images/icons/minus-sign.gif) no-repeat;
margin: 0 0px 0px 0px;
padding: 2px 0px 0 20px;
font-weight:bold;
color:#FF0000;
cursor:pointer;
}
.pointer
{
cursor:pointer;
}

.greenarrowlink-down
{background:url(images/green-arrow-down.jpg) no-repeat;
padding: 0px 0px 10px 22px;
margin: 0 0 0px -20px;
list-style-image:none;
list-style:none;

}

.darkbluelink
{background:url(images/dark-blue-arrow.jpg) no-repeat;
padding: 0px 0px 10px 22px;
margin: 0 0 0px -20px;
list-style-image:none;
list-style:none;

}

.turquoisearrowlink
{background:url(images/turquoise-arrow.jpg) no-repeat;
padding: 0px 0px 10px 22px;
margin: 0 0 0px -20px;
list-style-image:none;
list-style:none;
}

.redarrowlink
{background:url(images/red-arrow.jpg) no-repeat;
padding: 0px 0px 10px 22px;
margin: 0 0 0px -20px;
list-style-image:none;
list-style:none;
}

.orangearrowlink
{background:url(images/orange-arrow.jpg) no-repeat;
padding: 0px 0px 10px 22px;
margin: 0 0 0px -20px;
list-style-image:none;
list-style:none;
}

/*home page styles*/

.darkblueheading
{
background: url(images/heading-background-dark-blue.jpg) no-repeat ;
color:#FFFFFF;
padding: 7px 0 7px 40px;
margin:0;
}

.greenheading
{
background: url(images/heading-background-green.jpg) no-repeat ;
color:#FFFFFF;
padding: 7px 0 7px 40px;
margin:0;
}

.purpleheading
{
background: url(images/heading-background-purple.jpg) no-repeat ;
color:#FFFFFF;
padding: 7px 0 7px 40px;
margin:0;
}

.redheading
{
background: url(images/heading-background-red.jpg) no-repeat ;
color:#FFFFFF;
padding: 7px 0 7px 40px;
margin:0;
}
.blueheading
{
background: url(images/heading-background-blue.jpg) no-repeat ;
color:#FFFFFF;
padding: 7px 0 7px 40px;
margin:0;
}

.turquoiseheading
{
background: url(images/heading-background-turquoise.jpg) no-repeat ;
color:#FFFFFF;
padding: 7px 0 7px 40px;
margin:0;
}


.yellowheading
{
background: url(images/heading-background-yellow.jpg) no-repeat ;
color:#FFFFFF;
padding: 7px 0 7px 40px;
margin:0;
}

.orangeheading
{
background: url(images/heading-background-orange.jpg) no-repeat ;
color:#FFFFFF;
padding: 7px 0 7px 40px;
margin:0;
}

#leftdivide
{
padding: 0px 0px 0px 0px; 
float:left;
width:420px;
margin:0 30px 0 0;
}

#rightdivide
{
background:url(images/shadedLineHealthSciences.gif) no-repeat;
min-height: 400px;
float:left;
padding: 0 0px 0 50px;
width: 400px;
}

#rightdivide2
{
float:left;
padding: 0 0px 0 50px;
width: 400px;
}



/*if the site has no left nav*/

#main-text-nonav
{
float:left;
padding: 0px 0 0 0px ;
margin: 9px 10px 0 20px;
width: 97%;
}

#main-text-nonav-sidebar
{
float:left;
padding: 0px 0 0 0px ;
margin: 0px 17px 0 0px;
width: 680px;
}


#sidebar-nonav
{
float:right;

}



/*Other styles*/

.hidden
{
display:none;

}
.clearall
{clear:both;}


.greybackground
{
clear:both;
background-color:#d7d2c8;
padding:4px;
}

.lightgreybackground 
{
clear:both;
background-color:#f2f2f2;
padding:10px;
margin-bottom:10px;
}

.lightgreybackground hr
{

border: 1px solid #fff;



}

.lightbluebackground 
{
clear:both;
background-color:#eff8ff;
padding: 10px 10px 10px 10px;
margin-bottom:10px;
overflow:hidden;

}

.lightbluebackground-border
{
clear:both;
background-color:#eff8ff;
border:#d8e5f0 1px solid;
padding: 10px 10px 10px 10px;
margin-bottom:10px;
overflow:hidden;

}

#sidebar .lightbluebackground-border
{
clear:both;
background-color:#eff8ff;
border:#d8e5f0 1px solid;
padding: 5px 5px 5px 6px;
margin-bottom:10px;
overflow:hidden;

}

.lightgreenbackground 
{
clear:both;
background-color:#eef7e8;
padding: 5px 10px 10px 10px;
margin-bottom:10px;
}

.underlineblue
{
border-bottom: solid 5px #0071BA;
padding-bottom: 10px;
}

.underlinebluethin
{
border-bottom: solid 1px #0071BA;
padding-bottom: 5px;
}


.underline
{
padding: 0 0 5px 0;
border-bottom: 1px solid;
border-bottom-color:#CCCCCC; 
}

.nobullet 
{
list-style-image:none;}

.redtext
{color:#FF0000;
}

.darkredtext
{
color:#b30d11;
}
.greentext
{
color:#75c145;
}

.tableborder td 

{
border: 1px #CCCCCC solid;
padding: 10px;
}


.border
{
border:#0066CC solid 1px;
padding: 5px;
margin:3px 0 5px 0;} 

.nospace /*use for headings that want no-space at top and bottom*/

{
margin: 0;}

.nospacetop /*use for headings that want no-space at top */

{
margin-top: 0;
margin-bottom: 19px;

}

.bluebackgroundheader
{background-color:#0071BA;
color:#FFFFFF;
padding: 3px;
}

.bluebackgroundheader-nospacetop
{background-color:#0071BA;
color:#FFFFFF;
margin-top:0;
padding: 3px;
}

.greybackgroundheader
{background-color:#e3e5e5;
color:#333;
padding: 3px 3px 3px 10px;


}


.imgalignleft
{
float:left;
margin: 0 20px 10px 0;}

#sidebar .imgalignleft
{
float:left;
margin: 0 7px 5px 0;}

.imgalignright
{
float:right;
margin: 0 0px 8px 20px;}

.largetext
{
font-size:130%;

}

.smalltext
{
font-size:85%;
color:#666666;
}

#sidebar .smalltext
{
font-size:88%;
color:#666666;
}

form .buttonalignright

{float:right;
background:url(images/buttons/red-button-bknd.jpg) no-repeat #FFFFFF;
width: 85px; 
padding: 6px 18px 10px 0px;
margin:0 0 0 3px;
border:0;
color:#FFFFFF;
font-weight:bold;
}


.next 
{background:url(images/next.gif) no-repeat right;
border: 1px solid #666;
padding: 2px 18px 2px 8px;
color:#0099FF;
font-weight:bold;
}

.previous 
{background:url(images/previous.gif) no-repeat left;
padding: 2px 18px 2px 18px;
margin: 0 10px 0 0;
border: 1px solid #666;
color:#666;
font-weight:bold;
}

.bold
{
font-weight:bold
}


.loginform 
{
background:url(images/login-bkgnd.jpg) no-repeat;
overflow:hidden;


padding: 25px 10px 12px 10px;
margin:0;
color:#0066CC;
}


.loginbutton
{
background:url(images/buttons/green-button-bknd.jpg) no-repeat #FFFFFF;
width: 85px;
height: 35px;
font-size:12px;
text-align:center;
padding: 0px 10px 4px 0px;
margin:0;
border:0;
color:#FFFFFF;
font-weight:bold;
}

.loginbutton
{
background:url(images/buttons/green-button-bknd.jpg) no-repeat #FFFFFF;
width: 85px;
height: 35px;
font-size:12px;
text-align:center;
padding: 0px 10px 4px 0px;
margin:0;
border:0;
color:#FFFFFF;
font-weight:bold;
}

.loginbutton:hover
{
color:#000000;
}

.greenbuttonlink
{


background:url(images/buttons/green-button.gif) no-repeat ;
width: 85px;
height: 35px;
font-size:12px;
text-align:center;
padding: 8px 0px 0px 0px;
margin:0;
border:0;
color:#FFFFFF;
font-weight:bold;
list-style:none;
list-style-image:none;
}

.greenbuttonlink a
{

color:#FFFFFF;

}



.searchbutton
{
background:url(images/buttons/green-button-bknd-square.jpg) no-repeat #FFFFFF;
font-size:11px;
width: 59px;

padding: 4px 0px 3px 0px;
margin:0;
border:0;
color:#FFFFFF;
font-weight:bold;
}

.darkgreytext
{
color:#333333;

}


.inline
{

margin: 15px 0px 20px 0;
padding: 0;

}

.inline li
{
display:inline;
margin: 0 35px 0 0;

}


.inline2
{

margin: 15px 0px 20px 0;
padding: 0;

}

.inline2 li
{
display:inline;
margin: 0 0px 0 0;
padding: 0 5px 0 5px;
border-right: 1px solid #999999;
}




/*FOR EXTERNAL DEVELOPERS Please add extra styles below*/


.greycenteralign
{

background:#e9e9e9;
text-align:center

}

.openclosetext
{
float:right;
font-weight:bold;
padding: 3px;
}


.plusall a
{
background:#0099CC;
color:#fff;
padding:5px;
cursor:pointer;
}

.plusall  a:hover
{
background:#0000FF;

}

.minusall a
{
background:#CC0000;
color:#fff;
padding:5px;
cursor:pointer;
}

.minusall  a:hover
{
background:#CC3333;

}




