/* BYU Template Stylesheet
* Last Updated: 19 Dec 2011
* Written by: BYU Web Community
* web.byu.edu
*/

/*! normalize.css 2011-08-12T17:28 UTC · http://github.com/necolas/normalize.css */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1 }
audio:not([controls]) {display:none}
[hidden] {display:none}
html {font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
body {margin:0}
body, button, input, select, textarea {font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",sans-serif}
a:focus {outline:thin dotted}
a:hover, a:active {outline:0}
abbr[title] {border-bottom:1px dotted}
b, strong {font-weight:bold}
blockquote {margin:1em 40px}
dfn {font-style:italic}
mark {background:#ff0; color:#000}
pre, code, kbd, samp {font-family:monospace,serif; _font-family:'courier new',monospace; font-size:1em}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word}
q {quotes:none}
q:before, q:after {content:''; content:none}
small {font-size:75%}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup {top:-0.5em}
sub {bottom:-0.25em}
ul, ol {margin:0; padding:0}
dd {margin:0}
nav ul, nav ol {list-style:none; list-style-image:none}
img {border:0; -ms-interpolation-mode:bicubic}
svg:not(:root) {overflow:hidden}
figure {margin:0}
form {margin:0}
fieldset {margin:0 2px; padding:.35em .625em .75em}
legend {border:0; *margin-left:-7px }
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle }
button, input {line-height:normal; *overflow:visible }
table button, table input {*overflow:auto}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0}
textarea {overflow:auto; vertical-align:top}
table {border-collapse:collapse; border-spacing:0}

