/********** Headings **********/

h1#basicpagetitle { 
	font-size: 1.6em;
	line-height: 1.3;
	margin: 1em 0 .5em 0em;
	font-family: 'Trebuchet MS', sans-serif; 
	color: #4888ac; 
}

h1#pagetitle { 
	font-size: 24px;
	margin: .5em 0 .5em -0.3em;
	padding: .3em 0em .4em .8em;
	font-family: 'Trebuchet MS', sans-serif; 
	color: #fff; 
	background: url(../img/page-title-bg.gif) no-repeat;
}
h2 {
	color: #4888ac;
	font-size: 1.6em;
	font-family: 'Trebuchet MS', sans-serif; 
	margin: .5em 0 .5em 0; padding:0;
}
h3 {
	color: #4888ac;
	font-size: 1.2em;
	font-family: 'Trebuchet MS', sans-serif; 
	font-weight:bold;
	margin: 2em 0 .5em 0; padding:0;	
}
h4 {
	color: #4f4f4f;
	font-size: 1.2em;
	font-family: 'Trebuchet MS', sans-serif; 
	font-weight:bold;
	margin:0; padding: .5em 0 0 0;
}


/********** Text **********/


strong { 
	color: #4f4f4f;
}
p {
	font-size: 1.15em;
	line-height: 1.6;
}
.smaller {
	font-size: 1em;
}

/********** LINKS **********/


a { 
	color: #518fb3; 
	text-decoration: none; 
	letter-spacing: .6px;
	margin: 0 .2em;
}
a:hover { 
	color: #518fb3; 
	text-decoration: underline;
}


/* marker link
*/

a.marker-link{
	background: url(../img/marker1.gif) no-repeat 0em .35em; 
	padding: 0 0 0 .8em;
	margin: .5em 0 0 .5em;
	font-size: 1.1em;
}


/* large link
*/

a.large-link {
	font-size:1.4em;
}


/* large link
*/

a.normal-link {
	font-size:1.2em;
}


/* exercise sheet link
*/

a.exercise-sheet-link{
	font-size: 1.3em;	
}



/********** LISTS **********/


/* standard list
*/

ul {
	padding: 0 0 .5em .5em; margin:0;
	list-style: none;
}
li { 
	margin: 0; padding: 0 0 .2em 1em;
	background: url(../img/marker1.gif) no-repeat 0em .35em; 
	font-size: 1em;
}

ol li{
	background-image: none;
}

/* horizontal list
*/
ul.inline-list { 
	margin: 0; padding:0;
}
ul.inline-list li { 
	margin: 0 1em 0 0;
	padding: 0 0 0 .9em;
	display:inline;
}


/* list small and large
*/

ul.narrow-list-small, ul.narrow-list-large { 
	width: 230px;
	float:left;
}

ul.narrow-list-small li  { 
	margin: .5em;
	font-size:1.2em;
}

ul.narrow-list-large li  { 
	margin: .5em 0;
	font-size:1.3em;
}



/* wide text list
*/

ul.wide-list { 
	width: 450px;
}

ul.wide-list li { 
	margin: .5em;
}


/* wide text list
*/

ul.wide-list-thin { 
	width: 450px;
	margin: 0 0 1em .5em;
}

ul.wide-list-thin li { 
	margin: .7em .5em;
}


/* thumbmail list 
*/

ul.thumbnail-list { 
	margin: 0; padding:0;
	width: 415px;
	float:right;
}

ul.thumbnail-list li {
	font-size:1.1em;
}



/********** Images **********/


/* thumbnail image
*/

p img.left-thumb {
	float: left;
	padding: .4em 1em .2em .2em;
}


/* bodyarea image
*/

img.bodyarea-image { 
	margin: 2em 4em 0 0;
	float:right;
}





/********** Horizontal Rule **********/



hr.dotted {
	background: url(../img/doth.gif) repeat-x top left; 
	margin: 1em .5em 0 0; padding:0;
}




/********** Utility Classes **********/



