/* BODY */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
}

#site { 
  padding:0;
  margin:0 100px;
  max-width:1200px;
  min-width:450px;   
}


#page-body {  
  line-height:150%;
}

#site-title {
  margin-left:90px;
  padding:0; 
}

#site-title a {
  text-decoration:none;  
}


/* OU HEADER */

#site-header {   
  max-width:1300px;
  min-width:450px; 
  margin:0;
  padding:0;  
  position:relative; 
  margin-left: -90px;
}

#ou-bar {     
  margin:0;
  padding:0;
}

#skip {
  display:none;
}

a#link-ou {
  display:block;
  background-image: url(oulogo_hor.gif);
  background-repeat : no-repeat;
  width:53px;
  height:38px;
  text-indent:-5000em;
  overflow:hidden;
  text-decoration:none;
  margin:0 0 0 0;
}

div#ou-portals {
  position:Absolute;
  right:0;
  top:0;
}


div#ou-portals a {
  padding-right:1em;
  margin-right:1em;
  border-right:1px solid #003366;
  color: #003366;
  text-decoration:none;
  font-size:85%;
}


div#ou-portals a#link-staff {
  border-right:none;
  margin-right:0;
  padding-right:0;
}


* html div#ou-portals a#link-staff {
  margin-right:100px;  
}


/* HEADERS */

h1 {
   font-size:2em;
}

h2 {
   font-size:1.2em;
}

h1, h2 {
   font-family:"Trebuchet MS", Verdana, Arial, sans-serif;   
}

h1 em {
   font-style:normal;
}


/* LWOU HOME  */

#row1, #row2 {
  margin:0;
  padding:0;
}

table#row1 {
  height:224px;
  margin:0;
  padding:0;
  border-collapse:collapse;     
}

table#row1 td{
  padding-top:10px;
  padding-left:10px;
  vertical-align:top;
}

table#row1 td h2, #row2 h2{
  padding:0;
  margin:0; 
}

#row2 h2 {
  line-height:150%;  
}

#row2 h2 span{
  color:#368BBE; 
  display:block;  
}

table#row1 td#c1 {
  background-color:#333333;
  color:#FFF;
  padding-left:188px;
  background-image:url(../images/lwou-home.jpg);
  background-position:top left;
  background-repeat:no-repeat;
}

td#c1 h2{
  font-size:1.5em; 
}

table#row1 td#c2 {
  background-color:#FDF3CC;
  color:#000;  
}

#row2 {  
  float:left; 
  width:99%; 
  min-width:100px;  
  margin-bottom:1em;
  background-image:url(../images/dotted-line-h.jpg);
  background-position:left bottom;
  background-repeat:repeat-x; 
}

#row2 .item {  
  float:left; 
  width:25%;  
  clear:right;
  display:inline;
  position:relative;
  min-width:100px;
}


/* LINKS */

a {
  color:#003366;
}

a:hover {
  text-decoration:none;
}


#row1 a {  
  font-weight:bold;
  /*text-decoration:none;*/
}

#c1 a {
  color:#FFF;  
}

#c2 a{
  color:#000;  
}

h2 a {
  text-decoration:none;
}

h2 a:hover, 
h2 a:hover span, 
#c2 a:hover,
#c1 a:hover {
  text-decoration:underline;
}



/* CLASSES */

.line {
  background-image:url(../images/dotted-line-h.jpg);
  background-repeat:repeat-x;
  margin:20px 0;
  padding:1px;  
  border:0 none;   
}

.quote {
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:1.5em; 
  color:#04274F;
  line-height:150%; 
  border:1px solid #D9EAFD;     
}

.quote p{  
  margin:1em; 
  
}

.quote cite{
  font-weight:bold;
  background-color:#D9EAFD;  
  padding:0.2em 1em; 
  display:block;   
}

.intro {
  font-size:1.1em;
  margin-top:0;
  margin-bottom:2em;
  line-height:160%;
}

.gutter {  
  padding-left:12px;
  padding-right:12px;
  margin-bottom:20px; 
}

.last {
  padding-right:0;
}

.first {
  padding-left:0;
}

.clear {
  clear:both;  
}


/* FOOTER */

#site-footer {
  clear:left;   
}

#site-footer a {
  text-decoration:none; 
  font-size:85%;  
}

#site-footer ul{
  margin:0;
  padding:0;
  background-image:0; 
}

#site-footer ul li{
  display: inline;
  list-style-type: none;
  margin-right:2em; 
     
}


