/* 	Name.......... pagestyle
	Version....... 201007.v01 
	Last update... July 27, 2010
	By............ Ryan   */  

/*Classes users can apply - if CMS can control that*/
.skip {}  
.clearer {}
.imageleft { float: left; margin-right: 1em}
.imageright { float: right; margin-left: 1em}
.indent { padding-left: 40px;}
ul.indent, ol.indent { margin-left: 40px;}
#content p.intro { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color: #666; line-height: 170%; margin-top: 0; margin-bottom: 1.5em; }
p.intro img {  border: 1px solid black; margin: 7px 16px 0 0;  display: block; float: left;}
p.intro img.preReqSymbol { float: none; display: inline; margin: 2px;  border: none;} /* this is for inline symbol graphics */

#content ul.tabs { overflow: hidden; margin: 1em 0 0 0; padding: 0; }
#content ul.tabs li { display: inline; list-style-type:none; font-size: .8em; font-weight:bold;}
#content ul.tabs a {float: left; background-color: #bbb; list-style-type:none; padding: 1px 10px; margin: 0 0 0 15px; display: block; color: #003D79;}
#content ul.tabs a.selected, #content ul.tabs a:focus  {background-color: #003D79; text-decoration: none; color: white}
#content ul.tabs a:hover { color: white; background-color: #2B5885; }
#content ul.tabs a.selected:hover { background-color: #003D79;}
#content div.tabs { border: 1px solid #003D79; border-width: 20px 1px 2px 1px; padding: 0 1em 1em 15px;}
#content div.tabs h2.tab-title { margin-top: 10px;}
#content div.tabs h2.hidden { top: -9999px; left: -9090px; position: absolute; overflow: hidden;}


.box {  overflow: hidden;  margin-top: 1em;  } /*Note IE6 hack*/
.box .left, .box .right{  width: 50%; float: left; }

p.top  { overflow: hidden; padding-bottom: 1.5em} 
p.top a{ display: block; background:url(../images/toparrow.gif) no-repeat 0 50%; padding-left: 12px; font-size: .85em; color:#003D79; float: left;}
#content p.top a:hover { font-weight: bold; color:#003D79}

#content ul.pagenav { padding-left: 1em; font-size: .9em; padding-bottom: 1em}
#content ul.pagenav li { list-style-type: none; background:url(../images/arrowPageNav.gif) no-repeat left 6px; padding-left: 12px; margin-bottom: .5em}
#content p.note { margin-top: 2em; border: 1px solid #999; padding: .8em 1em; background-color: #dfdfdf; font-size: .85em;}

/* turns an everyday link into a button like thing */ 

#content a.buttonLike { padding: 5px 8px; background: #003d79; color: #fff; border: 2px solid #ddd; text-decoration: none; font-weight: bold; font-size: .9em;}
#content a.buttonLike:hover { border: 2px solid #bbb; background: #EAEFF4; color: #252525;}


/* turns off bullets on a list of office hours */
div.hours li { list-style: none;}
#content div.hours ul { padding-left: 0px;}