/*====================================== Default CSS ======================================*/

body {
background: #ffffff;
color: #000000;
font-size:1em;
font-family: 'Helvetica';
}

.content {padding-top: 0;}

h1.banner {color: #B00000;}

.sidebar ul li a.link:hover {background: #B00000;}

.button {
color:#FFFFFF;
background-color:#B00000;
}

.button:hover {background-color:#013ADF; }

a {color: #013ADF; }
a:hover {color: #B00000; }


h1, h2, h3, h4, h5 {color: #013ADF; font-size:1.5em;}

hr {background:#FFFFFF;}

.space {background:#fff;}

.title {
color:#FFFFFF;
background-color:#380B61;
}

.title a {color: #fff;}
.title a:hover {color: yellow;}

.cell {
color:#000;
background-color:#fff;
}

.post {
color:#000;
background-color:#fff;
}

.title {background-color:#B00000;}

fieldset h2 {background-color: #B00000; color: #fff;}

fieldset {background-color: #ffffff;}

.fields {background-color: #ffffff;}

.required {color: red;}

h1, h2, h3 {text-shadow: none;}
.subject, .point {text-shadow: none;}
ul li ul li.menu {text-shadow: none;}

/* ================================== Custom ===================================================*/

h1.banner {
color: #B00000;
font-family: Helvetica;
font-style:oblique;
text-align: center;
position: relative;
top: 0px;
left: 0px;
}

header {padding-bottom:0;}

#tcal {color:black;}

.button {border:1pt ridge #B00000;}

.button:hover {border:1pt ridge #013ADF;}

p { margin-bottom: .9375em; font-size: 1.17em; }

article.DropCap p:first-letter {  
font-size:32px;
float:left;  
padding:0; /* 5px */
font-family:"Courier New", monospace, Courier;
font-weight: 500;
/* background-color: #000000;*/  
margin-right: 0.5px; /* 5px */
color: #B00000;  
border-radius:5px;  
}

/* ============================================= Cell Phone Screen ============================ */

@media only screen and (min-width: 20em) {

.banner {position: relative; top:-45px;}
.img {max-width:86%;}
h1.banner {top:-82px; left:-35px; text-align: center; font-size: 2.5em;}

ul.menu {text-align: center;}
/*
ul li.menu:hover {
background: #555;
color: #fff;
}
	
ul li ul li.menu {
background: #555;
color: #fff;
}
*/
ul li ul li.menu:hover { background: #B00000; }

.menu a {color:#fff;}
.menu a:visited{color:#fff;}
.menu a:hover{color:#fff;}
}

/*====================================== Desktop Screen ======================================*/

@media only screen and (min-width: 48em) {

.banner {position: relative; top:10px;}
h1.banner {top:0px; left:-35px;}

.sidebar ul li a.link {
background: #ffffff;
color:#013ADF;
}

.sidebar ul li a.link:hover {
background: #B00000;
color: #FFFFFF;
}

ul.menu {text-align: left;}

ul li ul li.menu {background: #ffffff;}

ul li ul li.menu:hover {background: #ffffff;}

.menu a {color: #013ADF;}
.menu a:visited {color: #013ADF;}
.menu a.active {color: #B00000;}
.menu a:hover {color: #B00000;}

}