body {
    /*background: url("../img/body-bg.png") no-repeat scroll center 127px #fff;*/
	background: url("../img/body-linen.png");
    color: #444;
    font: 13px/18px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
    *font-size: small;
    min-width: 992px;
}
h1 { font:bold 36px/36px "Palatino Linotype","Palatino",Times,"Times New Roman",serif; margin:18px 0; color:#036;}
h2 { font:bold 24px/27px "Palatino Linotype","Palatino",Times,"Times New Roman",serif; margin:18px 0 9px;}
h3 { font:bold 15px/18px Helvetica,Arial,sans-serif }
h4 { font:bold 13px/18px "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif }
h5 { font:13px/18px "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif }
h6 { font:italic 13px/18px "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif }
h2, h3, h4, h5, h6 { color: #444 }
h3, h4, h5, h6 { margin: 9px 0 }
h1+h2, h3+h4, h4+h5, h5+h6 { margin-top: -9px }
body em, body i { font:italic 13px/18px "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif; }
body strong, body b { font:bold 13px/18px "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif }
body, select, input, textarea { color: #444 }
p a { text-decoration: underline}
p { margin: 9px 0}

a { color:#369; text-decoration:none;}
a:hover { color:#025; text-decoration:underline;}
a:active { color: #c00}
a.visited { color: #539}
a.button {
    color: #fff;
    display: block;
    background: #628cb6;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #628cb6), color-stop(100%, #336699));
	background-image: -webkit-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: -moz-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: -o-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: -ms-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: linear-gradient(top, #628cb6 0%, #336699 100%);
	border-radius:14px;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.25) inset,
		0 1px 8px rgba(0, 0, 0, 0.2);
    padding: 4px 28px;
    float: left;
    margin-right: 12px;
    text-decoration: none;
    font-weight: bold;
}
a.button:hover {
    background: #369;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#369),color-stop(100%,#147));
    background-image: -webkit-linear-gradient(top,#369 0,#147 100%);
    background-image: -moz-linear-gradient(top,#369 0,#147 100%);
    background-image: -o-linear-gradient(top,#369 0,#147 100%);
    background-image: -ms-linear-gradient(top,#369 0,#147 100%);
    background-image: linear-gradient(top,#369 0,#147 100%);
}

blockquote {
    font-style: italic;
    margin: 1.5em 10px;
    padding: .5em 10px;
    background-color: #f4f4f4;
    border: 1px solid #dedede;
    box-shadow: 2px 3px 5px 0 #dedede;
	-moz-box-shadow: 2px 3px 5px 0 #dedede;
	-webkit-box-shadow: 2px 3px 5px 0 #dedede;
    color: #333;
    margin: 25px 20px 25px 0;
    padding: 3px 25px;
}
blockquote:before {
    color: #bbb;
    content: "\201C";
    font-size: 3em;
    line-height: .1em;
    margin-right: .2em;
    vertical-align: -.4em;
}
blockquote:after {
    color: #bbb;
    content: "\201D";
    font-size: 3em;
    line-height: .1em;
    vertical-align: -.45em;
}
blockquote :first-child { display: inline }

table { border-collapse:collapse; border-spacing:0; margin:0 0 9px;}
table, td { border:1px solid #ddd}
td, th { padding:.125em .5em; text-align:left; vertical-align:top;}
td { border-left:1px dotted #C0C9D7; border-right:1px dotted #C0C9D7;}
/*
th { background:#f9f9f9; border-right:1px solid #e9e9e9; border-left:1px solid #e9e9e9;}
*/
table caption { color:#888; text-align:left; margin:.15em .25em; font-style:italic;}
tfoot { font-weight:bold}
tfoot td { color:#666; border-top-color:#666;}
td, td img { vertical-align:top}

ul, ol { margin-left: 1.5em }
ol { list-style-type:decimal; margin-left:2em;}
ol ol { list-style-type: lower-alpha }
ol ol ol { list-style-type: lower-roman }
ol ol ol ol { list-style-type: decimal }
ol ol ol ol ol { list-style-type: lower-alpha }
ol ol ol ol ol ol { list-style-type: lower-roman }  
ul { list-style-type:disc; margin-left:2em;}
ul ul { list-style-type: circle }
ul ul ul { list-style-type: disc }
ul ul ul ul { list-style-type: circle }
ul ul ul ul ul { list-style-type: disc }
ul ul ul ul ul ul { list-style-type: circle }
ul ul { margin-top:.25em; margin-bottom:.25em;}
nav ul, nav ul ul { list-style:none}
nav ul, nav li { margin:0;}
dt { font-weight: bold }
dd { padding: 0 0 .75em 1em }

#main-header { background: url("../img/header-bg.png") no-repeat scroll center top #025;
	position:relative;
	z-index: 500;
	min-width: 1004px;
}
#header-top {
	height: 90px;
	padding: 0;
	position: relative;
	z-index: 500;
}
#header-top h1 {
     background: url("../img/byulogo.png") no-repeat scroll 16px 4px #025;
     height: 90px;
     margin: 0;
     padding: 0;
     text-indent: -9999px;
     background-color: transparent;
 }
#logo {
    top: 12px;
    left: 20px;
    position: absolute;
}
#parent {
    color: #fefefe;
    bottom: 4px;
    left: 76px;
    position: absolute;
    font-size: 15px;
    font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
    text-decoration: none;
    white-space: nowrap;
}
#site-name {
	position: absolute;
	top: 50px;
	left: 33px;
	font-size: 36px;
	font-family: "Palatino Linotype","Palatino",Times,"Times New Roman",serif;
	color: #fefefe;
	font-weight: normal;
	text-decoration: none;
}

#search-container {
    position: absolute;
    top: 12px;
    right: 0;
}
#search-container form { 
	display: inline-block;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #628cb6), color-stop(100%, #336699));
	background-image: -webkit-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: -moz-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: -o-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: -ms-linear-gradient(top, #628cb6 0%, #336699 100%);
	background-image: linear-gradient(top, #628cb6 0%, #336699 100%);
	border-radius:14px;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.25) inset,
		0 1px 8px rgba(0, 0, 0, 0.2); 
	padding: 0;
}
#search {
    background-color: #eee;
    font-size: 12px;
    height: 20px;
    padding: 3px 10px;
    border: none;
    margin-right: 34px;
    border-radius: 15px;
    position: relative;
    z-index: 1;
}
#search:focus { background-color: #fff }
#search-button {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 6px;
}

nav ul { list-style: none; }
nav > ul > li { float: left }
nav li .sub { 
	box-shadow: 0 1px 8px rgba(0,0,0,0.7); 
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,0.7); 
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.7); 
	border: 1px solid #369;
	border-top: 0;
	margin-top: 0; }
.boxshadow nav li .sub {
	border: 0;
}
#secondary-nav {
	position: absolute;
	bottom: 6px;
	right: 0;
}
#secondary-nav li a {
	color: #a8c7e3;
	display: block;
	padding: 6px 8px;
	position: relative;
	z-index: 100;
	text-decoration: none;
}
.no-js #secondary-nav li:hover a, .no-js #secondary-nav li a:hover, #secondary-nav li.hover a {
	text-decoration: none;
	background-color: #fff;
	border-radius: 4px 4px 0 0;
	color: #025;
}
#secondary-nav li .sub a {
	border-radius: 0;
	padding: 3px 12px;
}
#secondary-nav li .sub a:hover {
	color: #fff;
	background: #369;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#036),color-stop(100%,#025));
	background-image: -webkit-linear-gradient(top,#036 0,#025 100%);
	background-image: -moz-linear-gradient(top,#036 0,#025 100%);
	background-image: -o-linear-gradient(top,#036 0,#025 100%);
	background-image: -ms-linear-gradient(top,#036 0,#025 100%);
	background-image: linear-gradient(top,#036 0,#025 100%);
}
#secondary-nav .sub, #primary-nav .sub {
	background-color: #fff;
	display: none;
	width: 208px;
	padding: 9px 0 18px;
	border-bottom: 3px solid #369;
	position: absolute;
}
.no-js #secondary-nav li:hover .sub, #secondary-nav li.hover .sub, .no-js #primary-nav li:hover .sub, #primary-nav li.hover .sub { display: block }
#primary-nav {
	background-color: #011948;
	border-top: solid 1px #369;
	border-bottom: solid 1px #369;
	box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
	position: relative;
	z-index: 10;
}
#primary-nav ul {
    position: relative;
}
#primary-nav .sub {
    padding: 10px;
    width: 222px;
}

#primary-nav li a {
   padding: 10px 20px;
   font-size: 14px;
   display: block;
   color: #eee;
   position: relative;
   z-index: 500;
   text-decoration: none;
}
.no-js #primary-nav li:hover a, .no-js #primary-nav li a:hover, #primary-nav li.hover a {
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    color: #011949;
    text-decoration: none;
}

.no-js #secondary-nav li:hover a.single, .no-js #secondary-nav li a.single:hover, #secondary-nav li.hover a.single,
.no-js #primary-nav li:hover a.single, .no-js #primary-nav li a.single:hover, #primary-nav li.hover a.single {border-radius:4px;}

#primary-nav .mega {
    display: none;
    position: absolute;
    background-color: #fff;
    font-size: 13px;	 
    padding: 10px;
    width: 920px;
    height: 371px;
    left: 32px;
    
    box-shadow: 0 1px 8px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.7);	
    border: 1px solid #369;
    border-top: 0;
    border-bottom: 3px solid #369;
}
.boxshadow #primary-nav .mega {
   border: 0;
   border-bottom: 3px solid #369;
}
 #primary-nav .mega p { margin: 9px 0 }

#primary-nav .left {
    float: left;
    width: 200px;
}
#primary-nav li .mega a, #primary-nav li .sub a, .no-js #primary-nav li .mega a, .no-js #primary-nav li .sub a {
    color: #147;
    background-color: transparent;
    border-radius: 0;
    font-size: 13px;
}
#primary-nav .mega a:hover, #primary-nav .sub a:hover { color: #025 }
#primary-nav hr {
    border: none;
    background: #ddd;
	height:1px;
}
#primary-nav .links .featured a {
    font-size: 14px;
    font-weight: bold;
}
#primary-nav .mega .links {
    /*background: url('../img/margin.png') no-repeat right 22px;*/
    width: 220px;
    float: left;
    padding: 10px 30px 0 0;
}