.floatright    { float:right }
.floatleft     { float:left }
.border        { border: 1px solid #000 }
.sep           { padding: 0px 2px 0px 6px; margin:0 }
.block         { display:block }
.inline        { display:inline }
.underline     { border-bottom: 1px solid #ccc }
.indent 	   { margin: 0 0 0 1.25em }


.message_info { 
	color: #666;
	background: #fcffdf;
	letter-spacing: 0.8px;
	padding: 0.5em 1em;
	margin: 0em 2em 1em 0em;
	display:block;
}


/********** Small / Large Box **********/


/* small box
*/

.small-box {
	padding: 0 0 1em 0; margin: 0 0 2em 0;
	width: 310px;
	background: url(../img/small-box-bottom.gif) no-repeat bottom left; 
}

.small-box .body {
	background: url(../img/small-box-sides.gif) repeat-y; 
	padding: 1em 2.5em 1em 2em;
}

.small-box h3 {
	background: url(../img/small-box-top.gif) no-repeat bottom left;
	color: #fff;
	height: 28px;
	padding: 1em 0 0 1em; margin: 0;
	font-size: 16px; /* avoid the header breaking when text is resized */
	font-weight:bold;
	letter-spacing:.2px;
	font-family: 'Trebuchet MS', sans-serif;
}

.small-box p {
	line-height: 1.6;
	margin: .5em 0; padding:0;
}



/* large box
*/

.large-box {
	padding: 0 0 1em 0;
	width: 530px;
	background: url(../img/large-box-bottom.gif) no-repeat bottom left; 
}


.large-box .body {
	background: url(../img/large-box-sides.gif) repeat-y; 
	padding: 1em 2em;
}


.large-box h3 {
	background: url(../img/large-box-top.gif) no-repeat bottom left;
	color: #fff;
	height: 32px;
	padding: 1em 0 0 1em; margin: 0;
	font-size: 18px; /* avoid the header breaking when text is resized */
	font-weight:bold;
	letter-spacing:.2px;
	font-family: 'Trebuchet MS', sans-serif;
}

.large-box h4 {
	padding: 1.5em 0 0 0; margin: 0;
	font-size: 1.1em;
	font-weight:bold;
	letter-spacing:.2px;
	font-family: 'Trebuchet MS', sans-serif;
}

.large-box .heading {
	padding: 0; margin: 0;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 1.25em;
	font-weight:bold;
	letter-spacing:.2px;
	font-family: 'Trebuchet MS', sans-serif;
}

.large-box p {
	line-height: 1.6;
	margin: 1.5em 0 1em 0; padding:0;
}

.large-box p.smaller, .large-box span.smaller {
	line-height: 1.6;
	margin: .5em 0; padding:0;
}




/********** Articles **********/

.article-content ul li {
	font-size: 1.15em; 
}

p.author {
	font-size:.95em;
	margin:0 0 1em; padding:0;
}

p.author a { 
	padding: 0 .3em 0 .2em; 
}





/********** Specific Markup **********/


/* body / container background
*/

body { background: #0f2837}

.container { background: #fff}



/* tagline 
*/


dl#tagline  {
	margin:0 0 0 1em;  
	width: 270px;
	background: #e6f6ff url(../img/tagline-top2.gif) no-repeat top left; 
}

dl#tagline dd {
	margin:0;  padding: .2em 2.5em; 	
	font-family: 'Trebuchet MS', sans-serif; 
	font-size: 13.5px; 
	letter-spacing: .6px; 	
	line-height: 1.5;
	text-align: center;
	background: url(../img/tagline-bottom2.gif) no-repeat bottom left 
}
* html dl#tagline dd
{
	letter-spacing: 1px;
}




/* main nav 
*/

ul#nav {
	padding: 0; margin: 0 0 2em 0;
	list-style-type: none;
	float: left;
	width: 100%;
	color: #fff;
	background: #036 url(../img/nav-normal.gif) repeat-x;
}

ul#nav li { 
	display: inline; background-image: none; padding:0; margin:0; 
}

ul#nav li a, ul#nav li span {
	float: left;
	color: #fff;
	padding: .4em 1.4em .5em 1.4em; margin:0;
	text-decoration: none;
	text-align: center;	
	font-size: 16px; /* avoid the nav breaking when text is resized */
	letter-spacing: .2px;
	font-weight:bold;
}

ul#nav li a {
	background: #036 url(../img/nav-normal.gif) repeat-x;
}

ul#nav li span {
	background: #369 url(../img/nav-selected.gif) repeat-x;
}

ul#nav li a:hover {
	background: #369 url(../img/nav-selected.gif) repeat-x;
	color: #fff;
}



