html, body {font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0;color: #000;background:url(background.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:center; }

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { padding: 0;margin: 0;}
a img {border: none;}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {color: #42413C;text-decoration: underline;}
a:visited {color: #6E6C64;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}

/* ~~this fixed width container surrounds the other divs~~ */
.container {width: 960px;background: #FFF;margin: 0 auto;-webkit-box-shadow:5px 10px 10px 5px #999;box-shadow:5px 10px 10px 5px #999;}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
#header {background: #3dadc9;background: -moz-linear-gradient(top,  #3dadc9 1%, #68c9d6 50%, #57c5d5 51%, #a3e0e7 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3dadc9), color-stop(50%,#68c9d6), color-stop(51%,#57c5d5), color-stop(100%,#a3e0e7));background: -webkit-linear-gradient(top,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);background: -o-linear-gradient(top,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);background: -ms-linear-gradient(top,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);background: linear-gradient(to bottom,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dadc9', endColorstr='#a3e0e7',GradientType=0 );}
#title {float:right;}
#title h1{font-family:Garamond, "Times New Roman", serif; font-size:3.0em; margin: 0; margin-right:1.0em;padding:0; text-shadow: 0px -1px 0px #666;filter: dropshadow(color=#FFF, offx=0, offy=-1); color:#333;}
#green {color:#00924d;}
#blue {color:#007dc6;}
#title h2 {font-family:Garamond, "Times New Roman", serif; margin: 0; padding:0; text-shadow: 0px -1px 0px #666;filter: dropshadow(color=#FFF, offx=0, offy=-1); color:#000; text-align:center;}
#unilogo {width:160; height:80; margin:0.8em; }

/* ~~ These are the columns for the layout. ~~ */
.sidebar1 {float: left;width:180px;padding-bottom:45px;margin:10px 0 0 10px;}
#content {padding: 10px 0;width:750px;margin-left:15px;float:left;}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
#content ul, #content ol {padding: 0 15px 15px 40px;}

#content img {max-width: 100%}

h1, h2, h3, h4, h5, h6 {
font-family:Garamond, "Times New Roman", serif;color:#000;margin-top: 0;padding-right: 15px;padding-left: 15px;}

h1 {text-shadow: 0px -1px 0px #666;filter: dropshadow(color=#999, offx=0, offy=-1); color:#3dadc9;}
h2 {float:left; width:100%;margin-top:0.8em;margin-bottom:0;margin-left:10px;padding:0; text-shadow: 0px -1px 0px #666;filter: dropshadow(color=#999, offx=0, offy=-1); color:#3dadc9;}
h3 {font-size:1.8em;font-weight:bold;line-height:19px;}
p {font-size:12px;line-height:17px;margin-top: 0;padding-right: 15px;padding-left: 15px;}

/* ~~ The navigation list styles ~~ */
ul.nav {font-family:Garamond, "Times New Roman", serif;list-style: none;color:#000;-webkit-box-shadow:5px 10px 10px 5px #999;box-shadow:5px 10px 10px 5px #999;}
ul.nav li {border-bottom:1px solid #FFF;}
ul.nav a, ul.nav a:visited {padding: 5px 5px 5px 15px;display: block;text-decoration: none;background: #C6D580;color:#000;background: #57c5d5;}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {background: #3dadc9;background: -moz-linear-gradient(top,  #3dadc9 1%, #68c9d6 50%, #57c5d5 51%, #a3e0e7 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3dadc9), color-stop(50%,#68c9d6), color-stop(51%,#57c5d5), color-stop(100%,#a3e0e7));background: -webkit-linear-gradient(top,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);background: -o-linear-gradient(top,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);background: -ms-linear-gradient(top,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);background: linear-gradient(to bottom,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dadc9', endColorstr='#a3e0e7',GradientType=0 );color: #FFF;}

/* ~~ The footer ~~ */
.footer {margin-top: 10px;padding:10px 0;background: #3dadc9;background: -moz-linear-gradient(top,  #3dadc9 1%, #68c9d6 50%, #57c5d5 51%, #a3e0e7 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3dadc9), color-stop(50%,#68c9d6), color-stop(51%,#57c5d5), color-stop(100%,#a3e0e7));background: -webkit-linear-gradient(top,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);background: -o-linear-gradient(top,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);background: -ms-linear-gradient(top,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);background: linear-gradient(to bottom,  #3dadc9 1%,#68c9d6 50%,#57c5d5 51%,#a3e0e7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dadc9', endColorstr='#a3e0e7',GradientType=0 );position: relative;/* this gives IE6 hasLayout to properly clear */clear: both; /* this clear property forces the .container to understand where the columns end and contain them */}
.footer p {text-align:right;}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { float: right;margin-left: 8px;}
.fltlft {float: left;margin-right: 8px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

/*structure for the thumbnails*/  
.lazy {max-width:100%; height:135px;}
.thumbnail-img{float:left; position:relative; max-width:100%; height:135px;text-align:center; border:1px solid #999;margin:10px; padding:0; -webkit-box-shadow:5px 10px 10px 5px #999;box-shadow:5px 10px 10px 5px #999;} 
.thumbnail-img a{text-decoration:none!important;}

/* SLIMBOX */

#lbOverlay {position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter, #lbBottomContainer {position:absolute;z-index:9999;overflow:hidden;background-color:#fff;-webkit-border-radius: 12px 12px 0px 0px;border-radius: 12px 12px 0px 0px;}
#lbBottomContainer {-webkit-border-radius: 0px 0px 12px 12px;border-radius: 0px 0px 12px 12px;}
.lbLoading {background:#fff url(loading.gif) no-repeat center;}
#lbImage {position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink, #lbNextLink {display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink {left:0;}
#lbPrevLink:hover {background:transparent url(prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right:0;}
#lbNextLink:hover {background:transparent url(nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink {display:block;float:right;width:66px;height:22px;background:transparent url(closelabel.gif) no-repeat center;margin:5px 0;outline:none;}
#lbCaption, #lbNumber {margin-right:71px;}
#lbCaption {font-weight:normal;}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(ui.totop.png) no-repeat left top;}
#toTopHover {background:url(ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}