/* Infinity Culinary Training CSS #BB4400 #990000 - #7c0000 width: 976px;  margin: 0 auto; padding: 15px 0 0 0;*/
body { margin: 0 auto; padding: 0; font: 15px Arial, Helvetica, sans-serif; line-height: 1.2em; color: #FFFFFF; background: url(images/bgpaper.jpg) repeat; }
h1, h2, h3, h4 { margin: 0; padding: 0; color: #f9a955; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 1.5em; font-weight: bold; }
h2 { font-size: 1.3em; color: #f9a955; font-weight: normal; text-align: center; text-shadow: 2px 2px 2px #000000;}
h3 { font: normal 1.0em Arial, Helvetica, sans-serif; color: #ffffff; font-variant: small-caps; text-align: center; color: #f9a955; }
h4 { font-size: 1.3em; color: #f9a955; font-weight: normal; }
h5 { font-size: 1.0em; color: #f9a955; font-weight: normal; }
h6 { font-size: 1.1em; color: #ffffff; text-align: center; text-shadow: 2px 2px 2px #000000; margin-bottom: -6px;}
a { text-decoration: underline; color: #f9a955; }
a:hover { text-decoration: underline; color: #9DB0FF; }
ul.block { list-style: none; margin-left: 0; padding-left: 30px; }
li.linegap {margin-bottom: 1em; }
li.block { border: solid 1px #f9a955; padding: 5px; margin: 10px; width: 350px; }
p.ital { font-style: italic; text-align: justify;}
#shadow1 { width: 972px; margin: 0 auto; border-style: solid; border-color: #342217; border-width: 1px; }
#shadow2 { width: 974px; margin: 0 auto; border-style: solid; border-color: #582b11; border-width: 1px; }
#shadow3 { width: 976px; margin: 0 auto; border-style: solid; border-color: #80350a; border-width: 1px; }
#wrapper { width: 960px; margin: 0 auto; padding: 0; border-style: double; border-color: #bb4400; border-width: 6px; background-color: #7c0000; }
#header { width: 960px; height: 262px; margin: 0; padding: 0; background: url(images/ICTlogo.jpg) no-repeat; }
#headersmall{ width: 960px; height: 200px; margin: 0; padding: 0; background: url(images/ICTlogosmall.jpg) no-repeat; }
#home-lk-sm { width: 960px; height: 200px;  margin:0 auto; border: 0; float:left; position:absolute;}
#home-link { width: 960px; height: 260px;  margin:0 auto; border: 0; float:left; position:absolute;}
#menu { width: 960px; height: 36px; }
#page { width: 910px; margin: 0; padding: 15px 25px 5px 25px; }
#newsbox { width: 400px; height: 410px; padding: 0 15px 12px 15px; overflow: auto; border: 1px solid #f9a955; }
#contributor { border: solid 3px #f9a955; border-style:double; padding: 10px; margin: 0 auto; width: 870px; text-align: center; }

/* Lightbox for pictures */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; }
.brk {background: url(images/brk.gif) repeat-x center; height: 3px; width: 900px; }
.infin { background: url(images/infinity.gif) no-repeat center; height: 20px; }
.content { width: 910px; padding: 0; }
.contentleft { float: left; width: 425px; padding: 0; }
.contentright { float: right; width: 455px; padding: 7px; }
.contentrw { float: right; width: 745px; padding: 0; }
.contentls { float: left; width: 164px; padding: 0; }
.boxcent {width: 600px; margin: 0 auto; text-align: left; }
.col1 { float: left; width: 400px; margin: 0; }
.col2 {float: right: width: 400px; margin: 0; }
.clear { clear: both; }
.imgpad { padding: 5px; }
.imgcen { display: block; margin: 0 auto; }
.imgleft { float: left; padding: 5px 10px 10px 0; border: none; }
.imgright { float: right; padding: 5px 0 10px 10px; border: none; }
.org { color: #f9a955; }
.big { font-size: 1.1em; }
.bank { letter-spacing: 1px; }
.intro { font: bold 1.0em Arial, Helvetica, sans-serif;  text-shadow: 1px 1px 1px #000; }
.audio { display:inline-block; background: url(images/audio.png) center left no-repeat; line-height: 50px; padding-left: 30px; } 
#footer { clear: both; width: 960px; height: 35px; padding: 10px 0 0 0; bottom: 0; font-family: Arial, Helvetica, sans-serif; }
#footer p { margin: 0; line-height: normal; font-size: 12px; text-align: center; color: #cc6600; }
#footer a { text-decoration: underline; color: #f9a955; }
#footer a:hover { text-decoration: underline; color: #9DB0FF; }