/* login nav 
*/

ul#login-nav {
	float: right;
	padding:0; margin: 4px 0 0 0;
	list-style-type: none;
	height: 30px; 	
}

ul#login-nav li { 
	display: inline; 
	background-image: none;
}

ul#login-nav a, ul#login-nav span {
	text-decoration: none;
	color: #4f4f4f; 
}

ul#login-nav a:hover {
	text-decoration: underline;
}

ul#login-nav .icon   { margin: 0 2px -4px 0; }
ul#login-nav .button { margin: 4px 0 -8px 0; }


/* breadcrumbs
*/

ul#crumbs {
	list-style-type: none; 
	margin: 0; padding:0;
	letter-spacing: 0px;
	float:left;
}
ul#crumbs li {
	display: inline;
	margin:0;padding:0;
	background-image: none;
}



/* manage injury - homepage banner
*/

#manage-injury{
	background: url(../img/manage-injury-bg.gif) no-repeat;
	height: 300px;
	width: 530px;
	margin:0 0 3em 0;
}

#manage-injury h2 {
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 2em;
	color: #4f4f4f; 
	float:left;
	padding: .8em 0 0 1em;
	margin:0;
}

#manage-injury img.button {
	float:right;
	padding: 2em 3em 0 0;
	margin:0;
}

#manage-injury p {
	font-size: 1.3em;
	padding: 2em 2.5em 2em 2em; margin:0;
	letter-spacing: .7px;
	line-height: 1.8;
	clear:both;
}

#manage-injury img.flowchart {
	padding: 0 0 0 2em;
	margin:0;
}



/* summary 
*/

.summary  {
	width: 502px;
	background: #e6f6ff url(../img/summary-top.gif) no-repeat top left; 
	margin: 0 0 1em 0;
}
.summary h3 {
	padding: 1em 1em .5em 1.5em; margin:0;
	font-size: 14px; /* fix font */	
	font-weight: bold;
	color: #4f4f4f;
}
.summary p {
	padding: 0 1.2em 1.2em 2.2em ; margin:0; 	
	font-size: 12px; /* fix font  */
	word-spacing: 0.1em; 
	line-height: 1.5;
	letter-spacing: .2px; 
	background: url(../img/summary-bottom.gif) no-repeat bottom left 
}




/* right col boxes
*/
dl.right-col-box{
	background: url(../img/right-col-box-bg2.gif) no-repeat;
	height: 110px;
	width: 300px;
	clear:both;
	margin: 0 1em 1em 0em;
}
dl.right-col-box dd a.right-col-box-link {
	color: #4f4f4f; 
	text-decoration: none;  
	float:right;
	margin: 2em 1.5em 2em 0.5em ; 
	width: 7.5em;
	font-size: 16px;  /* avoid the boxes breaking when text is resized */
	letter-spacing: .2px;
	font-family: 'Trebuchet MS', sans-serif;
}
dl.right-col-box dd a.right-col-box-link:hover {
	color: #4f4f4f; 
	text-decoration: underline;  
}
dl.right-col-box dd img {
	margin: 1em 0.5em 1em 1em ;
	float:left;
}




/* footer top
*/

#footer-top { background: #dcf5ea; }
#footer-top ul { 
	margin: 0 0 1em .2em; 
}
#footer-top li { margin: .8em 0; }
#footer-top a {  
	color: #4f4f4f; 
	text-decoration: none;  
}
#footer-top a:hover { 
	color: #4f4f4f; 
	text-decoration: underline;  
}
#footer-top h3 { 
	margin: 1.8em 1em 1em 0; 
	font-size: 1.2em; 
	color: #4f4f4f; 
	font-family: 'Trebuchet MS', sans-serif; 
} 


/* addthis
*/

.addthis_toolbox { margin-top: 15px; }



/* footer bottom
*/

#footer-bottom { 
	background: #818181;
}

#footer-bottom p { 
	color: #fff; 
	margin:0; 
	padding: 1em 0; 
}

#footer-bottom a { 
	color: #fff; 
}

#footer-bottom p.links {
	font-size: 1.1em; 
	padding-top: 1.1em; 
}

#footer-bottom p.csp {
	font-size: 1.15em; 
	text-align:right;
}

#footer-bottom .csp img { 
	float:right; 
	margin: 0 0 .5em .5em; padding:0;
}