/* Style sheet for ArtisanCMS websites */


/* main holders and containers */
body {
	margin: 0;
	background: #fff;
	font:100% Verdana, Arial, sans-serif;
	color: #666; 
	padding:0;
	border-top:10px solid #0086a4;
	
}


div#container{
	width: 960px;
	padding: 0;
	margin:0 auto 0 auto;
	background:white;
	text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 960px;
}
/* temp notice ---------------------- */

div#temp_notice {background: #fdf9ea url("images/caution-icon.gif") left center no-repeat; padding: 10px; border: 2px solid #d9c168; margin:0 0 10px 0;}
div#temp_notice p {margin:0; padding:0 0 0 35px; color: #927817;}

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


/* generic settings for font-size */
p {margin:5px 0; font-size: 75%; padding-bottom: 0;}
ul {font-size: 80%;}
ol {font-size: 80%}
a{color:#077088; text-decoration:underline; text-decoration:underline}
a img{border:0}

/* all the H settings -------------------------------------------------------------------------------- */
h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:180%;font-weight:normal;color:#000; margin:0; padding:10px 0 0 10px; line-height:1.2}
h1#mainheading{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:160%;font-weight:bold;color:#fff; margin:0; padding:5px 10px; line-height:1.3; background:#ccc404 url(images/heading-green-bg.gif) repeat-x top left;}
/* home page main header*/
h2 {background:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:120%; font-weight: bold;color:#828f00; padding: 10px 0 3px 0; margin:0;}
h2.peoplehead{color:#9a5b2d;background:#F2F0E0 /*url(images/heading-blue-bg.gif) repeat-x top left*/; padding:5px 0 5px 10px;font-size:120%; font-weight:bold}

/* main inner page title USED TO BE H2 */
h3 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 100%; font-weight:normal; color:#828f00; margin:0 0 10px 0; padding:0; line-height: 1;}

/* home page mini header (boxes) */
h3.home {color: #d37407; font-size: 75%; font-weight: normal; padding:0; margin: 5px 0 10px 0; border-bottom: 1px solid #ebdcbe; line-height: 1.4em;}

/* right hand side title --> CHANGED TO 'p.feature'
h6 {background: #faa22b; color:#fff; padding: 3px 5px; margin:0 0 0 0; font-size: 70%; font-weight: normal;}*/

/* news secondary title  --> CHANGED to 'p.news' / 'p.newstitle'
h4 {color: #d37407; font-size: 75%; font-weight: normal; padding:0; margin: 5px 0 10px 0; border-bottom: 1px solid #ebdcbe;}
h4.news {font-size: 70%;}*/

/* news item title on show news page*/
h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;background: #F2F0E0; font-size: 120%; font-weight: bold; padding: 0px; margin: 10px 0; color:#9a5b2d; border-bottom: none;}
h4.newstitlehead {padding:5px 10px;color:#9a5b2d;background: #F2F0E0 /* url(images/news-arrow.gif) no-repeat center right*/; }


/* news item title*/
h5 {background: #f1f8fd; font-size: 70%; font-weight: normal; padding: 0px; margin: 10px 0; color:#999;}

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

/* link states */

a:hover {color: #999;}


/* various generic p and img classes */
p.title {color: #d37407; font-size: 75%; font-weight: normal; padding:0; margin: 5px 0 10px 0; border-bottom: 1px solid #ebdcbe;}
p.newstitle {color: #9a5b2d; font-size: 75%; font-weight: normal; padding:0; margin: 5px 0 10px 0; border-bottom: 1px solid #ebdcbe;}
p.feature {background: #faa22b; color:#fff; padding: 3px 5px; margin:0 0 0 0; font-size: 70%; font-weight: normal;}
p.hide {display : none;}
p.back {background:  url("images/back.gif") no-repeat center left; margin: 0px 0 0 0; padding-left: 20px;}
p.link {/*background:  url("images/mini-link.gif") no-repeat top left; padding-left: 20px;*/}
p.file {/*background:  url("images/mini-pdf.gif") no-repeat top left; padding-left: 20px;*/}
p.post {background:  url("images/post.gif") no-repeat center left; padding:5px 0 5px 15px; font-size:70%; color:#9a5b2d}
img.left {float: left; margin: 0 10px 0 0;}
img.right {float: right; margin: 10px 0 10px 10px; padding: 10px; background:#edecd6;}
img.head {margin: 0 0 10px 0; padding: 5px; border: 1px solid #ccc;}
p.more {text-align: right; padding-right: 17px; background:  url("images/blue-arrow.gif") no-repeat center right;}
span.breadcrumb{text-transform:uppercase; color:#666}
img.newsimg{margin: 10px; padding: 10px; background:#edecd6;}

/* various spacers and clearers */
div.spacer {height: 20px; clear: both;}
div.spacerten {height: 10px; clear: both;}
div.spacerone {height: 1px; clear: both;}
div.clearer {clear: both;height:0px;line-height:0px; }
div.clearerpeople {clear: both;margin:5px 0;height:5px;background:#F2F0E0; }
.clear{clear:both; height:0px; line-height:0;margin:0; padding:0;}

div.clearright {clear: right;}
div.holderten {padding: 0 10px;}


/* header and main navigation */

div#navbar {background:#0897b8 url("images/nav-bg") repeat-x top right; padding:0; border-top:1px solid #036c84;}

/**/
.nav {
margin:0;
padding:0;
background:#067088 url("images/nav-bg.gif") 0 0 repeat-x;
float:left;
width:100%;
font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;font-size:100%; text-transform:capitalize;font-weight:normal;
border-width:1px 0;
 border-bottom:1px solid #036c84
}
.nav li {
display:inline;
padding:0;
margin:0;
}
.nav a
 {
color:#fff;
background:url("images/nav-bg.gif") 0 0 repeat-x;
margin:0;
padding:8px 25px;
float:left;
width:auto;
border-right:1px solid #067088;
text-decoration:none;
text-shadow: 2px 2px 2px #555;
}
ul.nav li.selected a
 {background:#08738b;}
ul.nav li.selected a:hover
 {background:#08738b;}
/* #nav li:last-child a {
border-right:none;
 }*/
 
.homepage .nav-home a,
.student .nav-student a,
.partners .nav-partners a,
.news .nav-news a,
.links .nav-links a,
.computing .nav-computing a,
.staff .nav-staff a, .nav a:hover {color:#fff;
background:#08738b;

}
a.mainselect{
background: url("images/nav-up-bg.gif") 0 0 repeat-x;
}


#nav li#nav-links a:link, #nav li#nav-links a:visited{border-right:none;}

/**/

/*ul.nav {margin:0; padding:0 0 0 10px;font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;font-size:100%; text-transform:capitalize;font-weight:normal; }

ul.nav li {display:inline;margin:0;padding:0 7px 0 7px;border-right:1px solid #067088}
ul.nav a {color: #fff; text-decoration: none; padding: 0; margin:0;}
ul.nav a:hover {color: #fff;}
ul.nav a.selected {font-weight:bold; color: #fff;}
*/
#thelogo{margin:0;padding:0; float:left; width:300px;}

/*#membersnav{margin:0 0 0 0;padding:5px 0; float:right; width:160px; font-size:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:white; background:#636363 url(images/membernav-bg.gif) no-repeat top left; }*/

#membersnav{margin:;padding:20px 0 0 0; float:right; width:206px; font-size:120%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:white;font-weight:bold  }
#membersnav ul {font-size:100%;padding:0 ;margin:0;}
#membersnav ul li{font-size:100%;padding:10px 0 12px 0;margin:0; display:block;background:#626262 url(images/member-bg.gif) no-repeat top left;list-style:none}
#membersnav ul li a{color:#fff; padding:0 0 0 50px;text-decoration:none;}



/* home main structure */
div#content {padding: 0; margin:10px 0 0 0; line-height: 1.3em; width:960px;}
div#leftcontenthome {float: left; width: 570px; margin:10px 0 0 0; padding:0}
div#leftholder {padding:  0; margin:10px 0 0 0}
/*div#hometop {padding:0; margin:0; background:url(images/mainpic.jpg) no-repeat top right; height:214px}*/
div#rightcontenthome {float:left;width:175px; margin:0; padding:0; line-height:1.66}

div#homepic {float:left;width:545px;margin:0; padding:0;/*background:url(images/mainpic.jpg) no-repeat ;height:214px;*/}
div#homepic img{border:0;}
div#toptext {float:left;width:415px;margin:0; padding:0 0 0 0; background:#7cc4d6 url(images/home-text-bg.gif) no-repeat top left; height:214px}
div#toptext p {margin: 10px 0 0 15px;}

/*div#homebottom {background:  url("images/home-3boxes-strip.gif") repeat-y; margin: 0;}
div#box1 {float: left; width: 175px; margin-right: 10px; background: #f1f8fd;}
div#box2 {float: left; width: 175px; margin-right: 10px; background: #f1f8fd;}
div#box3 {float: left; width: 175px; background: #f1f8fd;}*/
#memberblock{float:left; width:415px; padding:0;}
h2#memberhome{background:#716e05 url(images/greenhead-bg.jpg) no-repeat top left;font-family:"Trebuchet MS",sans-serif;font-size:120%; color:white; font-weight:bold;padding:10px 0 10px 50px ; margin:0}
#newsletter{float:left; width:260px; padding:0;margin:0 10px}
h2.newshead{background:#0189a7 url(images/bluehead-bg.jpg) no-repeat left ;font-family:"Trebuchet MS",sans-serif;font-size:120%; color:white; font-weight:bold;padding:10px 0 10px 50px; margin:0 }
h2.newshead2{background:#0aa0c1 url(images/blueheadletters-bg.jpg) no-repeat top left ;font-family:"Trebuchet MS",sans-serif;font-size:120%; color:white; font-weight:bold;padding:10px 0 10px 50px; margin:0 }
#news{float:left; width:265px; }

#bottomrow{width:960px; padding: 0 ; margin:0; background:url(images/home-bottom-bg.gif) repeat-y top left;}
#logos{padding:5px 0; border-top:2px solid #f1e6c7; border-bottom:2px solid #f1e6c7}

ul.toplink {list-style:  url("images/blue-arrow.gif"); padding:0; margin: 2px 0 0 30px;}
ul.toplink li {padding:0 0 12px 0; margin: 0; line-height: 1.4;}

ul.links {list-style:  url("images/blue-arrow.gif"); padding:0; margin: 2px 0 0 20px;}
ul.links li {padding:0 0 12px 0; margin: 0; line-height: 1.4;}

ul#homepoints { padding:0; margin: 5px 0 0 20px; font-family:verdana, Arial, sans-serif; font-size:14px; color:black;}
ul#homepoints li {padding:0 0 12px 0; margin: 0 0 0 20px; line-height: 1.2;}
ul#memberpoints { padding:0; margin: 20px 0 0 0; font-family:verdana, Arial, sans-serif; font-size:80%; }
ul#memberpoints li {list-style:none;padding:0 10px 10px 30px; margin: 0 px; line-height: 1.3;background:url("images/member-arrow.gif") 10px 0px no-repeat;}
ul#memberpoints li a{color:#4f4d07; font-weight:normal; text-decoration:underline}

div#centrecontent ul, div#memberareahold ul {list-style: none; padding:0; margin:10px 0 0 10px;}
div#centrecontent ul li, div#memberareahold ul li {padding:0 0 10px 20px; margin: 0; line-height: 1.4; background: url("images/list.jpg") 0px 5px no-repeat;}

div#centrecontent a, div#rightcontent a, div#rightcontenthome a {color: #418bc0; text-decoration: underline;}
div#centrecontent a:hover, div#rightcontent a:hover, div#rightcontenthome a:hover {color: #2f668d; text-decoration: underline;}

div#centreholder {padding: 0 20px 0 0;}
div#centreholder p{line-height:1.6}

div#rightpic {padding:110px 0 0 0; margin:0; background:  url("images/right-hand-pic.jpg") no-repeat;}
div#rightcontenthome ol {color: #faa22b; margin: 20px 0 20px 30px; padding:0;}
div#rightcontenthome ol li {padding: 0 0 8px 0; line-height: 1.4;}
#morebu{margin:0; padding:0 10px 10px 0; text-align:right}
#memberimghome{float:left; width:130px}
#membercontenthome{ width:415px}
#membercontenthome p{padding:5px 10px 0 0px; margin:0; color:#4f4d07; font-weight:normal;}
#membercontenthome p.votep{color:#3c3a03; font-weight:normal;padding:5px 10px 5px 10px;line-height:1.4; font-size:75%}
#newsletter p.news{padding:0 10px 5px 10px;  font-size:75%; font-weight:normal}
#newsletter p.news a{color:#077088; text-decoration:underline;line-height:1.3;font-weight:bold}
.date{font-weight:normal; color:black}
#focus p.readmore{text-align:right;padding:0; margin:10px 10px 10px 10px; }
#focus p.readmore a{padding:5px; margin:5px 0 10px 0; background:#42b1cd; color:#fff; text-decoration:none;font-weight:bold; border:1px solid #3593aa}
#newsletter{padding:0 10px 5px 10px;color:black; font-weight:normal;margin:0 }
ul#newsletterlist {list-style: none; padding:0; margin:5px 10px 0 10px;}
ul#newsletterlist li {padding:5px 0 5px 20px; margin: 0; line-height: 1.6; background: url(images/blue-arrow.gif)0px 8px no-repeat;}
#newsletter ul#newsletterlist li a{color:#077088; text-decoration:underline;font-weight:normal	 }


ul#focuslist {list-style: none; padding:0 ; margin:5px 10px 0 0; line-height:1.3; color:#000; font-size:80%}
#focus { color:#000; padding:5px 0 0 0;margin:0}
#focus p {line-height:1.4; color:#000; font-size:75%;padding:10px 5px}
ul#focuslist li {padding:5px 0 5px 45px; margin: 0; line-height: 1.3; background:url(images/quote.gif) no-repeat;font-size:100%}
ul#focuslist li a{color:#077088; text-decoration:underline;}


div#secnav ul, div#subnav ul ul {margin:0; padding:0;}
div#secnav ul ul {font-size:100%;margin:8px 0 0 -10px;}

div#secnav ul li {list-style: none; border-bottom: none;background:url(images/nav-arrow.gif) no-repeat  0px 10px;padding:7px 5px 7px 15px; border-bottom:1px solid #a9dee9;}
div#secnav ul li ul li {list-style: none; padding:7px 5px 7px 30px;border-bottom: none;background:  url("images/nav-arrow.gif") 15px 10px no-repeat;margin:0;}

div#secnav ul li.selected {padding:7px 0 7px 10px;background:#e0f5f7 url(images/nav-arrow.gif) no-repeat 0px 10px;}
div#secnav ul li ul li.secselected {padding:7px 5px 7px 30px;background: #eee url("images/nav-arrow-grey.gif") 15px 10px no-repeat;margin:0;}
div#secnav ul li ul li.secselected a { color: #666; }

div#secnav ul li a { text-decoration: none; font-weight: bold; padding:0;}
div#secnav ul li ul li a {font-weight: normal;padding:0;}

div#secnav ul li.selected a {padding-left:5px}
div#secnav ul li.select ul li a {color: #aa6b80;}
div#secnav ul li ul li.select a {color: #b12051;}

/* inner pages main structure */
div#leftcontent {float: left; width: 225px; margin:0 15px 0 0;background:url(images/sec-nav-top.gif) no-repeat top left;}
div#centrecontent {float: left; width: 465px; padding: 180px 0 0 0; margin:0 0 0 0}
div#staffcontenthold {float: left; width: 720px; padding: 0; margin:0 0 0 0}
div.peoplecentrecontent {float: left; width: 200px; padding:  0; margin:0 15px 0 0}
div#rightcontent {float:left;width:255px; margin:0; padding:130px 0 0 0; line-height:1.66}
div.peoplerightcontent {float:left;width:505px; margin:0; padding: 0; line-height:1.66}
div.peoplerightcontent p {padding:5px 10px;  line-height:2}
 p.peopleemail {font-weight:bold; color:#077088}
#holdcentral{float:left; width:720px;}
#holdmainimg{float:left; width:720px;background:url(images/headimg1.jpg) no-repeat top left}
#holdmainimg2{float:left; width:720px;background:url(images/headimg2.jpg) no-repeat top left}
#holdmainimg4{float:left; width:720px;background:url(images/headimg4.jpg) no-repeat top left}
#holdmainimg5{float:left; width:720px;background:url(images/headimg5.jpg) no-repeat top left}
#holdmainimg6{float:left; width:720px;background:url(images/headimg6.jpg) no-repeat top left}
#holdmainimg7{float:left; width:720px;background:url(images/headimg7.jpg) no-repeat top left}
#holdmainimg8{float:left; width:720px;background:url(images/headimg8.jpg) no-repeat top left}
.staffhold{/*background:#e2f3f3;*/margin:10px 0;}
img.peopleimg{background:#F2F0E0; padding:15px; margin-left:0;}
#tablehold{float:left; width:720px;}
#memberareahold{float:left; width:720px;padding:10px 0 0  0}
#peopletable{width:100%; border:0; margin:10px 0}


/* right hand side */
/*div#rightpic {padding:110px 0 0 0; margin:0; background:  url("images/right-hand-pic.jpg") no-repeat;}
div#rightcontent ol {color: #faa22b; margin: 20px 0 20px 30px; padding:0;}
div#rightcontent ol li {padding: 0 0 8px 0; line-height: 1.4;}

*/
h3#galleryhead, h3.featurehead, h3.featureheadtop{background:#3e9db2; font-family:"Trebuchet MS",sans-serif;font-size:120%; color:white; font-weight:normal;padding:10px ; margin:0; font-weight:bold; }
h3.featurehead{background:#828f00}
h3.featureheadtop{background:#3e9db2}
#holdfeature{background:#f2f0e0 url(images/contact.gif) no-repeat top left;margin-bottom:10px;border-bottom:5px solid #d9d3c1}
#galleryimage{float:right;  padding:0; margin:5px}
#galleryimage img{padding:5px; background:#edecd6}
div#rightcontent p{ padding:5px 10px 10px 10px;}
#gallerycontainer{background:#8ecbd7 url(images/case-feature-bg.gif) no-repeat top left;margin:0 0 10px 0;}
div#rightcontent #gallerycontainer p.galleryleft a{color:#216b79; font-weight:bold}
p.galleryleft{color:#216b79; padding:5px 10px 10px 10px; margin:0}
/*h3.featurehead, h3.featureheadtop{color:#3e9db2; padding:3px 0 0 0; margin:10px 0 0 0; font-family:"Trebuchet MS",sans-serif;font-size:100%;  font-weight:normal;}*/
featureheadtop{margin:45px 0 0 0;}
.bottomimage{clear:right; height:0;margin:0 0 10px 0}
/* footer and bottom content */
div#artisan {text-align: right; clear: both; padding: 20px 0 0 0;}
div#bottom {padding: 0; margin:10px 0;clear: both;}
#footer{background:#edecd6; margin:0; padding:0}
#footer p{font-size:65%; color:#826d2a;padding:5px 0; margin:0}
div#footer a {color:#999; text-decoration: none;}
div#footer a:hover {text-decoration: underline;}


/* gallery page styles */
.thumbnail {
	width: 90px;
	float: left;
	margin-right: 10px;
	border-bottom:1px solid #ebdcbe;
	margin-bottom: 10px;
}
.thumbnail img {
	padding: 5px;
	border: 1px solid #ccc;
}
.thumbnail p {
	padding: 3px 0 7px 0;
	margin:0;
}
.thumbclearer {
	clear: left;
}

img.gallery {
	padding: 5px;
	border: 1px solid #ccc;
}

div#centrecontent ul.gall {list-style: none; padding:0; margin: 2px 0 0 0px;}
div#centrecontent ul.gall li {padding:0 0 12px 20px; margin: 3px 0 0 0;}

div#nextPicBar {/*background: #f1f8fd;*/ border-top: 1px solid #61adec; border-bottom: 1px solid #61adec; padding: 3px 2px 0 2px;line-height: 1;}
div#barleft {float: left; width: 110px;}
div#barmid {float: left; width: 110px; text-align: center;}
div#barright {float: left; width: 110px; text-align: right;}



/* form styles */
form#search {margin:0; padding:0;}
input.send {margin: 10px 0 0 0; padding:0;}
input.text {padding: 2px; margin:0 0 10px 0; font-size: 10px; border: 1px solid #ccc; background: #e6f1fa; color: #999; vertical-align:top;}
input.sign-up {margin: 15px 0 0 0; padding:0;}


p table { font-family:Verdana, Arial, sans-serif; width: 100%;margin-bottom:10px;border-collapse: collapse; font-size:100%
    /* fix for IE6 and below not inheriting font size */
      }
table { font-family:Verdana, Arial, sans-serif; width: 100%;margin-bottom:10px;border-collapse: collapse; font-size:100%
    /* fix for IE6 and below not inheriting font size */
      }
td {text-align: left;vertical-align:top;padding:5px;color:#9a5b2d; border-left:1px solid white; border-bottom:1px solid white;font-size:80%}
 tr{background: #F2F0E0;}  
th{background:#9a5b2d; color:white;padding:5px; border-left:1px solid white; border-bottom:1px solid white;text-align: center;font-size:130%; font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif}

tr{background: #F2F0E0;}  


table td#back {text-align: left;}
table td#next {text-align: right;}

/*staff page*/
#vids{margin:0; background:#016377; padding:10px 0 0 0;}
.caselistselect{padding:5px 0 5px 5px; border-bottom:1px solid #f2f0e0; background:#e0f5f7}
#caseleft{width:450px; float:left;margin:10px 20px 0 0; }
#caseleft img{padding:10px; float:right; margin:0 0 5px 5px; background:#EDECD6}
#caseright{width:250px; float:left;margin:10px 0 0 0}
h2#caseheading{background:#e0f5f7; color:#08738b; margin:0; padding:5px;}
#flv{background:#e0f5f7;margin:0 0 20px 0; padding:10px;}
.caselist{padding:5px 0 5px 5px; border-bottom:1px solid #f2f0e0; }
.caselistimg{float:left; width:55px;margin:0 10px 0 0;background:#EDECD6}
.caselistimg img{padding:5px;}
.caselisttext{float:left; width:180px;}

.related{width:132px; float:left;margin:0 10px 0 0; background:#e6e1d7; padding:0}
.related img, .relatedend img{margin:0; padding:5px;}
.relatedend{width:132px; float:left;margin:0; background:#e6e1d7 }
#vids p{padding:0 10px 10px 10px; margin:0; /*background:url(images/case-arrow.gif) no-repeat 5px 0px*/font-family:"Trebuchet MS", verdana, sans-serif}
#vids p a{color:#826d2a}
form{margin:0; padding:0}
h2.casehead{padding:5px; background:#edecd6; margin:10px 0;color:#9a5b2d;}
h2.casehead2{padding:5px; background:#edecd6; margin:0 0 10px 0;color:#9a5b2d;}
#searchbar{background:#313131; margin:0; padding:5px 0; border-top:2px solid #000; border-bottom:2px solid #000}
p.searchtext{float:left; width:480px;text-align:right; padding:5px 0;letter-spacing:1px; margin:0;font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:130%; color:#fff; font-style:italic}
.searchform{float:left; width:230px;}

select.dropdown{width:200px;border:1px solid #ccc;padding:0; margin:5px 0 5px 10px;vertical-align:middle; font-size:100%; font-family:"Trebuchet MS", verdana, sans-serif}
input.search_btn{vertical-align: middle;}
#holdpadding{padding:0 10px;}