/* BEING A STUDENT */

#being-an-ou-student #row1 {
  padding-left:161px; 
  background-image:url(../images/being-a-student.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  min-height:224px;
  color:#FFFFFF;
  background-color:#405140;  
}

*html #being-an-ou-student #row1 {
  height:224px;
}

#being-an-ou-student #row1 #c1 {
  padding:10px; 
  padding-left:20px;  
}


#being-an-ou-student #row1 h2 {
  font-size:1.5em; 
  margin:0;
}

#being-an-ou-student #row2 h2 a{
  color:#5B5B00;
}


/* PLANNING STUDIES */

#planning-studies #row1 {
  padding-left:251px; 
  background-image:url(../images/planning-studies.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  min-height:224px;
  color:#FFFFFF;
  background-color:#041D3A;  
}

*html #planning-studies  #row1 {
  height:224px;
}

#planning-studies #row1 #c1 {
  padding:10px; 
  padding-left:20px;  
}


#planning-studies #row1 h2 {
  font-size:1.5em; 
  margin:0;
}

#planning-studies #row2 h2 a {
  color:#041D3A;  
}


/* PLANNING STUDIES - CONTENT PAGES */

#planning-studies #col1 {
  float:left;
  width:30%; 
  
}

#planning-studies #col2 {
  float:right;  
  width:69%;  
  border-left:1px solid #F1EACE;
  border-bottom:1px solid #F1EACE;
  margin-bottom:2em;
}


blockquote {
  margin:0;
}


#planning-studies #steps {    
  width:100%;
  border-collapse:collapse;  
  margin:0;
  padding:0; 
 
}

#planning-studies #steps td {    
  height:64px;    
  border-top:5px solid white;
  border-bottom:5px solid white;   
}

#planning-studies #steps td .hide {    
  display:block;
  text-indent:-5000em;  
  height:1px;
  width:1px;
  overflow:hidden;  
}


#planning-studies #steps td p {    
  background-color:#F1EACE;  
  margin:0;
  padding:5px 0 5px 1em; 
  min-height:22px;  
  line-height:180%;   
    
}

* html #planning-studies #steps td p {    
  height:22px;
  margin:1px 0;   
}

#planning-studies #steps td#one,
#planning-studies #steps td#two,
#planning-studies #steps td#three,
#planning-studies #steps td#four,
#planning-studies #steps td#five,
#planning-studies #steps td#six { 
  background-position:left;
  background-repeat:no-repeat; 
  padding-left:48px;    
}



#planning-studies #steps td#one {
  background-image:url(../images/one.gif);     
}

#planning-studies #steps td#two {
  background-image:url(../images/two.gif);
}

#planning-studies #steps td#three {
  background-image:url(../images/three.gif); 
}

#planning-studies #steps td#four {
  background-image:url(../images/four.gif); 
}

#planning-studies #steps td#five{
  background-image:url(../images/five.gif);
}


#planning-studies #steps td#six {
  background-image:url(../images/six.gif);
}

/*
#planning-studies #steps td p#five-content,
#planning-studies #steps td p#six-content {
  margin-top:30px;
  min-height:50px;
}


* html #planning-studies #steps td p#five-content,
* html #planning-studies #steps td p#six-content {
  height:50px;
}
*/
.box1,
.box2  {  
  margin:1em 0; 
  padding:1em;     
}

.box1 {
  background-color:#D9EAFD;  
}

.box2 {
  background-color:#F8F4E7; 
}

.no-firm-plans h2, 
.youve-planned h2{
  font-size:1.3em; 
  margin-top:0;  
}

.box1 p,
.box2 p {
  margin-top:0; 
}

.box1 h2,
.box2 h2 {
  margin-bottom:0; 
  margin-top:0;
}

#planning-studies #page-body ul {
  margin-left:0;
  padding-left:0;
}

#planning-studies #page-body ul li {
  margin:0 0 3px 0;
  padding:0;
  background-image:url(../images/bullet-black.gif);
  background-repeat:no-repeat;
  background-position:0px .5em;
  padding-left:14px;  
  list-style-type:none;    
}

#planning-studies #page-body .box2 li {  
  background-image:url(../images/bullet-beige.gif);  
}

#planning-studies #page-body .box1 li {  
  background-image:url(../images/bullet.gif);  
}

table, tr, th, td {vertical-align:top;}

table#steps td {vertical-align:middle;}