/* - - - - - - - - - - - - - - - - - - - - -

Title : UKCISA print styles
Author : Artificialtourism
URL : http://www.artificialtourism.com
Created : 10 Aug 2007
Modified : 10 Aug 2007

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */	
html{
	background: #fff;
	color: #000;
	margin: 0;
}
body{
	text-align: center;
	margin: 10px 0 20px;
}

/* ----- IDS ----- */

#container, #container_orange, #container_blue, #container_green, #container_red {
	width: 774px;
	text-align: left;
	padding: 0px;
	font: 13px Helvetica, Arial, sans-serif;
	margin: 0 auto;
}

#banner {
	margin-bottom: 12px;
}

#content{
	line-height: 120%;
}

#footer{
	margin: 25px 0 0;
	padding: 20px 0 15px;
	background: url(../images/dots_blue.gif) repeat-x;
	color: #666;
	font-size: .95em;
	display: none;
}

/* ------ NAVIGATION ------ */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: bold;
	font-size: .95em;
}

/* Hides from IE5-mac \*/
* html #banner, * html #nav{height: 1%;}
/* End hide from IE5-mac */
#nav li {
	float: left;
	width: 110px;
	margin: 0 4px 0 0;
	padding: 0;
}

#nav a {
	display: block;
	width: 110px;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	padding: 6px 10px 5px;
	margin: 0;
}


#nav li ul {
	position: absolute;
	width: 215px;
	left: 0px;
	top: 286px;

}

#nav li.international {
	width: 215px;
}

#nav li.international a{
	width: 195px;
}

#nav li.uk {
	width: 164px;
}

#nav li.uk a {
	width: 144px;
}

#nav li.about {
	width: 110px;
}

#nav li.about a {
	width: 90px;
}

#nav li.join {
	width: 100px;
}

#nav li.join a{
	width: 80px;
}

#nav li.training {
	width: 165px;
	margin-right: 0;
}

#nav li.training a {
	width: 145px;
}


#nav li ul a {
	background-color: #004964;
}

#nav li.international ul a, #nav li.uk ul a {
	background-color: #60140a;
}

#nav li.join ul a {
	background-color: #003928;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav a:hover, #nav li ul a:hover, #nav a.current, #nav li li a:focus {
	background-color: #70cbd2;
}

#nav li.international a:hover, #nav li.international ul a:hover, #nav li.uk a:hover, #nav li.uk ul a:hover, #nav li.international a.current, #nav li.uk a.current, #nav li.international li a:focus, #nav li.uk li a:focus {
	background-color: #f47836;
}

#nav li.join a:hover, #nav li.join ul a:hover, #nav li.join a.current, #nav li.join li a:focus {
	background-color: #a0ce67;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul { margin-left: 0; }
#nav li li a:focus + ul { margin-left: 1010em; }
#nav li li a:focus { margin-left:1000em;}
#nav li:hover a:focus, #nav li.sfhover a.sffocus{ margin-left: 0; }
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em; }


/* ----- CLASSES ----- */

.clear{
	margin: 0;
	padding: 0;
	clear: both;
}

.skipnav {
	position: absolute;
	left: -999em;
}

.orange_box {
	background-color: #f47836;
}

.blue_box {
	background-color: #70cbd2;
}

.green_box {
	background-color: #a0ce67;
}

.red_box {
	background-color: #ea0437;
}

.float_l {
	float: left;
	padding-right: 4px;
}

.float_r {
	float: right;
}

#banner .float_l {
	margin-top: 15px;
}

#banner .float_r {
	width: 110px;
}

.half_col_l {
	float: left;
	padding-right: 4px;
	width: 383px;
	margin-top: 4px;
}

.half_col_r {
	float: left;
	width: 383px;
	margin-top: 4px;
	margin-right: 0;
}

.right_col_fixed {
	float: left;
	width: 363px;
	min-height: 222px;
	padding: 8px 10px 10px;
	margin-top: 4px;
}

.half_right_l {
	width: 269px;
	margin-right: 4px;
	float: left;
}

.half_right_r {
	width: 110px;
	float: left;
}

.left_col {
	width: 180px;
	margin-right: 4px;
	float: left;
	margin-top: 4px;
}

.right_col {
	width: 586px;
	float: left;
	margin-top: 4px;
}

.one_col {
	width: 770px;
	margin-top: 4px;
}

.right_col .body {
	width: 472px;
	margin-right: 4px;
	float: left;
	margin-top: 0;
	line-height: 135%;
}

