/*  Irina Leonhardt 2013-16  */
/*  University of St Andrews, PH2011, PH2012  */
/*  Maths Revision Webpage - sessions  */

body {background:#f2f6fa;}
#container {background:#00529b; margin:20px auto; max-width:980px; width:100%;}
#page {background:#ffffff; width:980px; border: solid 2px #00529b;}

p, div {font-family:Palatino, Cambria; font-size:18px; line-height:130%; color:#000000;}
h2 {font-family:Palatino, Cambria; color:#363636;}            
h3 {font-family:Palatino, Cambria; color:#636363;}            

#unibanner {background-color: #00529b; height:82px; margin-top:-18px; border-bottom: 2px solid #022f55; white-space:nowrap;}
#header {background:#00529b; height:40px; margin-top:-46px; white-space:nowrap;}
#header h1 {font-family:Palatino, Cambria; color:#ffffff; font-size:32px; padding:40px 0 0 20px; font-weight:normal;}

#contents {width:96%; padding:0 20px;}

a:link.hdr, a:visited.hdr {color:#363636; text-decoration:none;} a:hover.hdr, a:active.hdr {text-decoration:underline; color: #000000;}
.lft {float:left; width:48%; padding:0 10px 0 0; border:1px solid #ffffff;} .rght{width:48%; margin-left:50%; padding:0 10px 0 0; border:1px solid #ffffff;}
.lft2 {float:left; width:31%; padding:0 10px 0 0; border:1px solid #ffffff;} .twocolumn {width:63%; margin-left:32%; padding:0 10px 0 0; } .mddl2{float:left; width:52%; padding:0 10px 0 0; border:1px solid #ffffff;} .rght2{width:48%; margin-left:54%; padding:0 10px 0 0; border:1px solid #ffffff;}  
ul#toc-mr a {display:block; text-decoration:none; font-size:1.3em; line-height:130%; border-bottom:1px dotted #00529b; margin-top:10px;} ul#toc2-mr a {display:block; text-decoration:none; font-size:1.1em; line-height:130%; border-bottom:1px dotted #00529b; margin-top:10px;}
a:link.toc, a:visited.toc {color:#00529b;} a:hover.toc, a:active.toc {text-decoration:underline; color:#ce0022;} 
#backto a:link, a:visited {color:#000000;} #backto a:hover, a:active {color:#ce0022;}

#foot {background-color:#00529b; border-top:solid 2px #00529b; padding: 0 0 5px 20px;} #foot p {font-size:16px; color:#ffffff;}

.shadow {background: #f2f6fa; -moz-box-shadow: 3px 3px 10px #252525; -webkit-box-shadow:3px 3px 10px #252525; box-shadow:3px 3px 10px #252525;}

#sessionq {width:98%; height:200px; font-size:28px;} .rows li {list-style:none; float:left;} .rows img {border-style:none;}
#sessionq a:link, #sessionq a:visited {color:#00529b;} #sessionq a:hover, #sessionq a:active {text-decoration:none; color:#ce0022;}
#sessionq ul > li > a > img {display:block; padding:5px; margin: 20px 50px 10px 0; background-color: #00529b; box-shadow:5px 5px 15px #acacac; -moz-box-shadow:5px 5px 15px #acacac; -webkit-box-shadow:5px 5px 15px #acacac; transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#sessionq ul > li > a:hover > img, #sessionq ul > li > a:focus > img {transform:translate(-2px, -2px); -moz-transform:translate(-2px, -2px); -webkit-transform:translate(-2px, -2px); -o-transform:translate(-2px, -2px); box-shadow:0 5px 16px #000000; -moz-box-shadow:0 2px 16px #000000; -webkit-box-shadow:0 2px 16px #000000; background-color:#ce0022; }  



/*========================================================================*/