/*========================================================================
 Cal Poly Template Custom Web Stylesheet
 
 Add custom styles for your web site here.
 =========================================================================*/
/*========================================================================
 College of Science and Mathematics
 version 1.2
 2010-10
 
 1.0 LAYOUT
 1.1 Container
 1.2 Header
 1.3 Content
 
 2.0 NAVIGATION
 2.1 Top Navigation
 2.2 Left Navigation
 2.3 Breadcrumbs
 2.4 Content Navigation
 2.5 Footer Navigation
 
 3.0 TYPOGRAPHY
 3.1 Font-Family
 3.2 Headings
 3.3 Paragraphs
 3.4 Lists
 3.5 Tables
 3.6 Glyphs
 
 4.0 IMAGES
 
 5.0 MISCELLANEOUS
 
 
 /*===== 1.0 LAYOUT ====================================================================================================================
 1.1 Container */


html, body { height: 100%; }
           

body {
    margin: 0 auto;
    color: #000000;
	font-size: 10pt;
}

#container {
    page-break-inside: avoid; 
	width: 8.5in;
	height: 11in;
	margin: 0in 0in 0in 0in;
    background-color: #FFFFFF;
}

.page-break { display:block; page-break-before:always; }

#skiplink, #header #cp ul, #footer #footer_links, #footer_deptlinks, #leftnav, #toppage, #breadcrumb
{display:none;}

/*===== 1.0 LAYOUT ====================================================================================================================
 1.2 Header */


#headercontent{height: 48pt;font-size: 14pt;margin-bottom:0.5em;background-color: #FFFFFF;background-image:none; clear:right;}

#headercontent #deptname p#department_name a {color: #000000;}


#headercontent #deptname p#optional_deptinfo {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 80%;
    color: #fff;
    font-size: 130%;
    font-weight: normal;
}

#headercontent #deptname p#small_department_name {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #fff;
    font-size: 110%;
    font-weight: normal;
}




/*===== 1.0 LAYOUT ====================================================================================================================
 1.3 Content */
#content {
    overflow:visible;
    padding: 0 0 0 0em;
	page-break-inside: avoid; 
	width: 8.5in;
	height: 11in;
	margin: 0;
    background-color: #FFFFFF;
}

#content-1col {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#content-2col {
    margin: 0 0 0 0;
	clear:both;
}

#content #swf {
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
}

#splashOuter {
    margin: 1em 0 0 0;
    padding: 0 0 0 2em;
    background-color: #FFFFFF;
}

#splashcaption {
    width: 100%;
    padding: 1em 0.2em 1em 2em;
    background-color: #FFFFFF;
    font-size: 2em;
    color: #FFFFFF;
}

#columns {
	width:100%;
    clear: both;
    padding: 0 0 0 0;
}

#columns #column1 {
    float: left;
    width: 22%;
    padding: 0 1.5% 0 0;
}

#columns #column2 {
    float: left;
    width: 49%;
    padding: 0 1.5%;
    border-left: #aaa dotted 1px;
    border-right: #aaa dotted 1px;
}
* html #columns #column2 {
    width: 49%;
}
 /*-- IE 6 Hack --*/ * + html #columns #column2 {
    width: 49%;
}
 /*-- IE 7 Hack --*/
#columns #column3 {
    float: left;
    width: 22%;
    padding: 0 0 0 1.5%;
}