#primary-nav .mega .double { width: 400px }
#primary-nav .links a {
    padding: 3px 12px;
    line-height: 1.35;
}
#primary-nav .links a:hover, .no-js #primary-nav .links a:hover {
    color: #fff;
    background: #369;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#036),color-stop(100%,#025));
    background-image: -webkit-linear-gradient(top,#036 0,#025 100%);
    background-image: -moz-linear-gradient(top,#036 0,#025 100%);
    background-image: -o-linear-gradient(top,#036 0,#025 100%);
    background-image: -ms-linear-gradient(top,#036 0,#025 100%);
    background-image: linear-gradient(top,#036 0,#025 100%);
}
#primary-nav .sublinks { margin: -2px 0 2px }
#primary-nav .sublinks li {list-style-type:none;}
#primary-nav .sublinks li a { padding: 1px 12px 1px 24px;}
#primary-nav .sublinks li a:before {
    content: '\25B8';
    position: absolute;
    left: 12px;
    top: 2px;
    font-size: 10px;
    list-style-type:none;
}
#primary-nav .highlight{
    float: left;
    width: 208px;
    margin-left: 24px;
}
#primary-nav .highlight a{ padding: 0 }
#primary-nav .highlight a:hover{ text-decoration: underline }
.no-js #primary-nav li:hover .mega, #primary-nav li.hover .mega { display: block }
#primary-nav li .mega p a { margin-top: 5px }
#primary-nav .mega img {
    padding: 3px;
    border: solid 1px #dad9d7;
	margin-top:10px;
}

#breadcrumb {margin-top: 15px;}
#breadcrumb-home{
    list-style-type:none;
    margin:0 3px 0 0;
    float:left;
    position:relative;
    bottom:3px;
    z-index: 1;
    }
