/* CSS Document - Designed by JoAnn Gonzalez-Major */
* {margin:0; padding:0;}
html, body{font:90%/130% Verdana, Helvetica, sans-serif; background-color:#fff; background-image: url(http://midsolutions.org/i/backgrounds/blue_boxes_light_sm_wht_me.jpg);  border:0; color:#000; height:100%; text-align:center;}
h3.boxhead{font-size:11px; padding:0 5px 12px 5px;}
div.clear{font-size:0; line-height:0; height:1%; clear:both;}
a:link, a:visited{color:#000; text-decoration:underline;}
a:hover{color:#6886B3; text-decoration:underline;}
h1 {font-size:140%; padding:.5em 0; text-align:center; font-weight:bold;}
h2 {font-style:italic; padding:.5em 0; font-size:120%; font-weight:bold;}
h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; color:#496fa6; padding:.5em 0;}
h5 {font-size:120%; color:#339900; text-align:center; font-family:Georgia, "Times New Roman", Times, serif;}
h6 {text-align:right; font-size:80%; font-weight:normal; font-style:italic; color:#999999;}
.boxright {float:right; border:dashed #496fa6 1px; width:30%; padding:1em; margin:1em 2em 1em 1em;font-size:80%;}
.boxleft {float:left; border:dashed #496fa6 1px; width:30%; padding:1em; margin:1em 1em 1em 2em;font-size:80%;}
.style1 { color: #974862; font-weight: bold; }
p {padding-bottom:.5em;}

hr {margin: 0px; color: #496fa6; background-color: #496fa6 height:1px; margin: 0.5em 0;}
.imgleft {float:left; border:1px solid #cccccc; padding:2px; margin-right:1em; margin-bottom:0.5em;}
.imgright {float:right; border:1px solid #cccccc; padding:2px; margin-left:1em;margin-bottom:0.5em;}
.boxLeft{float:left;text-align:left;font-size:0.8em;width:40%;border:solid thin #CCC4BC;margin:1em;padding:0.5em;}
.boxRight{ float:right; text-align:right; font-size:0.8em; width:40%; border:solid thin #CCC4BC; margin:.6em; padding:0.5em; }

div#wrap{ position:static; background-color:#496fa6; margin:0 auto 0 auto; height:100%; width:950px; text-align:left;}
div#wrap2{height:auto; background-color:#496fa6;}
div#navbar{/*background-color:#fff;*/ border-top:5px solid #fff; width:950px; height:110px; padding:0 0 0 7px; margin-left:-7px;}
div#content{padding:0 12px 0 12px;}
div#locationbar{background-color:#6886b3; color:#fff; padding:5px; text-align:right;}
div#alertbox{color:#fff; margin-top:10px; padding:5px; text-align:center;}
div#alertbox strong{ background-image:url(../i/colors/alert_arrows_left.gif); background-position:left center; background-repeat:no-repeat; padding-left:55px;}
div#alertbox p{display:inline; background-image:url(../i/colors/alert_arrows_right.gif); background-position:right center; background-repeat:no-repeat; padding-right:55px;}

div#topicNav {text-align:center; padding: 1em 0; font-size:90%;}
div#topicNav img{border:0;}

div#main{margin-top:10px; width:725px; float:left; line-height:1.5;}
div#main ul {margin-left: 2em;}
div#main li {padding-bottom:.5em;}
div#main p { /*text-indent:2em;*/}
/*div#main p:first-letter {font-size:1.25em; font-family:Georgia, "Times New Roman", Times, serif; color:#496fa6; font-weight:bold;}*/
div#footer{ color: #FFFFFF; text-align:center; font-size:90%; padding:1em 0; font-style:italic;}
div#footer a{color: #CCCCCC;}
div.sample{margin:1em 3em; font-style:italic; background-image:url(../course_design/i/lt_orangefilter.gif); padding:2em; border:1px #CCCCCC dashed; font-size:90%;}
div.formbox{margin-bottom:10px; width:725px;}
div.blubox, div.yelbox{background-color:#FFF; margin:0 11px 0 0; padding:0; width:233px; float:left;}
div.pinkbox{background-color:#FFF; margin:0; padding:0; width:233px; min-height:200px; float:right;}
div.yelbox{background-image:url(../i/colors/yellow.gif); background-position:0 0; background-repeat:repeat-x;}
div.blubox{background-image:url(../i/colors/orange.gif); background-position:0 0; background-repeat:repeat-x;}
div.pinkbox{background-image:url(../i/colors/pink.gif); background-position:0 0; background-repeat:repeat-x;}
div.learningbox{background-color:#FFF; padding:0 1em; margin:0 11px 0 0; padding:0; width:710px; float:left; background-image:url(../i/colors/orange.gif); background-position:0 0; background-repeat:repeat-x;}
div#sidebar{margin:10px 0 0 736px; width:180px;}
div.sidebarbox{ background-image:url(../i/colors/orange.gif); background-position:top left; background-repeat:repeat-x; background-color:#FFF; margin:0 0 10px 0; padding:0; width:180px;}
div.utilitybox{ background-image:url(../i/colors/blue.gif); background-position:top left; background-repeat:repeat-x; background-color:#FFF; margin:10px 0 10px 0; padding:0; width:180px;}
div.navbox{ background-image:url(../i/colors/orange.gif); background-position:top left; background-repeat:repeat-x; background-color:#FFF; margin:10px 0 10px 0; padding:0; width:180px;}
div.content{min-height:200px; padding:5px 5px 8px 5px;}
div.content ul{padding:2px 5px 2px 15px;}
div.content ol {padding:2px 5px 2px 40px;}
div.content li {padding:2px 0;}
#navlist {padding-left: 0; margin-left: 0; border-bottom: 1px solid gray; width: 165px; font-size:.8em;}
#navlist li {list-style: none; margin: 0; padding: 0.25em; border-top: 1px solid gray;}
#navlist li a { text-decoration: none; }

/* Tables */
table {margin:1em 3em; border: 1px solid #990033;}
td, th {border-bottom:1px #496fa6 dashed; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:90%; padding:0.5em;}
thead {text-align:center; font-weight:bold; border:1px solid;}
th {text-align:left; font-weight:normal;}
.header {text-align:center; font-weight:bold; border-top: 1px dashed #990033; border-bottom: 1px dashed #990033;}

/* utility */
#skipnav{font-size:80%;color:#496fa6; text-align:left;}
#skipnav a{color:#afc0a5; text-decoration:none;}
#skipnav a:hover{color:#000;}
.quote {margin:0 4em 0 5em; padding-left: 1em; font-size:90%; font-style: italic; color:#496fa6;}
#duolist {width:100%}
#duolist ul.left {float:left; width:50%; margin:0; padding:15px 0; border:0 none; list-style-position:inside; position:relative; left:20px;}
#duolist ul.right {float:right; width:50%; margin:0; padding:15px 0; border:0 none; list-style-position:inside; position:relative;}
.no-space {margin:0; padding:0;}

blockquote { font-family: Georgia, "Times New Roman", Times, serif; color: #666666; margin: 10px; padding: 0;  }

blockquote p { margin: 5px 0px 0px 5px; padding: 10px; text-indent: 20px; }