.column60em {
    float: left;
    width: 60.00em;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.column44em {
    float: left;
    width: 44.00em;
    padding: 1em 2em 0.2em 0.2em;
}

.column40em {
    float: left;
    width: 40.40em;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.column32em {
    float: left;
    width: 32.40em;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.column20em {
    float: left;
    width: 20.00em;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.column16em {
    float: left;
    width: 16.0em;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.column14em {
    float: left;
    width: 14.00em;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.column12em {
    float: left;
    width: 12.00em;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.contentBox {
    padding: 1em;
    border: 1px solid rgba(125, 115, 80, .3);
    background-color: #FFFFFF;
    font-size: 120%;
    box-shadow: 0.1em 0.1em 0.2em 0 rgba(190, 170, 100, .3);
    -webkit-box-shadow: 0.1em 0.1em 0.2em 0 rgba(190, 170, 100, .3);
    -moz-box-shadow: 0.1em 0.1em 0.2em 0 rgba(190, 170, 100, .3);
}

.contentBox_no_outline {
    padding: 1em;
    border: none;;
    background-color: #FFFFFF;
    font-size: 110%;
    box-shadow: 0.1em 0.1em 0.2em 0 rgba(190, 170, 100, .3);
    -webkit-box-shadow: 0.1em 0.1em 0.2em 0 rgba(190, 170, 100, .3);
    -moz-box-shadow: 0.1em 0.1em 0.2em 0 rgba(190, 170, 100, .3);
}

.contentBox_outline_only {
    margin-bottom: 1em;
    padding: 1em;
    background: #FAFAFA;
    border: #ccc solid 1px;
    font-size: 110%;
}

.height15 {
    height: 15em;
}

.height20 {
    height: 20em;
}

.height25 {
    height: 25em;
}

.height30 {
    height: 30em;
}

.height40 {
    height: 40em;
}

.height50 {
    height: 50em;
}

.height60 {
    height: 60em;
}

/*=========================================================================
 1.4 Footer
 ========================================================================*/
#footer {
    position:fixed;
	bottom:0;
}



/*===================================================================================================================================
 
 3.0 TYPOGRAPHY
 
 3.1 Font-Family
 =====================================================================================================================================*/
.serif {
    font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
}

#content .serif {
    font-family: Georgia, "Palatino Linotype", "Times New Roman", serif;
}

/*=========================================================================
 
 3.2 Headings
 ========================================================================*/
#content .contentBox_no_outline h2.small {
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: lighter;
    letter-spacing: -0.01em;
}

#content .contentBox_no_outline h2 a:link {
    font-size: 0.8em;
    line-height: 1.0em;
    font-weight: lighter;
    letter-spacing: -0.01em;
}

#content .contentBox_no_outline h5 {
    font-size: 1.0em;
    line-height: 1.0em;
    font-weight: bold;
    margin-bottom: 1em;
}

/*=========================================================================
 
 3.3 Paragraphs
 ========================================================================*/
#content .contentBox_no_outline p {
    font-size: 1.0em;
    line-height: 1.2em;
}

#content .contentBox_no_outline p.small {
    font-size: 0.95em;
    line-height: 1.1em;
}

#content p.divider {
    margin: 1em 2em 1em 2em;
    border-bottom: dotted #999999 0.05em;
}

#content p.imageright {
    margin-right: 45%;
    margin-bottom: 5%;
}

#content .contentBox p.marginleft {
    margin-left: 145px;
}

.indent1 {
    text-indent: 1em;
}

.indent2 {
    text-indent: 2em;
}

.indent5 {
    text-indent: 5em;
}

.indent10 {
    text-indent: 10em;
}

.indent12 {
    text-indent: 12em;
}

.indent15 {
    text-indent: 15em;
}

/*=========================================================================
 
 3.4 Lists
 ========================================================================*/
#content ul.bold {
    font-size: 0.9em;
    font-weight: bold;
    color: #333333;
}

#content ul {
    display: block;
    margin: 0 0 1em 1em;
    padding: 0em 0em 0em 0em;
    list-style-type: disc;
}

#content ul li {
    display: block;
    line-height: 100%;
    font-size: 100%;
}

#content #columns ul li a {
    text-decoration: none;
    padding: 0.4em 0em 0.4em 0em;
    display: block;
    clear: left;
    height: 100%;
    margin: 0;
}

#content #columns ul.index li.img {
    float: left;
    margin: 0 1em 0 0;
    padding: 0.5em;
    border: 0.1em solid #D9E0E6;
    border-bottom-color: #C9C8C8;
    border-right-color: #C9C8C8;
    background: #fff;
}

#content #columns ul.index li.img span {
    float: right;
    display: block;
    clear: left;
    margin-left 150px;
}

#content ul li bold {
    font-weight: bold;
    line-height: 120%;
}

#content ul li larger {
    font-size: 110%;
}

#content ul.nobullets li {
    line-height: 1.5em;
    font-size: 110%;
}

#content .contentBox ul li {
    display: block;
    line-height: 100%;
    font-size: 90%;
}

#content .contentBox_no_outline ul {
    clear: both;
}

#content .contentBox_no_outline ul li {
    display: block;
    line-height: 100%;
    font-size: 95%;
    font-weight: bold;
    list-style-type: none;
}

#content .contentBox_no_outline ul li a {
    display: block;
    line-height: 100%;
    font-size: 95%;
    font-weight: bold;
    text-decoration: none;
}

#honorroll ul {
    padding-left: 12em;
}

#honorroll ul li {
    font-size: 120%;
}

#content ul.paddingLeft10 {
    padding-left: 10em;
}


#content #columns ul.imglinks {
    padding: 0 0;
    margin: 0;
    list-style-type: none;
}

#content #columns ul.imglinks li {
    float: left;
    clear: left;
    width: 200px;
    height: 55px;
    line-height: 100%;
}

