/* CSS Document for OKMM main layers */
/* Author: T. Simonton -- Revised by: J. Smith 2009-2010  */

body {background-color:#dee6a3;margin:20px;font-family:Arial, Helvetica, sans-serif;font-size:10pt}

/* Text stylesheet begins here */
.skipnav {color: #dee6a3;font-size: 1px;}

p{margin-top:0;margin-left:.3em;margin-right: .25em;}
ul li, ol li{margin-bottom:.75em;}
li.short{margin-bottom:.1em;}

h1, h2, h3, h4, h5, h6 {font-weight:700;margin-top:.5em;margin-bottom:.15em;margin-left:.15em;	font-variant:small-caps;}
h1{font-size: 1.5em;}
h2{font-size: 1.3em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5{font-size: 1em;}
h6{font-size: .9em;}

.center {text-align:center;}
.italics {font-style:italic;}
.bold {font-weight: 700;}
img {border:0;}
.paddingleft{padding-left: 2em;}

.right {float:right;text-align:right;padding-right:6px;padding-left:8px;}
.left {float:left;text-align:left;padding-right:8px;padding-left:6px;}

.dkgreen {color: #507d44;}
.ltgreen {color: #dee6a3;}
.blue {color: #2e4cb0;}
.red {color: #bf3434;}
.orange {color: #d68042;}


/* LAYOUT BEGINS HERE */
#parentcontainer {width:810px;height:auto;background-color:#dee6a3;margin:auto;padding-top:5px;clear:both;}
#masthead {width:780px;height:185px;clear:both;background-color:#dee6a3;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:0;padding:0;}

/* MENU formatting */
#menubar {width:780px;height:25px;clear:both;padding:0;margin-left:auto;margin-right:auto;background-color:#507d44;}
.menu {margin:auto;padding-top:4px;padding-left:5px;font-family:Georgia, "Times New Roman", Times, serif;font-size:10pt;color:#fff;font-weight:500;text-align:center;}
.menu ul {list-style-type:none;white-space:nowrap;}
.menu li {background:none;float:left;/*border-right: 1px dotted #fff;*/list-style-type: none;}
.menu a {display:block;text-decoration:none;padding:0 9px;color:#fff;font-weight:600;}
.menu a:hover {color:#dee6a3;text-decoration:underline overline;}

/* INDEX.DWT center content - holds both the left column and right column layers */
#content-box {margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;width:780px;height:auto;background-color:#dee6a3;clear:both;padding:0;}
#content-box a:link, a:active{color:#224d17;}
#content-box a:hover {text-decoration: underline;}

/* left column layers begin here */
#left-column {float:left;width:250px;height:auto;clear:left;padding:0;margin-bottom:10px;}

#tips, #about, #college{float:left;width:250px;height:auto;clear:both;padding:0;overflow:hidden;}
#tips{border:1px dotted #2e4cb0; margin:0;}
#college {border:1px dotted #d68042;margin-top:10px;}
#about {border:1px dotted #bf3434;margin-top:10px;}

#tips-top, #about-top, #college-top {float:left;width:250px;height:25px;font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:600;text-align:center;padding-top:5px;clear:both;color:#fff;}
#tips-top {background-color:#2e4cb0;}
#college-top {background-color: #d68042;}
#about-top {background-color: #bf3434;}

#tips-content, #about-content, #college-content {float:left;width:240px;height:auto;padding:8px;background-color:#fff;line-height:125%;clear:both;}

/* Right column layers begins here */
#right-column {float:right;width:516px;height:auto;clear:right;background-color:#dee6a3;margin-bottom:10px;padding:0;}
#adbox {float:right;width:516px;height:262px;padding:0;margin:0;background-color:#dee6a3;overflow:hidden;clear:both;}
#news-event, #news-event-top, #news-event-content{float:right;clear:both;}
#news-event, #news-event-content {height:auto;background-color:#fff;}
#news-event {width:514px;margin-top:10px;padding:0;border:1px dotted #bf3434;}
#news-event-top {width:509px;height:25px;margin:0;padding-top:5px;padding-left:5px;background-color:#bf3434;font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;font-weight:600;text-align:left;color:#fff;}
#new-event-content {width:504px;line-height:125%;padding:30px 5px 5px 10px;}

#rotator{background:#dee6a3;cursor:pointer;overflow:hidden;position:static;width:518px;height:262px;left:300px;top:250px;}
#rotator img {border:0;left:379px;top:198px;width:514px;height:262px;}
/* END LEFT and RIGHT COLUMNS */

#footer {width:800px;height:auto;padding-top:15px;clear:both;text-align:center;color:#000;}

/* Begin additional template layers */
#gen-leftcolumn {float:left;width:200px;height:auto;clear:left;padding:0;margin-bottom:10px;}
#gen-left-menu-content {width:185px;height:auto;clear:both;padding:5px;margin:0;}

/* Start mutlicolored left column headers */
#gen-left-menu, #gen-left-menu2, #gen-left-menu3, #gen-left-menu4, #mod-left-menu {float:left;width:195px;height:auto;clear:both;margin-top:10px;padding:0;background:#fff;}
#gen-left-menu {border:1px dotted #d68042;}/*Orange*/
#gen-left-menu2 {border:1px dotted #2e4cb0;}/*Blue*/
#gen-left-menu3 {border:1px dotted #bf3434;}/*Red*/
#gen-left-menu4 {border:1px dotted #507d44;}/*Green*/
#mod-left-menu {border: 1px dotted #2e4cb0;}/*Blue*/

#gen-left-menu-top, #gen-left-menu-top2, #gen-left-menu-top3,#gen-left-menu-top4, #mod-left-menu-top {float:left;width:185px;height:auto;clear:both;background-color:#d68042;font-family:Georgia, "Times New Roman", Times, serif;font-size:1em;font-weight:600;padding:5px;color:#fff;}
#gen-left-menu-top {background-color:#d68042;}/*Orange*/
#gen-left-menu-top2 {background-color: #2e4cb0;}/*Blue*/
#gen-left-menu-top3 {background-color: #bf3434;}/*Red*/
#gen-left-menu-top4 {background-color: #507d44;}/*Green*/
#mod-left-menu-top {background-color: #2e4cb0;}/*Blue*/
/* End mutlicolored left column headers */


#right-column2 {float:left;width:0;height:auto;margin:0;}
#gen-main-content {background-color:#fff;border:1px dotted #507d44;clear:both;float:left;height:auto;margin-left:10px;margin-top:10px;overflow:visible;padding:12px;width:545px;}


/* Full width divs for articles and such */
#content-box-fullcontent {margin-top:10px auto;width:740px;height:auto;background-color:#fff;clear:both;padding:20px;margin-top:10px;line-height:125%;}

#content-box-fullcontent a:link, a:active{color:#224d17;}
#content-box-fullcontent a:hover {text-decoration:underline;}
#content-box-fullcontent a:visited {color:#507d44;}

/* spacer hack for extending parent containers to bottom */
#spacer {clear:both;}
.clear {clear:both;}

/* One Column Emphasis Table */
.oce-table {font-size:.9em;margin-left:5%;margin-right:5%;width:90%;text-align:left;border-collapse:collapse;}
.oce-table th {font-size:1.15em;font-weight:normal;padding:.75em .75em;color:#bf3434;text-align:center;}
.oce-table td {padding:.75em .75em;color:#2e4cb0;border-top:1px dotted #507d44;text-align:center;}
.oce-emphasis {background: #e9edfa;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.oce-table tr:hover td {color: #fff;background: #507d44;}
.oce-table tr:hover td.none {color: #fff;background: #fff;}

/*Modules*/
/*Module Home page with Image Boxes*/
#mod_intro {list-style-image:none; list-style-position:outside; list-style-type:none; margin-left: 1em;}
#mod_intro li {float:left; margin-bottom:0}
#mod_intro li a {display:block;height:150px;overflow:hidden;text-decoration:none !important;}
a.mod_intro_love {width:225px;margin-right:20px;background:url(/images/Love-and-Money.png); padding: 4em 0;background-repeat: no-repeat;}
a.mod_intro_love:hover {color:#1f6a33 !important;}
a.mod_intro_love:visited {color:#000;}
li.mod_intro_text {font-size:12px;text-align:right;}

/*Module Left Menu*/
ul#mod_menu{font-size:14px; font-variant:small-caps; list-style-image:none; list-style-type:none; list-style-position:outside; margin-left: -2em; font-weight:700;}
ul#mod_menu ul{margin: .25em .1em 1em -.25em;list-style-position:outside; list-style:circle;}
ul#mod_menu ul li{margin-bottom:.2em;}
ul#mod_menu a{text-decoration:none;}

/*Module Content*/
.module_text{line-height: 140%;}
ul.objectives{list-style-image:url(../Images/obj_li.png);}
p.pg_num {font-size:.9em; font-variant:small-caps;text-align:right;}

#accordion, #accordion_short {
    width: 500px;
    height: 205px;
    margin: 5% auto 25% auto;}
#accordion div, #accordion_short div {
    height:25%;
    overflow: hidden;}
#accordion:hover div{
    height: 30px; }
#accordion:hover div:hover {
    height: 265px;
    overflow: auto; }
#accordion_short:hover div:hover {
    height: 175px;
    overflow: auto; }
#part1 {background-color:#fff;}
#part2, #parta {background-color:#EFF3F7;}
#part3, #partb {background-color:#D6E0E9;}
#part4 {background-color:#c1d2df;}
#part5 {background-color:#ADC3D4;}
#part6 {background-color:#97b3c9;}
#part7 {background-color:#84A4BD;}

fieldset {border:0; padding-left: 1em;}
legend {margin-left: -1em; color:black;}
form.inset {padding-left: 2em;}

hr.dashed{border:none 0;border-top:1px dashed #507d44;width:50%;height:1px;}