.right_col .full {
	width: 550px;
	margin-right: 4px;
	float: left;
	margin-top: 0;
	line-height: 135%;
}

.right_col .banners_l {
	width: 234px;
	float: left;
	margin-right: 4px;
}

.right_col .banners {
	width: 110px;
	float: left;
}

.inner {
	padding: 0 10px 10px;
}

.pad {
	padding: 10px;
}

.grey {
	color: #7f7f7f;
}

.blue {
	color: #70cbd2!important;
}

.orange {
	color: #f47836!important;
}

.green {
	color: #a0ce67!important;
}

.red {
	color: #ea0437!important;
}

/* ----- HEADINGS ----- */

h1 {
	font-size: 1.5em;
}

#container_blue h1{
	margin: 0 0 4px;
	padding: 11px 10px 10px;
	background-color: #70cbd2;
	color: #fff;
}

#container_orange h1{
	margin: 0 0 4px;
	background-color: #f47836;
	color: #fff;
	padding: 11px 10px 10px;
}

#container_green h1{
	margin: 0 0 4px;
	padding: 11px 10px 10px;
	background-color: #a0ce67;
	color: #fff;
}

#container_red h1{
	margin: 0 0 4px;
	padding: 11px 10px 10px;
	background-color: #ea0437;
	color: #fff;
}

h2 {
    font-size: 1.3em;
	margin-bottom: .5em;
	margin-top: .8em;
}

h3 {
	font-size: 1.05em;
	margin-top: 1em;
}

#container_blue h2 {
	color: #70cbd2;
}

#container_orange h2 {
	color: #f47836;
}

#container_green h2 {
	color: #a0ce67;
}

#container_red h2 {
	color: #ea0437;
}

h2.nav_header{
	padding: 0;
	font-size: 1em;
	margin: .6em 0;
	border-bottom: 1px solid #000;
	color: #000!important;
}

h2.orange_box, h2.blue_box, h2.green_box, h2.red_box {
	margin: 0 0 .5em;
	padding: 4px 10px 2px;
	font-size: 1em;
	color: #000!important;

}
.body h3, .full h3, .news h3 {
	font-size: 1.05em;
	margin-bottom: .1em;
}

.publications h3 {
	margin-top: -5px;
	padding-top: 0;
}

h3.students, #container_orange h3 {
	color: #60140a;
}

#container_blue h3 {
	color: #004964;
}

#container_green h3 {
	color: #003928;
}

#container_red h3 {
	color: #752641;
}

h4{
	padding: 0;
	margin: 0;
	color: #666;
}

.body h4, .full h4, .news h4 {
	font-size: .9em;
	margin-top: 0;
	color: #666;
}

/* ----- PARAGRAPHS ----- */

p{
	margin-bottom: .6em;
	margin-top: .8em;
}

p.members {
	margin: 0 0 4px;
	font-size: .95em;
	font-weight: bold;
	color: #004964;
}

p.sml{
	font-size: .95em;
	margin-bottom: 0;
}

.news p{
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/* ----- LISTS ----- */

ul {
	list-style-type: square;
	padding-left: 1.1em;
	margin-left: 0;
}

ul li{
	padding-top: .3em;
	padding-bottom: .3em;
}

ul li ul {
	list-style-type: circle;
}
li p{
}
ol{
	padding-left: 1.5em;
	margin-left: 0;
}
ol li{
	padding-top: .1em;
	padding-bottom: .1em;
}

ol li ol{
	list-style-type: lower-latin;
}

#footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li{
	float: left;
	padding-right: 20px;
	background: url(../images/bar_grey.gif) no-repeat right center;
	padding-bottom: 0;
	padding-top: 0;
}

#footer li.last{
	float: left;
	padding-right: 0;
	background-image: none;
}

.orange_box ul {
	list-style-image: url(../images/arr_students.gif);
	margin-left: 0;
	margin-top: .6em;
	margin-bottom: .6em;
	padding-left: 1.1em;
	padding-top: 0;
}

.orange_box ul li {
	border-bottom: 1px solid #fbc9af;
	padding-bottom: .2em;
	margin-bottom: .2em;
	padding-top: .2em;
	margin-top: 0;
}

ul.ukcisa {
	list-style-image: url(../images/arr_blue.gif);
	margin: .6em 0 .6em 1em;
	padding-left: 0;
}

ul.ukcisa li {
	border-bottom: 1px solid #b7e5e8;
	margin-bottom: .3em;
	padding-top: 0;
	padding-bottom: 0;
}