#content #columns ul.imglinks li img {
    float: left;
	margin-right: 6px;
}

#content #columns ul.imglinks li span {
    float: right;
    position: absolute;
	display:inline;
    margin-left: 6px;
    padding: 2px 0px 4px 8px;
    width: 130px;
    font-size: 70%;
    font-weight: normal;
}

#content #columns ul.imglinks li a {
    text-decoration: none;
    margin: 0;
    padding: 6px 0px 6px 0px;
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    border-top: #b2b2aa solid 1px;
}

#content #columns ul.imglinks li a:link, #content #columns ul.imglinks li a:visited {
    color: #000;
    background: none;
}

#content #columns ul.imglinks li a:focus, #content #columns ul.imglinks li a:hover, #content #columns ul.imglinks li a:active {
    color: #000;
    background: #e6e6de;
}

/*=========================================================================
 
 3.5 Tables
 ========================================================================*/
#content table.directory {
    margin-left: 0em;
    font-size: 95%;
}

#content table.directory tr {
    vertical-align: top;
    padding-top: 1em;
}

#content table caption {
    padding: 2em 0 1em 0;
    font-size: 120%;
    font-weight: bold;
    color: #666666;
}

#content table caption.left {
    text-align: left;
}

#content table.donor {
    margin-left: 12em;
    border: none;
}

#content table.donor th {
    border: none;
    background: #e8e9e5;
    border-bottom: #ccc solid 1px;
}

#content table.donor td {
    border: none;
}

#content table.donor tr:hover {
    background: #f4f4f4;
}

/*=========================================================================
 
 3.6 Glyphs
 ========================================================================*/
/*=================================================================================================================================
 
 4.0 IMAGES
 
 =================================================================================================================================*/
img.imageleft, img.imageright {
    margin: 0.5em 0.5em 1em 0.5em;
}

img.center {
    padding: 1em;
    display: block;
}

#content .contentBox_no_outline p.imgcaption {
    font-family: "Helvetica Neue", Helvetica, Arial, Tahoma, Verdana, sans-serif;
    font-size: 0.9em;
    line-height: 1.1em;
    font-weight: normal;
    padding-top: 0.5em;
}

#content img.imgshadow {
    box-shadow: 0.2em 0.3em 0.4em 0 rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0.2em 0.3em 0.4em 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0.2em 0.3em 0.4em 0 rgba(0, 0, 0, .5);
}

#content img.top2 {
    margin-top: 2em;
}

a img {
    border: none;
}

#content-1col .contentBox img.imageright {
    float: right;
}

#content ul.imgcaption li {
    width: 200px;
    float: left;
    font-size: 1.1em;
    margin: 0 0 0 0;
}

#content ul.imgcaption li div.imgcaption {
    position: relative;
    overflow: hidden;
    margin-top: 2em;
    box-shadow: 0.2em 0.3em 0.4em 0 rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0.2em 0.3em 0.4em 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0.2em 0.3em 0.4em 0 rgba(0, 0, 0, .5);
}

#content ul.imgcaption li div.imgcaption span {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    font-family: Helvetica, Arial, sans;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.1em;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, .5);
}

#content ul.imgcaption li div.imgcaption span strong {
    display: block;
    padding: 1em 0.5em 1em 1em;
}

#content ul.imgcaption li div.imgcaption span em {
    display: block;
    padding: 1em 0.5em 1em 1em;
    font-style: normal;
    color: #FFFFFF;
}

/*=================================================================================================================================
 
 5.0 MISCELLANEOUS
 
 ==================================================================================================================================*/
.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content .nobullets {
    list-style-type: none;
}

.marginleft30 {
    margin-left: 30em;
}

.marginleft20 {
    margin-left: 20em;
}

.marginleft5 {
    margin-left: 5em;
}

.marginleft2 {
    margin-left: 2em;
}

.marginright10 {
    margin-right: 10em;
}

.margintop1 {
    margin-top: 0.9em;
}

.margintop6 {
    margin-top: 6em;
}

.margintopNews {
    margin-top: 9em;
}

.margintopEvents3 {
    margin-top: 3em;
}

.margintopEvents4 {
    margin-top: 4.5em;
}

.text_line {
    clear: both;
    margin-bottom: 0.3em;
}

.floatright {
    float: right
}

.floatleft {
    float: left
}

.group {
    float: left;
    width: 100%;
    display: block;
    margin: 1.2em;
    padding: 0em;
    overflow: hidden;
}

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.white {
    color: #000000;
}

.backwhite {
    background: #FFFFFF;
    padding-left: 1em;
    padding-right: 1em;
}

.backgold {#FFFFFF
}