/* CSS Document */

.red {color: #ca0300 !important;}
.blue {color: #005695 !important;}
a.blue:hover {color: #000 !important;}

#right #school h1 {font-size: 24px; color: #ca0300; margin: 0; padding-left: 20px;}

.introBlue {clear: both; padding: 20px 30px; font-size: 13px; line-height: 17px; color: #fff; background: #023579; font-size: 13px;}
.introBlue h2 {color: #fff !important;}
.introBlue a {color: #fff !important;} 
.introBlue a:hover {color: #ccc !important;}


.itemRuleGray {clear: both; margin-top: 15px; border-top: 1px solid #ccc; padding-top: 15px; overflow: hidden; font-size: 11px;}
.itemRuleGray a {color: #ca0300;}
.itemRuleGray a:hover {color: #000;}
.itemRuleGray img {float: left; margin-right: 12px; border: 1px solid #ccc; margin-bottom: 15px;}




#introLightBlue {clear: both; padding: 20px 30px; padding-top: 10px; font-size: 13px; line-height: 17px; color: #fff; background: #63a0e4; font-size: 13px;}
#introLightBlue h2 {margin: 0 auto; margin-top: 20px;}
#introLightBlue p {margin: 0 auto; margin-top: 5px;}

.social {border: 1px solid #ccc; border-bottom: 0; border-right: 0; margin-bottom: 15px;}
.social td {border-bottom:0;}
.social .tit {padding: 10px; background: #63a0e4; color: #fff; font-weight: bold; font-size: 13px;}
.social a {color: #ca0300;}
.social a:hover {color: #000;}



.event {border: 0 !important;}
.event td {padding: 10px; font-size: 11px; line-height: 14px; vertical-align: top; border-bottom: 1px solid #ccc !important; border-right: 1px solid #ccc !important;}
.event p {margin: 0;}
.event img {width: 110px; height: auto; border: 1px solid #ccc; margin-top: 10px;}
.event .tit {background: #e5e5e5 !important; color: #000 !important; border-right: 0;}

.text a  {color: #ca0300;}
.text a:hover {color: #000;}