#container_orange ul.subnav {
	list-style-image: url(../images/arr_orange.gif);
	color: #f47836;
	padding: 0;
	margin: 0 0 1em 1.1em;
}

#container_orange ul.subnav li {
	border-bottom: 1px solid #f9bb9a;
	margin-bottom: .3em;
	padding-bottom: .2em;
	padding-top: 0;
}

#container_blue ul.subnav {
	list-style-image: url(../images/arr_blue.gif);
	color: #66cccc;
	padding: 0;
	margin: 0 0 1em 1.1em;
}

#container_blue ul.subnav li {
	border-bottom: 1px solid #b2e5e5;
	margin-bottom: .3em;
	padding-bottom: .2em;
	padding-top: 0;
}

#container_green ul.subnav {
	list-style-image: url(../images/arr_green.gif);
	color: #a0ce67;
	padding: 0;
	margin: 0 0 1em 1.1em;
}

#container_green ul.subnav li {
	border-bottom: 1px solid #cfe6b3;
	margin-bottom: .3em;
	padding-bottom: .2em;
	padding-top: 0;
}

#container_red ul.subnav {
	list-style-image: url(../images/arr_red.gif);
	color: #ea0437;
	padding: 0;
	margin: 0 0 1em 1.1em;
}

#container_red ul.subnav li {
	border-bottom: 1px solid #f79baf;
	margin-bottom: .3em;
	padding-bottom: .2em;
	padding-top: 0;
}

#container_orange ul.subnav li ul, #container_blue ul.subnav li ul, #container_green ul.subnav li ul, #container_red ul.subnav li ul{
	list-style-image: url(../images/arr_grey.gif);
	color: #666;
}
#container_orange ul.subnav li ul li, #container_blue ul.subnav li ul li, #container_green ul.subnav li ul li,  #container_red ul.subnav li ul li {
	border-top: 1px solid #c6c6c6;
	border-bottom: none; 
	margin-top: .3em;
	padding-top: .2em;
	padding-bottom: 0;
}

#container_orange ul.anchornav {
	list-style: none;
	color: #f47836;
	padding: 0;
	line-height: 120%;
	margin: .5em 0;
}

#container_blue ul.anchornav {
	list-style: none;
	color: #66cccc;
	padding: 0;
	line-height: 120%;
	margin: .5em 0;
}

#container_green ul.anchornav {
	list-style: none;
	color: #a0ce67;
	padding: 0;
	line-height: 120%;
	margin: .5em 0;
}

#container_red ul.anchornav {
	list-style: none;
	color: #ea0437;
	padding: 0;
	line-height: 120%;
	margin: .5em 0;
}

#container_orange ul.anchornav li, #container_blue ul.anchornav li, #container_green ul.anchornav li, #container_red ul.anchornav li {
	margin: 0;
	padding: .1em 0;
}

ul.arrow {
	list-style-image: url(../images/arr_grey.gif);
	margin: .6em 0 1em 1em;
	padding-left: 0;
}

ul.arrow li {
	border-bottom: 1px solid #c6c6c6;
	margin-bottom: .3em;
	padding-bottom: .2em;
	padding-top: 0;
}

ul.plain {
	list-style-type: none;
	padding: 0;
	line-height: 135%;
	margin: .5em 0;
}

ul.plain li {
	margin: 0;
	padding: .1em 0 .5em;
}

ul.plain li ul {
	list-style-type: none;
	margin: .5em 0 0;
}

/* ----- IMAGES ----- */

img{
	border: 0;
}

img.mid {
	vertical-align: middle;
}

/* ----- BREAK ----- */

hr{
	border: 0;
	border-bottom: 1px solid #666;
	height: 1px;
	margin-top: 1em;
	margin-bottom: 1.5em;
}

#container_orange hr{
	border-bottom: 1px solid #f47836;
}

#container_blue hr{
	border-bottom: 1px solid #66cccc;
}

#container_green hr{
	border-bottom: 1px solid #a0ce67;
}

#container_red hr{
	border-bottom: 1px solid #f79baf;
}

/* ----- LINKS ----- */

a:link{
	color: #339999;
	font-weight: bold;
	text-decoration: none;
}

