/****************************************************************************************
*****************************************************************************************
**                                                                                     **
**  THIS IS THE STYLE SHEET FOR THE SoM STUDENT AFFAIRS COMMITTEE'S WEBSITE            **
**                                                                                     **
*****************************************************************************************
****************************************************************************************/


/****************************************************************************************
**  THIS SECTION OF THE STYLE SHEET CONTAINS UNIVERSAL THINGS
****************************************************************************************/
html, *
{
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
}

h1
{
	font-size: 1.5em;
	font-weight: bold;
	color: #003366;
	border-bottom: solid 0px #FFFFFF; 
	margin-right: 12px;
}



body
{
	color: #003366;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	background-repeat: repeat-x;
    background-color: #FFFFFF;
}
 

/* Current color scheme for OU BLISS borrowed from http://www.colorcombos.com/color-schemes/12/ColorCombo12.html /*

/****************************************************************************************
**  THIS SECTION OF THE STYLE SHEET CONTAINS THINGS FOR 'header.php'
****************************************************************************************/
#layout
{
	width: 1000px;
	margin: 24px auto;
}

#indextop
{
	clear: both;
	height: 22px;
        margin: -3px; 
}





.header
{
	height: 80px;
}

.header img
{
	float: left;
}

.header p 
 {
	margin-left:30px;
	float: left;
	color: #003366;
	text-align: center;
	font-weight: bold;
	font-size: 3em;
 }

.header h4 
 {
	margin-left:30px;
	float: left;
	color: #003366;
	text-align: center;
	font-weight: bold;
        font-style:italic;
	font-size: 1.9em;
 }

.header em {
    font-size: 0.6em;
    line-height: 100%;
}


.centerbackground
{ /* This is called at the bottom of the header.php file. */
	background-color: #FFFFFF;
	clear: both;
	padding: 12px 8px;
}






/****************************************************************************************
**  THIS SECTION OF THE STYLE SHEET CONTAINS THINGS FOR 'sidebar_right.php'
****************************************************************************************/
.sidebar-right
{
	float:right;
	width: 200px;
	padding-left: 3px;
}

.sidebar-right .profile
{
	padding-top: 3px;
	padding-bottom: 6px;
}

.sidebar-right h4 
 {
	font-size: 1.5em;    
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
 }
.sidebar-right div h3
{
	font-weight: bold;
}

.sidebar-right h2
{
	font-weight: bold;
	margin-left: -12px;
	padding: 0 6px;
}



.feed-list
{
	padding: 6px;
	margin: 0;
	margin-bottom: 15px;
	background:  #4D7094;
/*#4D7094  /* url(../../lib/images/action2.gif) repeat-x top left*/
	/*background-image: url(../../lib/images/announcement.gif);*/
	background-repeat: no-repeat;
}


.feed-list ul
{
	margin-top: -12px;
	width: 185px;
	margin-left: 3px;
}

.feed-list li
{
	margin-top: 6px;
	padding: 3px;

}

.feed-list ul li
{	
	list-style-type: none;
}

.feed-list ul li div
{
	font-weight: bold;
}

.feed-list ul li div a
{
	font-weight: normal;
	padding-top: 6px;
	color: #FFFFFF;
}

.feed-list h3
{
	padding-top: 9px;
	padding-bottom: 9px;
	width: 185px;
	text-align: center;
	height: 30px;
	font-size: 1.8em;
	font-weight: bold;
	color: #FFFFFF;
}




/****************************************************************************************
**  THIS SECTION OF THE STYLE SHEET CONTAINS THINGS FOR THE MAIN BODY OF THE PAGE
****************************************************************************************/
#tutor
feature
{
	margin: 0;
	padding: 0;
	width: 780px;
}

p
{
	font-size: 1.15em;
	line-height: 1.5em;
	margin-top: 12px;
	color: ##FFFFFF;
}

a
{
	font-size: 1.0em;
	color: #003366;
}

.content-body
{
	margin: 12px 0;
}





/*********************************************
    found on index.php (underneath picture)
*********************************************/
.names-and-logos
{
	height: 200px;
    background-color: #FFFFFF
}

.names-and-logos div
{
	float: left;
}

.som-box, .sac-box
{
	width: 372px;
        height: 200px;
	margin: 12px 0; 
	background: #4D7094  /* url(../../lib/images/action2.gif)*/ repeat-x top left;
}


.about-box
{
	width: 385px;
        height: 350px;
	margin: 12px 0; 
	background: #4D7094  /*url(../../lib/images/action3.gif)*/ repeat-x top left;
        margin-left: 190px;
}


.som-box div, .sac-box div
{
    float: none;
}