#breadcrumb .bread-drop{
    display:none;
    background: #F4F2F1;
    border: 1px solid #EEEBE9;
    padding:9px 0 ;
    position:absolute;
    width:180px;
    }
#breadcrumb #breadcrumb-home:hover .bread-drop{display:block;}
.bread-drop a { display:block; padding:3px 12px;}

.one-sidebar #main-content { float:left; margin-right:15px; margin-left:15px; width:660px;}
.two-sidebars #main-content { float:left; margin-right:20px; width:460px;}
.sidebar { float:left; margin-right:10px; margin-left:1px; padding-left:10px; width:214px;}

footer { font-size: 12px }
footer p { margin:0; padding:0;}
footer a { text-decoration: none }
footer a:hover { text-decoration: underline }
#footer-links { color:#777; overflow:hidden; padding-bottom:17px; *zoom:1;}
#footer-links h2 { font:bold 12px/16px Arial, Helvetica; border-bottom:1px solid #ccc; color:#777; margin:0 0 9px; padding:14px 0 3px;}
#footer-links h3 { margin:9px 0 2px; color:#999; font-size:12px; font-weight:normal;}
#footer-links .col { width:160px; margin-right:24px; float:left; display:inline;}
#footer-links .double { width:344px; margin-right:24px;}
#footer-links .left { width:160px; margin-right:24px; float:left; display:inline;}
#footer-links .right { width:160px; float:left; display:inline;}
#footer-links a { display:block; line-height:14px; margin-bottom:4px; padding-left:5px; text-indent:-5px; float:none; color:#888;}
#footer-links a:hover { color:#025}
#footer-bottom { color:#7e7b76; line-height:22px; padding:0 16px 16px; text-align:center;}
#footer-bottom a { margin:0 6px; color:#7e7b76;}

/* Wrapper */
.wrapper, #primary-nav ul {
    width: 940px;
    margin: 0 auto;
    padding: 0 32px;
}
#primary-nav ul ul {
	width: auto;
	margin: 0;
	padding: 0;
}
#content {
    margin-bottom: 27px;
    overflow: hidden;
    *zoom: 1 ;
	padding-bottom: 20px;

	background-color:#fff;
	box-shadow: 0 0 30px 0px #dedede;
	-moz-box-shadow: 0 0 30px 0px #dedede;
	-webkit-box-shadow: 0 0 30px 0px #dedede;
	margin-bottom: 27px;
	overflow: hidden;
}

/* The end stuff */
.alpha { margin-left: 0!important }
.omega { margin-right: 0!important }

@media screen and (max-width:996px) { 
    body { background: none }
}
.clearfix:after, #primary-nav ul:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix, * html #primary-nav ul, #primary-nav * html ul { zoom: 1 }
*:first-child+html .clearfix, *:first-child+html #primary-nav ul, #primary-nav *:first-child+html ul { zoom: 1 }