a:visited{
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

a.blue:link, a.blue:visited {
	display: block;
	background-color: #70cbd2;
	color: #fff!important;
	font-weight: bold;
	padding: 4px 10px 2px;
	text-decoration: none;
	font-size: .95em;
	margin-bottom: 4px;
	line-height: 120%;
}

a.blue:hover {
	background-color: #004964;
}

a.navy:link, a.navy:visited {
	display: block;
	background-color: #004964;
	color: #fff;
	font-weight: bold;
	padding: 4px 10px 2px;
	text-decoration: none;
	font-size: .95em;
	margin-bottom: 4px;
	line-height: 120%;
}

a.navy:hover {
	background-color: #70cbd2;
}

a.black:link, a.black:visited {
	display: block;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	padding: 4px 10px 2px;
	text-decoration: none;
	font-size: .95em;
}

a.black:hover {
	background-color: #70cbd2;
}

a.orange:link, a.orange:visited {
	display: block;
	background-color: #f47836;
	color: #fff!important;
	font-weight: bold;
	padding: 4px 10px 2px;
	text-decoration: none;
	font-size: .95em;
	margin-bottom: 4px;
	line-height: 120%;
}

a.orange:hover {
	background-color: #60140a;
}

a.maroon:link, a.maroon:visited {
	display: block;
	background-color: #60140a;
	color: #fff;
	font-weight: bold;
	padding: 4px 10px 2px;
	text-decoration: none;
	font-size: .95em;
	margin-bottom: 4px;
	line-height: 120%;
}

a.maroon:hover {
	background-color: #f47836;
}

a.green:link, a.green:visited {
	display: block;
	background-color: #a0ce67;
	color: #fff!important;
	font-weight: bold;
	padding: 4px 10px 2px;
	text-decoration: none;
	font-size: .95em;
	margin-bottom: 4px;
	line-height: 120%;
}

a.green:hover {
	background-color: #003928;
}

a.fern:link, a.fern:visited {
	display: block;
	background-color: #003928;
	color: #fff;
	font-weight: bold;
	padding: 4px 10px 2px;
	text-decoration: none;
	font-size: .95em;
	margin-bottom: 4px;
	line-height: 120%;
}

a.fern:hover {
	background-color: #a0ce67;
}

a.red:link, a.red:visited {
	display: block;
	background-color: #ea0437;
	color: #fff!important;
	font-weight: bold;
	padding: 4px 10px 2px;
	text-decoration: none;
	font-size: .95em;
	margin-bottom: 4px;
	line-height: 120%;
}

a.red:hover {
	background-color: #752641;
}

a.burgundy:link, a.burgundy:visited {
	display: block;
	background-color: #752641;
	color: #fff;
	font-weight: bold;
	padding: 4px 10px 2px;
	text-decoration: none;
	font-size: .95em;
	margin-bottom: 4px;
	line-height: 120%;
}

a.burgundy:hover {
	background-color: #ea0437;
}

.orange_box a:link, .orange_box a:visited {
	color: #fff;
	text-decoration: none;
}

#container_orange a.current {
	background-color: #f47836;
}

.orange_box a:hover {
	color: #60140a;
	text-decoration: none;
}

ul.ukcisa a:hover {
	color: #004964;
	text-decoration: none;
}

#container_orange ul.subnav a:link, #container_orange ul.subnav a:visited, #container_orange ul.anchornav a:link, #container_orange ul.anchornav a:visited{
 color: #f47836;
 text-decoration: none;
}

#container_blue ul.subnav a:link, #container_blue ul.subnav a:visited, #container_blue ul.anchornav a:link, #container_blue ul.anchornav a:visited{
 color: #66cccc;
 background-color: transparent;
}



#container_green ul.subnav a:link, #container_green ul.subnav a:visited, #container_green ul.anchornav a:link, #container_green ul.anchornav a:visited{
 color: #a0ce67;
 background-color: transparent;
}

#container_red ul.subnav a:link, #container_red ul.subnav a:visited, #container_red ul.anchornav a:link, #container_red ul.anchornav a:visited{
 color: #ea0437;
 background-color: transparent;
}

#container_orange ul.subnav li ul a:link, #container_orange ul.subnav li ul a:visited, #container_blue ul.subnav li ul a:link, #container_blue ul.subnav li ul a:visited, #container_green ul.subnav li ul a:link, #container_green ul.subnav li ul a:visited, #container_red ul.subnav li ul a:link, #container_red ul.subnav li ul a:visited {
 color: #666;
 text-decoration: none;
}

#container_orange ul.subnav a.current, #container_orange ul.anchornav a.current, #container_orange ul.subnav li ul a.current{
 color: #60140a;
 background-color: transparent;
}

