/* -------------------------------------

Title : K-State Homepage Stylesheet
Author : Jeff Croft
URL : http://k-state.edu

Description : This stylesheet allows for end-user adjustable preferences within the template framework.

Created : Dec 5, 2005
Modified : Dec 20, 2005
Adapted for OIP : May, 2008 by : Nancy Baker 


Recommended colors:
Primary K-State Purple: #50017C
Lighter Purple: #732799
Teal: #00768D
Gold: #D8CC46
Beige: #A5A48C
Lighter Beige: #C7C3B3
Grey: #D0CECF

Text color recommendations:
White: #FFF
Grey: #333
Black: #000

---------------------------------------- */


/* Set the link underline */

   div#KSU_mainContent a:link,
   div#KSU_mainContent a:visited,
   div#KSU_mainContent a:active {
       text-decoration: none;
      border-bottom: 1px solid #ddc9e8;
     
   }

   div#KSU_mainContent a:hover {
      text-decoration: underline;
      border-bottom: none;
   }



/* Making homepage main body two columns */

   div#OIP_wrapper {      /* around bottom half of page */
	overflow: auto;
	margin: 0 10px 0 0;
	background-color: #FFFFFF;
	border: 12;
	border-color: #FFFFFF;
	/*  clear: right; */
     

   }

      div#OIP_wrapper .more {
         font-size: 1.2em;
      }
	  

	  
	

   div#OIP_feature  {      /* around bottom left half of page - feature */
         margin: 0 0x 15px 0;
   }

      div#OIP_feature h4 {
         margin-bottom: .8em;
      }

      div#OIP_feature p {
         line-height: 1.4em;
         font-size: 1.2em;
      }

      div#OIP_feature img {
         float: left;
         margin: 0 0 0 0;
      }


      div#OIP_feature h5 {
         font-size: 1.3em;
         line-height: 1.4em;
         margin-top: 0;
         font-weight: bold;
         color: #50017c;
      }

      
      h4.section {
         border-top: 1px solid #ccc;
         padding-top: 1em;
      }


   div#OIP_rightSidebar {
	margin: 0 0 0 0;
	float: right;
	width: 170px;
	background-color: 512877;
	color: fff;
   }

   div#OIP_rightTop {   /* around bottom right half of page - news */
      padding: 10px 10px 10px 10px;
      background-color: #50017C;
	   color: #FFFFFF;
	 
	 
   }
   
     
   div#OIP_rightTop a,
   div#OIP_rightTop a:link,
   div#OIP_rightTop a:visited,
   div#OIP_rightTop a:active {
      color:#FFF;
	  text-decoration: none;
	  border-bottom: none;
	  
	 
   }
   
   
   div#OIP_rightTop a:hover {
      text-decoration: none;
      border-bottom: none;
   }
   
   
      div#OIP_rightTop h4 {
         margin-top: 0;
		 color: #FFFFFF;
      }

       div#OIP_rightTop h5 {
         margin-top: 15px;
		 color: #FFFFFF;
		 font-size:12px;
      }
	  
	   div#OIP_rightTop h6 {
         margin-top: 5px;
		 font-size: smaller;
		 color:#FFFFFF;	 
      }
     		
      div#OIP_rightTop ul {
         list-style: none;
         margin-left: 0;
      }

      div#OIP_rightTop ul li {
         margin-bottom: 1.2em;
         line-height: 1.4em;
      }

      div#OIP_rightTop .date {
         color: #333;
         display:block;
      }


 


/* Left navigation list item resource styling */

   ul#OIP_resources {
      list-style-type: none;
      margin-left: 0;
   }

   ul#OIP_resources li {
      margin-bottom: 1em;
      line-height: 1.4em;
   }





/* Styling the left secondary sidebar (beige box) */

   div#KSU_sidebarSecondary h4 {
      font-size: 12px;
   }

   div#KSU_sidebarSecondary ul {
      list-style: square outside;
      font-size:11px;
      font-weight: normal;
      line-height: 1.2em;
      margin-left: 1em;
      margin-top: 1em;
      color: #A5A48C;
   }

   div#KSU_sidebarSecondary ul li{
      margin: 8px 0;
   }

   div#KSU_sidebarSecondary p {
      font-size: 10px;
      margin-top: 0;
   }



/* h4 style changes */

   div#KSU_mainContent h4 a,
   div#KSU_mainContent h4 a:link,
   div#KSU_mainContent h4 a:visited,
   div#KSU_mainContent h4 a:active,
   div#KSU_mainContent h4 a:hover {
      text-decoration: none;
      border-bottom: 1px solid #ddc9e8;
   }

/* h5 style changes */

   div#KSU_mainContent h5 a,
   div#KSU_mainContent h5 a:link,
   div#KSU_mainContent h5 a:visited,
   div#KSU_mainContent h5 a:active,
   div#KSU_mainContent h5 a:hover {
      text-decoration: none;
      border-bottom: 1px solid #ddc9e8;
   }

/* li style changes */

   div#KSU_mainContent li a,
   div#KSU_mainContent li a:link,
   div#KSU_mainContent li a:visited,
   div#KSU_mainContent li a:active,
   div#KSU_mainContent li a:hover {
      text-decoration: none;
      border-bottom: 1px solid #ddc9e8;
   }

/* K-STATE TEMPLATE OPTIONS BEGIN HERE */

