@import url(baseStyles.css);

a:link{color:#ccc;font-weight:bold;}
a:visited{color:#ccc;font-weight:bold;}
a:hover{color:#5B9BEA;font-weight:bold;}

ul,ol{margin-left:12px;}
p {padding:0px 12px;}
body{background:#151935 url(plaid.png) fixed;margin:0px;text-align:center;color:#ddd;margin-bottom:140px;}
a img{border:none;}

#pics{width:262px;height:570px;margin:auto;float:left;}
#content{width:738px;float:left;}
#mainbox{width:559px;float:left;}
#mainwidth{width:559px;}
#mainwidth ul,ol{margin-left:30px;}

#navbox ul{font-size:1.1em;}
#cpnav {font-size:1.1em;}

#mainpad{padding:10px 20px;}
#navbox{width:179px;float:left;}
#sidewidth {width:140px;padding-top:10px;}
#sidewidth ul{list-style-type:none;margin-left:6px;}
#sidewidth h3{margin:0px;margin-bottom:5px;}
#medal{position:fixed;bottom:10px;right:10px;z-index:2000;}

#gallerydiv{text-align:center;}
#gallerydiv img{margin:10px;border:4px solid #ddd;}

#titleimg{position:relative;top:-10px;text-align:center;}

/* Top menu general rules */
#menu 
{
  width: 513px; height: 37px;
  background: url(img/menu.png);
  margin: 0px; padding: 0;
  position: relative;
	left:360px;
	top:-48px;
}

#menu li 
{
  margin: 0; padding: 0;
	list-style: none;
  position: absolute; top: 0;
}
#menu li, #menu a 
{
  height: 37px;
	display: block;
	/*  Hide the text part of the links by moving it waaaayyy offscreen. */
	text-indent:-999em;
	outline: none;
}
embed,object{outline: none;}

/*  Top menu link dimensioning rules - specify offset from left and width of active area. */
#home {left: 0; width: 80px;}
#calendars {left: 81px; width: 145px;}
#alumni {left: 226px; width: 100px;}
#contact {left: 326px; width: 185px;}

/*  Top menu hover rules, using a single image "sprite," and background positioning. */
#home a:hover {background: transparent url(img/menu.png) 0 -37px no-repeat;}
#calendars a:hover {background: transparent url(img/menu.png) -81px -37px no-repeat;}
#alumni a:hover {background: transparent url(img/menu.png) -226px -37px no-repeat;}
#contact a:hover {background: transparent url(img/menu.png) -326px -37px no-repeat;}


#btndiv{width:24px;position:relative;top:-100px;left:950px;}
/* Buttons general rules */
#buttons 
{
  width: 24px; height: 48px;
  background: url(img/btns.png);
  margin: 0px; padding: 0;
  position: relative;
}

#buttons li 
{
  margin: 0; padding: 0;
	list-style: none;
  position: absolute; left: 0;
}
#buttons li, #buttons a 
{
  height: 24px;
	display: block;
	/*  Hide the text part of the links by moving it waaaayyy offscreen. */
	text-indent:-999em;
	left:0;
	outline: none;
}

/*  Top menu link dimensioning rules - specify offset from left and width of active area. */
#green {left: 0;top:25px; width: 24px;}
#black {left: 0;top:0; width: 24px;}

/*  Top menu hover rules, using a single image "sprite," and background positioning. */
#green a:hover {background: transparent url(img/btns.png) -24px -25px no-repeat;}
#black a:hover {background: transparent url(img/btns.png) -24px 0px no-repeat;}

#copyright{text-align:center;margin-bottom:24px;font-size:1.4em;font-weight:bold;}

#copyright a:link{color:#fff;font-weight:bold;}
#copyright a:visited{color:#fff;font-weight:bold;}
#copyright a:hover{color:#5B9BEA;font-weight:bold;}

#contactform fieldset{width:300px;margin:auto;border:2px solid #ddd;font-size:1.2em;}
#contactform legend{font-size:1.2em;color:#ddd;font-weight:bold;}
#contactform table {font-size:1.2em;margin:24px auto;}
#contactform table table{margin:12px auto;font-size:1.2em;}
#contactform td {padding:6px;vertical-align:top;color:#ddd;font-weight:bold;}
#contactform td td{padding:3px;}


.pagetable{font-size:1.4em;width:100%;}
.pagetable td{padding:3px;}
.pagetable table{width:100%;}