#container_blue ul.subnav a.current, #container_blue ul.anchornav a.current, #container_blue ul.subnav li ul a.current {
 color: #004964;
 background-color: transparent;
}

#container_green ul.subnav a.current, #container_green ul.anchornav a.current, #container_green ul.subnav li ul a.current{
 color: #003928;
 background-color: transparent;
}

#container_red ul.subnav a.current, #container_red ul.anchornav a.current, #container_red ul.subnav li ul a.current{
 color: #752641;
 background-color: transparent;
}

#container_orange ul.subnav a:hover, #container_orange ul.anchornav a:hover, #container_orange ul.subnav li ul a:hover{
 color: #60140a;
text-decoration: none;
}

#container_blue ul.subnav a:hover, #container_blue ul.anchornav a:hover, #container_blue ul.subnav li ul a:hover{
 color: #004964;
 text-decoration: none;
}

#container_green ul.subnav a:hover, #container_green ul.anchornav a:hover, #container_green ul.subnav li ul a:hover {
 color: #003928;
 text-decoration: none;
}

#container_red ul.subnav a:hover, #container_red ul.anchornav a:hover, #container_red ul.subnav li ul a:hover {
 color: #752641;
 text-decoration: none;
}

#footer a:link, #footer a:visited {
	color: #666;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

a.tall:link, a.tall:visited {
	padding-top: 10px;
	padding-bottom: 10px;
}

a.doc, a.word, a.link, a.ppt, a.pdf, a.video, a.book, a.lock {
	padding-left: 20px;
	padding-bottom: .2em;
	padding-top: .3em;
}

a.doc {
	background: url(../images/icons/doc.gif) no-repeat;
}

a.word {
	background: url(../images/icons/word.gif) no-repeat;
}

a.link {
	background: url(../images/icons/link.gif) no-repeat;
}

a.ppt {
	background: url(../images/icons/ppt.gif) no-repeat;
}

a.pdf {
	background: url(../images/icons/pdf.gif) no-repeat;
}

a.video {
	background: url(../images/icons/video.gif) no-repeat;
}

a.book {
	background: url(../images/icons/book.gif) no-repeat;
}

a.lock {
	background: url(../images/icons/locked.gif) no-repeat;
}

/* ----- FORMS ----- */

form {
	margin-bottom: 1em;
	margin-top: 1.5em;
}

label {
	width: 140px;
	float: left;
	display: block;
	margin: 0;
	padding: 3px 0 .3em;
}

label.full {
	width: 566px;
	float: none;
}

input{
}

input.right {
	margin-left: 140px;
} 

form p {
	clear: both;
	float: none;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: .2em;
}

/* ----- TABLES ----- */

#container_blue table{
	border-right: 1px solid #66cccc;
	border-bottom: 1px solid #66cccc;
	margin: .5em 0;
}
#container_blue thead, #container_blue tfoot, #container_blue table tr.total, #container_blue th {
	font-weight: bold;
	background-color: #f1f8f8;
}

#container_blue td, #container_blue th {
	border-left: 1px solid #66cccc;
	border-top: 1px solid #66cccc;
	padding: .4em;
}

#container_orange table{
	border-right: 1px solid #f9bb9a;
	border-bottom: 1px solid #f9bb9a;
	margin: .5em 0;
}
#container_orange thead, #container_orange tfoot, #container_orange table tr.total, #container_orange th {
	font-weight: bold;
	background-color: #fef1eb;
}

#container_orange td, #container_orange td th {
	border-left: 1px solid #f9bb9a;
	border-top: 1px solid #f9bb9a;
	padding: .4em;
}

#container_green table{
	border-right: 1px solid #cfe6b3;
	border-bottom: 1px solid #cfe6b3;
	margin: .5em 0;
}
#container_green thead, #container_green tfoot, #container_green table tr.total, #container_green th {
	font-weight: bold;
	background-color: #ecf5e1;
}

#container_green td, #container_green th {
	border-left: 1px solid #cfe6b3;
	border-top: 1px solid #cfe6b3;
	padding: .4em;
}

#container_red table{
	border-right: 1px solid #f79baf;
	border-bottom: 1px solid #f79baf;
	margin: .5em 0;
}
#container_red thead, #container_red tfoot, #container_red table tr.total, #container_red th {
	font-weight: bold;
	background-color: #fde8eb;
}

#container_red td, #container_red th {
	border-left: 1px solid #f79baf;
	border-top: 1px solid #f79baf;
	padding: .4em;
}

td.center {
	text-align: center;
}