.som-box-header, .sac-box-header
{
	font-size: 1.5em;    
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.sac-box
{
	margin-left: 30px;
}

.som-box-content, .sac-box-content
{
    margin: auto;
}

.som-box-content h4, .sac-box-content h4
{
	font-weight: bold;
}

.som-box-content div a, .sac-box-content div a
{
	color: #FFFFFF;
    text-align: center;
}

.som-box-content p, .sac-box-content p 
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.som-box-content p b, .sac-box-content p b
{
    text-align: center;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
}



/*********************************************
    found on index.php (3 column announcements)
*********************************************/
.sac-overview
{
	clear: left;
	padding: 0;
    border: none;
	padding-right: 0;
}

.sac-overview .sac-overview-body
{
	border: none;
	padding: 0;
}

.sac-overview-notlast h3, .sac-overview-last h3
{
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1.8em;
    line-height: 1.2em;
	margin: -3px -6px -3px 0;
    padding: 5px 5px;
}

.sac-overview-notlast
{
	color: #FFFFFF;
	float: left;
	height: auto;
	line-height: 1.5em;
	width: 235px;
	margin: 12px 0 12px 9px;
	border-right: solid 2px #000000;
	padding: 3px 12px 3px 5px;
}

.sac-overview-last
{
	color: #FFFFFF;
	float: left;
	height: auto;
	line-height: 1.5em;
	width: 235px;
	margin: 12px 0 12px 9px;
	border-right: none;
	padding: 3px 12px 3px 5px;
}

.sac-overview div:first-child
{
	margin-left: 0;
	padding-left: 0;
}

.sac-overview div:last-child
{
	border: none;
	padding-right: 0;
}

.sac-overview div p, .sac-overview-notlast div p
{
	padding: 6px;
}

.sac-overview div ul, .sac-overview-notlast div ul
{
	padding: 10px 6px;
    margin-left: 0;
	clear: both;
	list-style-type: none
}

.sac-overview div ul li, .sac-overview-notlast div ul li
{
	padding-top: 5px;
    list-style-type: none;
	padding: 0;
	background-repeat: no-repeat;
	margin-bottom: 4px;
	font-weight: bold;
	font-size: 1.1em
}

.sac-overview div ul li a, .sac-overview-notlast div ul li a
{
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 18px;
	background-image:url(../../lib/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.sac-overview div div, .sac-overview-notlast div div, 
{
	margin: 0;
    border-right: none;
    width: auto;
}

.sac-overview div div p, .sac-overview-notlast div div p
{
	font-size: 14px;
    padding-left: 5px;
}








/*********************************************
    used on all "surveys"
*********************************************/
.sac-form
{
	padding: 6px 12px;
}

.sac-form h1
{
	font-size: 1.8em;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: solid 1px #003366; 
	margin-right: 12px;
}

.sac-form form
{
    font-size: 1.15em;
    padding: 5px;
    line-height: 1.5em;
}

.sac-form option
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.sac-form a
{
    font-size:1em;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration:none;
}
 /*********************************************
    used in about section
*********************************************/
.about
{
	padding: 6px 15px;
}

.about h1
{
	font-size: 2.0em;
	font-weight: bold;
	color: #003366;
	border-bottom: solid 1px #003366; 
	margin: auto;
    text-align: center;
    padding: 12px;
}

.about h2
{
	font-size: 1.75em;
	font-weight: bold;
	color: #003366;
	margin: auto;
    text-align: left;
    padding-bottom: 12px;
}

.about h3
{
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	margin: auto;
    text-align: center;
    padding-bottom: 12px;
}

.about p
{
    font-size: 1.15em;
    line-height: 1.25em;
    color: #003366;
    margin: auto;
    text-align: center;
    float: none;
}hea

.about p b, .about ol b
{
    font-size: 1.0em;
    line-height: 1.25em;
    color: #FFFFFF;
    margin: auto;
    text-align: justify;
}

.about ol, .about ul
{
    padding-right: 50px;
    padding-left: 50px;
}

.about li
{
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.about li a, .about ol li, .about ul li, .about ol
{
    font-size: 1.15em;
    line-height: 1.25em;
    color: #FFFFFF;
    margin: auto;
    text-align: left;
}   

/*********************************************
    used in tutoring section
*********************************************/
.tutor
{about

	padding: 6px 15px;
}

.tutor h1
{
	font-size: 2.0em;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: solid 1px #003366; 
	margin: auto;
    text-align: center;
    padding: 12px;
}

.tutor h2
{
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	margin: auto;
    text-align: center;
    padding-bottom: 12px;
}

.tutor h3
{
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	margin: auto;
    text-align: center;
    padding-bottom: 12px;
}

.tutor p
{
    font-size: 1.15em;
    line-height: 1.25em;
    color: #FFFFFF;
    margin: auto;
    text-align: justify;
    float: none;
}

.tutor p b, .tutor ol b
{
    font-size: 1.0em;
    line-height: 1.25em;
    color: #FFFFFF;
    margin: auto;
    text-align: justify;
}

.tutor ol, .tutor ul
{
    padding-right: 50px;
    padding-left: 50px;
}

.tutor li
{
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.tutor li a, .tutor ol li, .tutor ul li, .tutor ol
{
    font-size: 1.15em;
    line-height: 1.25em;
    color: #FFFFFF;
    margin: auto;
    text-align: left;
}


/*********************************************
    used in 'calender.php'
*********************************************/
.calendar
{
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
}



/*********************************************
    used in 'footer.php'
*********************************************/
.bottom-div
{
	clear: both
}

.footer 
{
	clear: both
}