/* CSS Document */
/******************************************************** 
		User goups - seperates viewers into common groups that will get a second page for more
		links without cluttering up the homepage
*********************************************************/
#user-groups {
    background-image: url(http://www.wou.edu/include_files/css/WOUassets/images/user_group_bkgrd.png);
    height: 200px;
}
#user-groups #flash_box_text {
	width: 275px;
	float: right;
	padding-top: 15px; /***** IMPORTANT - interior is generically defined */
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
    }
#user-groups #flash_box_text h2, #user-groups #flash_box_text h2 a, #user-groups #flash_box_text h2 a:link {
    font-size: 14px;
    font-weight: bold;
    color: #d00c1d;
    margin: 0px 0px 1px 0px;
    line-height: 17px;
    text-decoration: none;
    border: none;
}
#user-groups #flash_box_text p {
    font-size: 13px;
    color: #5D5D4F;
    margin: 0px;
}
#user-groups p {
    margin: 0px;
    padding: 0px;
    padding-bottom: 2px;
    display: block;
    line-height: 17px;
}
#user-groups img {
    margin: 0px;
    padding: 0px;
    display: inline;
}
#flash_box_text p a { /* , #content p a:link */
    display: inline-block;
    font-size: 13px;
    color: #625848;
    text-decoration: none;
    margin: 0px;
    background-repeat: no-repeat;
    border-bottom: dotted #605E5C 1px;
}
#flash_box_text p a:hover {
    padding-bottom: 1px;
    border-bottom: none;
	color:#D00C1D
}   
#flash_box_text p a:link strong; #flash_box_text p a strong {
    padding-bottom: 1px;
	color: #5D5D4F;
} 
#flash_box_text p a.link_nounderline {
	 font-weight: bold;
	 padding-bottom: 1px;
     border-bottom: none;
	 color:#5D5D4F;
	 border:none;
	 text-decoration: none;
}
#flash_box_text p a:hover.link_nounderline {
	 font-weight: bold;
	 padding-bottom: 1px;
     border-bottom: none;
	 color:#D00C1D;
	 border:none;
}
#image-box {
    margin: 0px;
    display: block;
    clear: left;
}
#profile_container {
    display: block;
    float:left;
    margin: 0px;
    min-height: 200px;
    background-image: url(/include_files/css/WOUassets/images/profile_container_bkgrd.png);
    background-repeat: repeat-x;
}
#profile_container_text {
	display: inline;
}
table#content_columns {
	display: block;
    overflow: visible;
	margin: 10px 0px 15px 10px;
	clear: both;
}
#content_columns .interior {
    padding: 0px 8px 3px 8px;
    width:35%;
    vertical-align: top;
    overflow: hidden;
}
#content_columns .interior_right {
    width: 30%;
 /*    border-left: dotted #CCCCCC 1px; */
    padding: 0px 8px 3px 8px;
    vertical-align: top;
    overflow: hidden;
}
.column_header, #content_columns .interior .column_header, #content_columns .interior_right .column_header {
    font-size: 18px;
    font-weight: bold;
    color: #544C3E;
    line-height: 19px;
    margin-bottom: 5px;
}
.column_subhead, #content_columns .interior .column_subhead, #content_columns .interior_right .column_subhead {
    font-size: 15px;
    font-weight: bold;
    color: #d00c1d;
    line-height: 17px;
    margin: 7px 0px 2px 0px;
    display: block;
}
#content_columns .interior p, #content_columns .interior_right p {
    font-size: 13px;
    color: #625848;
    line-height: 14px;
    margin-top: 8px;
    margin-bottom: 0px;
}
/************************************* interior navigation with hierarchy  ***********************/
#content_columns .interior, #content_columns .interior_right {
    color: #605E5C;
}
#content_columns a, #content_columns a:link {
    color: #605E5C;
    text-decoration:none;
}
#content_columns a:visited  {
}
#content_columns  a:hover {
    color: #d00c1d;
}
#content_columns .interior img, #content_columns .interior_right img{
    margin:3px 1px 2px 2px;
    border: solid #333333 1px;
}
.interior ul, .interior_right ul {
    display: block;
    padding:0px 0px 0px 10px;
    margin: 0px;
 	border: none; 
}
#content_columns .interior .divider, #content_columns .interior_right .divider {
    border-bottom: dotted #605E5C 1px;
}
#content_columns .interior ul li, #content_columns .interior_right ul li { /* , #content_columns .interior_right p  may need to redo if styles keep changing*/
	margin: 0px 0px 2px 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	line-height: 15px;
	text-indent: -7px;
/* 	border: none #CCC 1px; */
}
#content_columns .interior ul li ul, #content_columns .interior_right ul li ul {
	padding:0px;
	margin: 2px 0px 0px 4px;
/*   	border: dotted #F00 1px; */ 
}
#content_columns .interior ul li ul li, #content_columns .interior_right ul li ul li, #content_columns .interior_right ul.single_set > li, #content_columns .interior_right ul.single_set > li { /*.single_set class was set if there are no subsets of the list - ie 7 does not collopse the outer box even if it does not have content in the li tag */
    font-size: 12px;
    font-weight:normal;
    padding: 0px;
    margin: 0px;
	text-indent: -7px;
    text-decoration: none;
    list-style-type: none;
}

#content_columns .interior .column_header1, #content_columns .interior_right .column_header1 {    
	font-size: 18px;
    font-weight: bold;
    color: #544C3E;
    line-height: 19px;
    display: block;
    margin-bottom: 5px;
}

#content_columns .interior .header, #content_columns .interior_right .header {
    margin: 0px 0px 4px 0px;
    padding: 0px;
    text-decoration: none;
    list-style-type:none;
    font-size: 15px;
    font-weight:bold;
    color: #423C32;
}
#content_columns  .interior .short_list li,#content_columns  .interior_right .short_list li { /* , #content_columns .interior_right p  may need to redo if styles keep changing*/
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    list-style-type:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    line-height: 14px;
    text-indent: -9px;
	}
ul.indent_list{ /* specifically used for listing videos - we may want to expand/better define */
    padding:10px 3px 12px 10px;
    margin: 0px;
}
ul.indent_list li { /* , #content_columns .interior_right p  may need to redo if styles keep changing*/
	margin: 1px 0px 2px 6px;
	padding: 0px;
	text-decoration: none;
	list-style-type:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	line-height: 15px;
	text-indent: -12px;
}

li .header, li .column_header1 {
	background-color:#FFFF00;
	font-size: 12px;
	}