@charset "utf-8";
/* 
---------------------------------------------------------------------------------------------
Title:          CSS patch 2013
Description:    overrides existing old styles
Author:     	IITS WEB Group
Revision:   	4/18/14 - ARY
---------------------------------------------------------------------------------------------
*/

body {
	background: url('http://www.csusm.edu/images/backgrounds/background_campussephia2.jpg') no-repeat fixed center top #D5D0C5;
	/*background: url('http://www.csusm.edu/images/backgrounds/background_beigebehindcontent.jpg') repeat-x fixed center top #D5D0C5;*/
}

#content_wrapper, #content_wrapper_b {
	background: url('/images/content-backgrounds/content_wrapper_subbg_01b.gif') repeat-x #D5D0C5;
	background: none /*url('/images/content-backgrounds/content_wrapper_subbg_01.gif") repeat-x scroll 0 0 #D5D0C5;*/
}

#content_frame {
	width: 800px;
}

#content_section h1, #content_section h2 {
	color:#4E4232;
	line-height:28px;
}


#theme_image_bg {
	background:none;
}

#theme_image, #theme_image_large {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
}

.col_6, .width_6 {
    width: 478px;
}

#header_wrapper {
	width: 100%;
	height: 77px;
	background: url('/images/header/header_wrapper_bg_2013.png') repeat-x;
}

#header_frame {
	margin: 0px auto;
	width: 996px;
	height: 46px;
	clear: both;
	z-index: 1;
	background:none;
}

#site_search_temp {
	background: none repeat scroll 0 0 #596dac;
	border: 1px solid #5C75B7;
	float: right;
	font-size: 10pt;
	height: 27px;
	margin-top: 8px;
	padding: 0;
	position: relative;
	top: 0;
	width: 279px;
	z-index: 10000;
	left:-4px;
}

#searchinput {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	float: left;
	font-size: 14px;
	height: 25px;
	left: 8px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 0px;
	width: 235px;
	color:white;
}

#searchinputbutton {
	border: medium none;
	cursor: pointer;
	float: left;
	height: 21px;
	left: 19px;
	position: relative;
	top: 4px;
	width: 21px;
}

#toplevel_temp { 
    height:30px;
    position:relative;
    float:left;
	width:100%;
    z-index:100000;
	display:block;
	padding-top:5px;
}

#toplevel_temp ul { 
    margin: 2.5px auto;
    width: 996px;
	padding:0;
}

#toplevel_temp ul li {
    float: left;
    margin-top: 4px;
    position: relative;
	display: list-item;
	list-style: none; 
}

#toplevel_temp a {
    color: #002987;
    display: block;
    font-size: 14px;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    padding: 2px 16px 1px 16px;
}

#toplevel_temp ul li, #toplevel_temp a {
    border-radius: 15px 15px 15px 15px;
}

#toplevel_temp ul li:hover, #toplevel_temp ul li a:focus {
    background:#FFFFFF;
    outline:none;       
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#content_section {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    height: auto;
    line-height: 18px;
    margin-left: 170px;
    margin-right: 5px;
    opacity: 1;
    padding: 10px;
    text-align: left;
	overflow:hidden;
	width:570px;
}

#content_section_full {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10pt;
    height: auto;
    line-height: 18px;
    margin-left: 0px;
    margin-right: 5px;
    opacity: 1;
    padding: 10px;
    text-align: left;
	overflow:hidden;
	width:766px;
}

footer {
	background: none repeat scroll 0 0 #D5D0C5;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 10px;
	padding: 10px 0;
	width: 100%;
}

#footer_copyright {
    color: #000;
    height: 20px;
    text-shadow:none;
    padding:0;
    border:none;
    float: left;
    font-size:11px;
	
}

#footer_links {
    color: #000;
    height: 20px;
    text-shadow:none;
    padding:0;
    border:none;
    float: right;
    font-size:11px;
	padding: 0 8px 0 5px;
    text-decoration:none;
}

/* LEFT NAVIGATION ITEMS */

.leftnav_main_normal
{
    background:#FFFFFF url('../images/nav/2013leftnav_main_normal01.gif') top left no-repeat;
    height:auto;    
}

.leftnav_main_normal:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_main_normal_hover01.gif') no-repeat;
}

.leftnav_main2
{
    background:#FFFFFF url('../images/nav/leftnav_main001.gif') no-repeat; 
    height:auto;    
}

.leftnav_main2:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_main_hover001.gif') no-repeat;
}

.leftnav_main3
{
    background:#FFFFFF url('../images/nav/2013leftnav_main0001.gif') no-repeat; 
    height:auto;    
}

.leftnav_main3:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_main_hover0001.gif') no-repeat;
}

.leftnav_main_dd
{
    background:#FFFFFF url('../images/nav/2013leftnav_main_dd01.gif') no-repeat; 
    height:auto;    
}

.leftnav_main_dd:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_main_dd_hover01.gif') no-repeat; 
}

.leftnav_main_dd2
{
    background:#FFFFFF url('../images/nav/2013leftnav_main_dd001.gif') no-repeat; 
    height:auto;    
}

.leftnav_main_dd2:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_main_dd_hover001.gif') no-repeat; 
}

.leftnav_main_dd3
{
    background:#FFFFFF url('../images/nav/2013leftnav_main_dd0001.gif') no-repeat; 
    height:auto;    
}