/* To change the background color of the left navigation sidebar in a two- or three-column layout, adjust the background-color property here. */
   ul#KSU_pageLinks {
      background-color: #732799;
   }



/* If you've adjusted your left navigation sidebar background color, you may also want to change the color of your links. Do so by changing the color property below. */
   ul#KSU_pageLinks li a,
   ul#KSU_pageLinks li a:link,
   ul#KSU_pageLinks li a:visited,
   ul#KSU_pageLinks li a:active,
   ul#KSU_pageLinks li a:hover {
      color: #fff;
   }



/* If you've adjusted your left navigation sidebar background color, you may need to switch to a different color for the bullets by each link.
   To change the color, edit the color name part of the image URL below and uncomment the attributes.

      - The first selector below changes the bullet.
      - The second changes the bullet on "mouseover."
      - The third changes the active bullet.

   You must include both "background-image" and "_background-image" selectors. The underscored version is a filter for Internet Explorer, which can't accept transparent PNG images.

   Your options are:
   pill-bullet-white
   pill-bullet-light-purple
   pill-bullet-dark-purple
   pill-bullet-blue
   pill-bullet-green
   pill-bullet-orange.png */

   ul#KSU_pageLinks li a:link,
   ul#KSU_pageLinks li a:active,
   ul#KSU_pageLinks li a:visited {
      /* background-image: url("/KSU_resources/images/pill-bullets/pill-bullet-white.png"); */
      /* _background-image: url("/KSU_resources/images/pill-bullets/pill-bullet-white-ie.png"); */
   }
   ul#KSU_pageLinks li a:hover {
      /* background-image: url("/KSU_resources/images/pill-bullets/pill-bullet-green.png"); */
      /* _background-image: url("/KSU_resources/images/pill-bullets/pill-bullet-green-ie.png"); */
   }
   ul#KSU_pageLinks li.current a:link,
   ul#KSU_pageLinks li.current a:active,
   ul#KSU_pageLinks li.current a:visited {
      /* background-image: url("/KSU_resources/images/pill-bullets/pill-bullet-dark-purple.png"); */
      /* _background-image: url("/KSU_resources/images/pill-bullets/pill-bullet-dark-purple-ie.png"); */
   }



/* To change the background color of the left navigation sidebar secondary section (below the navigation links) in a two- or three-column layout, adjust the background-color property here. */
   div#KSU_sidebarSecondary {
      background-color: #a5a48c;
   }



/* If you've adjusted your left navigation sidebar seconday section background color, you may also want to change the color of your links. Do so by changing the color properties below. */

   div#KSU_sidebarSecondary a:link,
   div#KSU_sidebarSecondary a:visited,
   div#KSU_sidebarSecondary a:active {
      color: #50017c;
   }
   div#KSU_sidebarSecondary a:hover {
      color: #732799;
   }



/* To change the background color of the right-hand sidebar in a three column layout, adjust the background-color property here.
   If you also need to change the text color, adjust the color property. */
   div#KSU_mainColumnSidebar {
      background-color: #fff;
      color: #333;
   }



/* To change the background and text colors of a brag box, adjust their respective properties below. */
   div.KSU_bragBox {
	background-color: #C7C3B3;   /* #C7C3B3 */
	color: #000;  /* #333 */
	font-weight: bold;
	font-size: 12px;
	}
	
	 div.KSU_bragBox2 {
	background-color: #C6B3C6;   /* #C7C3B3 */
	color: #000;  /* #333 */






	font-weight: ;
	font-size: 12px;
	width: 500px;
	visibility: hide;	}
	
	div.KSU_bragBox3 {
	background-color: #CCCCCC;   /* #C7C3B3 */
	color: #000;  /* #333 */



	font-weight: ;
	font-size: 12px;
	width: 500px
	}
	



/* If you are using page tabs in your layout, you may wish to adjust the color of the inactive tabs.
   We suggest this matches the left navigation sidebar color. Change each property in the two selectors below.
   Note that all color properties below must match. */

   div#KSU_mainColumnTabs ul li a:link,
   div#KSU_mainColumnTabs ul li a:active,
   div#KSU_mainColumnTabs ul li a:visited {
      background-color: #732799;
      border-bottom-color: #732799;
   }
   div#KSU_mainColumnTabs ul li.current a:link,
   div#KSU_mainColumnTabs ul li.current a:active,
   div#KSU_mainColumnTabs ul li.current a:visited {
      border-top-color: #732799;
      border-left-color: #732799;
      border-right-color: #732799;
   }



/* If you are using page tabs in your layout, you may wish to adjust the color of the bar on the left of each inactive tab.
   Change the border-left-color property in the selector below. */

   div#KSU_mainColumnTabs ul li a:link strong,
   div#KSU_mainColumnTabs ul li a:active strong,
   div#KSU_mainColumnTabs ul li a:visited {
      border-left-color: #50017c;
   }

 /* Photos */

div.photoArea {
   float: right;
   margin: 0 10px 10px 10px;
}

div.photoArea img {
   padding: 5px;
   border: 1px solid #666;
}

div.photoArea .caption {
   font-size: 80%;
   width: 300px;
   margin: 5px 0;
}

div#KSU_sidebarSecondary address_oip {
	color:#50017c;
	font-style:normal;
	font-weight:bold;
	padding:2em 0 0;
}

div#KSU_sidebarSecondary address_oip a:link, div#KSU_sidebarSecondary address_oip a:visited, div#KSU_sidebarSecondary address_oip a:active {
	color:#50017c;
}