.leftnav_main_dd3:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_main_dd_hover0001.gif') no-repeat; 
}

.leftnav_main_selected
{
    background:#800000 url('../images/nav/2013leftnav_main_normal_selected01.gif') no-repeat; 
    height:auto; 
}

.leftnav_main_selected2
{
    background:#800000 url('../images/nav/2013leftnav_main_selected001.gif') no-repeat; 
    height:auto; 
}

.leftnav_main_selected3
{
    background:#800000 url('../images/nav/2013leftnav_main_selected0001.gif') no-repeat; 
    height:auto; 
}

.leftnav_sub_normal
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_normal01.gif') no-repeat; 
    height:auto; 
}

.leftnav_sub_normal2
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_normal001.gif') no-repeat; 
    height:auto; 
}

.leftnav_sub_normal3
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_normal0001.gif') no-repeat; 
    height:auto; 
}

.leftnav_sub_normal4
{
    background:#FFFFFF url('../images/nav/leftnav_sub_normal00001.gif') no-repeat; 
    height:auto; 
}

.leftnav_sub_normal:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_normal_hover01.gif') no-repeat; 
}

.leftnav_sub_normal2:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_normal_hover001.gif') no-repeat; 
}

.leftnav_sub_normal3:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_normal_hover0001.gif') no-repeat; 
}

.leftnav_sub_normal4:hover
{
    background:#FFFFFF url('../images/nav/leftnav_sub_normal_hover00001.gif') no-repeat; 
}

.leftnav_sub_selected
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_selected01.gif') no-repeat; 
    height:auto; 
}

.leftnav_sub_selected2
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_selected001.gif') no-repeat; 
    height:auto; 
}

.leftnav_sub_selected3
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_selected0001.gif') no-repeat; 
    height:auto; 
}

.leftnav_sub_selected4
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_selected00001.gif') no-repeat; 
    height:auto; 
}

.leftnav_sub_selected a:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_selected_hover01.gif') no-repeat; 
}

.leftnav_sub_selected2 a:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_selected_hover001.gif') no-repeat; 
}

.leftnav_sub_selected3 a:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_selected_hover0001.gif') no-repeat; 
}

.leftnav_sub_selected4 a:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_selected_hover00001.gif') no-repeat; 
}

.leftnav_sub_dd
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_dd01.gif') no-repeat;
    height:auto; 
}

.leftnav_sub_dd2
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_dd001.gif') no-repeat;
    height:auto; 
}

.leftnav_sub_dd3
{
    background:#FFFFFF url('../images/nav/leftnav_sub_dd0001.gif') no-repeat;
    height:auto; 
}

.leftnav_sub_dd4
{
    background:#FFFFFF url('../images/nav/leftnav_sub_dd00001.gif') no-repeat;
    height:auto; 
}

.leftnav_sub_dd a:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_dd_hover01.gif') no-repeat;
}

.leftnav_sub_dd2 a:hover
{
    background:#FFFFFF url('../images/nav/2013leftnav_sub_dd_hover001.gif') no-repeat;
}

.leftnav_sub_dd3 a:hover
{
    background:#FFFFFF url('../images/nav/leftnav_sub_dd_hover0001.gif') no-repeat;
}

.leftnav_sub_dd4 a:hover
{
    background:#FFFFFF url('../images/nav/leftnav_sub_dd_hover00001.gif') no-repeat;
}

.leftnav_sub_dd_selected2
{
    background:#FFFFFF url('../images/nav/leftnav_sub_dd_selected001.gif') no-repeat;
    height:auto; 
}

.leftnav_sub_dd_selected3
{
    background:#FFFFFF url('../images/nav/leftnav_sub_dd_selected0001.gif') no-repeat;
    height:auto; 
}

.leftnav_sub_dd_selected4
{
    background:#FFFFFF url('../images/nav/leftnav_sub_dd_selected00001.gif') no-repeat;
    height:auto; 
}

.leftnav_sub_dd_selected2 a:hover
{
    background:#FFFFFF url('../images/nav/leftnav_sub_dd_selected_hover001.gif') no-repeat;
}

.leftnav_sub_dd_selected3 a:hover
{
    background:#FFFFFF url('../images/nav/leftnav_sub_dd_selected_hover0001.gif') no-repeat;
}

.leftnav_sub_dd_selected4 a:hover
{
    background:#FFFFFF url('../images/nav/leftnav_sub_dd_selected_hover00001.gif') no-repeat;
}

.leftnav_bottom {
    background: url("../images/nav/2013leftnav_bottom01.gif") no-repeat;
    height: 96px;
    width: 175px;
}

[class*='leftnav'] a, [class*='leftnav'] {
	background-color:transparent;
	color:#fff;
    display: block;
    font-size: 8pt;
    font-weight: normal;
    height: auto;
    line-height: 16px;
    min-height: 16px;
    text-decoration:none;
}

[class*='leftnav'] a:hover, [class*='leftnav']:hover {
	background-color:transparent;
	color:#c0c0c0;
}

.WideContent {
	font-size:11px;
	table-layout:fixed;
	width:570px;
}

.WideContent td, .WideContent a, .WideContent p{
	font-size:11px;
	overflow:auto;
	word-wrap:break-word;
}

#toplevel_temp a span {
    height: 1px; 
    width: 1px; 
    position: absolute; 
    overflow: hidden; 
    top: -10px;
}