@charset "utf-8";
/* Academic Success Styles */

/* ********************************* */
/* ********************************* */
/* Basic Text / tag redefinitions ** */ 

body {background: #EDEEEE; font-family: Arial, Helvetica, sans-serif; color: #333;} 
h1 { font-size: 24px; margin-top: 70px; font-weight: bold;}
h2 { font-size: 19px; margin-top: 36px; font-weight: bold;}
h3 { font-size: 15px; margin-top: 28px; font-weight: bold;}
h4 { font-size: 13px; margin-top: 20px}
p { margin-top: 18px} 
p, li { line-height: 140%; font-size: 13px}
ul, ol {padding-left: 30px; margin-top: 18px;}
	p + ul, p + ol { margin-top: 10px;}
ul ul, ul ol, ol ul, ol ol { margin-top: 0} 

ul { list-style-type:square; }
ol { list-style-type: decimal;  }
li {  }

#content strong { font-weight: bold; }
#content em { font-style: italic; }

/*dealing with content after headings */
	h1 + p, h1 + ul, h1 + ol { margin-top: 8px}
	h2 + p, h2 + ol, h2 + ul { margin-top: 7px}
	h3 + p, h4 + p, h3 + ol, h4 + ol, h3 + ul, h4 + ul { margin-top: 5px}

a { color: #003D79}
a:focus, a:hover { color: #B72467; text-decoration: none;}
/*a:visited {color: #524FA1; text-decoration: underline;}*/

.tutoring #content a:hover { background-color: #CBDB2A; color: #333;}
.reading #content a:hover { background-color: #F15A22; color: #fff;}
.writing #content a:hover { background-color: #B72467; color: #fff;}
.math #content a:hover { background-color: #524FA1; color: #fff;}




table { width: 100%}
caption { text-align: left; padding-top: 18px; text-align: left; font-size: 11px} /* Need to finish*/
th { color: white; background-color:#003d79; font-size: 13px; font-weight: bold; padding: 6px 0 8px 12px; text-align: left; vertical-align:top; border-left: 2px solid #25598A}
th:first-child { border-left: none} /* this is mainly to keep the borders the same as the td cells*/
td { font-size: 12px; vertical-align:top; padding: 12px 0 12px 12px; background-color: #EEEEEE; border-left: 2px solid white;}
td:first-child { border-left: none;}
abbr { cursor: help;} 
td ul li { font-size: 12px; }
td ul, td ol { margin-top: 0px; list-style-type: none; padding-left: 0px;}

table.stripe {}
.even { background-color: #D3DEE8; }
table.padding td {padding: 12px;} 

/* ********************************* */
/* ********************************* */ 
/* The nuts and bolts*************** */

/* -- classes for all around use  -- */ 
.wrap {width: 972px; margin: 0 auto;}
.hidden { position: absolute; top: -9090px; left: -1010px; }
.clickable {cursor: pointer;}
.intro {font-size: 110%;}

#top { position: relative; margin-top: 5px; height: 51px; width: 100%;  background: transparent url(/asc/assets/images/bellevue-header-background.png) center repeat-x; z-index: 3000;}

#global-nav { position: absolute; top: 45px; /*margin-top: 50px;*/ height: 170px; width: 972px; background-color: #fff; z-index: 0;} 

#gloabl-nav ul {}
#global-nav li { list-style-type: none; float: left;}
#global-nav .menu { padding: 0; margin-top: 0px; width: 972px;}
#global-nav ul li.item { text-align: right; display: block; height: 161px; width: 170px; padding-top: 10px; margin-right: 2px; border-right: 1px dashed #ddd;}
#global-nav ul li.last { border-right: none; width: 168px;}
#global-nav ul li.home { width: 280px; text-align: left;}
#global-nav ul li.item span { display: block; padding: 40px 14px 0 0; height: 100px; cursor: pointer;}
#global-nav ul li.item span.department-info { padding: 8px 0 0 18px; font-size: 14px; font-weight: normal; height: 20px; }

#global-nav ul li a {display: block; margin-top: -15px; height: 176px; font-size: 18px; font-weight: normal; color: #000; text-decoration: none;}
#global-nav ul li.item a { width: 168px;}
#global-nav ul li.home a { width: 279px;}
#global-nav ul li a:hover {background-position: right -176px}

body.home #global-nav ul li.home a,
body.tutoring #global-nav ul li.tutoring a,
body.reading #global-nav ul li.reading a,
body.writing #global-nav ul li.writing a,
body.math #global-nav ul li.math a {background-position: top right;}

 
li.home a {background: #003d79 url(/asc/assets/images/menu-item-overlay.png) right -351px no-repeat;} 
li.home a img { margin: 12px 0 0 14px; } 
li.tutoring a {background:#CBDB2A url(/asc/assets/images/menu-item-overlay.png) right -351px no-repeat;}
li.reading a {background: #F15A22 url(/asc/assets/images/menu-item-overlay.png) right -351px no-repeat;}
li.writing a {background: #B72467 url(/asc/assets/images/menu-item-overlay.png) right -351px no-repeat;}
li.math a {background:#524FA1 url(/asc/assets/images/menu-item-overlay.png) right -351px no-repeat;}

li.tutoring span { background: url(/asc/assets/images/nav-item-tutoring.png) 90px 68px no-repeat;}
li.reading span {background: url(/asc/assets/images/nav-item-reading.png) 90px 68px no-repeat;}
li.writing span {background: url(/asc/assets/images/nav-item-writing.png) 90px 68px no-repeat;}
li.math span {background: url(/asc/assets/images/nav-item-math.png) 90px 68px no-repeat;}

/* !!!!!!!!!!!!!!!!!!!!!! remove after dev !!!!!!!!!!!!!!!!!!!!!!!!!!*/ 
.green {color:#CBDB2A}
.orange {color:#F15A22}
.pink {color:#B72467}
.purple {color:#524FA1}

/* !!!!!!!!!!!!!!!!!!!!!! remove after dev !!!!!!!!!!!!!!!!!!!!!!!!!!*/ 

#container { margin-top: 208px; overflow: hidden; background-color: #fff; }

#page-title{ width: 972px; height: 40px; color: #fff }
body.home #page-title {background-color: #003d79; }
body.tutoring #page-title{background-color: #CBDB2A; color: #333333}
body.reading #page-title{background-color: #F15A22;}
body.writing #page-title{background-color: #B72467;}
body.math #page-title{background-color: #524FA1;}


#page-title h1 { margin-top: 0; padding: 8px 8px 8px 16px; font-weight:bold;}

/* home page especial */
body.home div#sidebar {display: none;}
body.home div#content { float: none; width: 940px; padding: 28px 16px; }

div.multi-column h1, div.multi-column h2, div.multi-column h3 {margin: 0;}
div.multi-column {overflow: hidden;}

body.home div.multi-column > div { /*width: 297px;*/ width: 267px; float: left; } 
body.home div.column2 { /*margin: 0 24px;*/ margin: 0 69px;}

div.feature-box { background-color: #eee; padding: 12px; margin: 24px 0px 32px 0;}
div.feature-box h2, div.feature-box h3, div.feature-box h4 {margin: 0;}
div.feature-box h3 { font-size: 22px; font-weight: bold;} 
div.feature-box img { float: right; }
div.feature-box p { font-size: 13px;}

body.home div.home { }
body.home div.tutoring {border-bottom: 5px solid #CBDB2A;}
body.home div.tutoring:hover {background-color: #EFF4BF;}
body.home div.reading {border-bottom: 5px solid #F15A22;}
body.home div.reading:hover {background-color: #FBCDBC;}
body.home div.writing {border-bottom: 5px solid #B72467;}
body.home div.writing:hover {background-color: #E9BDD1;}
body.home div.math {border-bottom: 5px solid #524FA1;}
body.home div.math:hover {background-color: #CBCAE3;}

body.home div.related { background-color: #F2F5F8;}
body.home div.related:hover {background-color: #E5EBF1;}
body.home div.related h3 { font-size: 16px; }

body.home div.highlight {background-color: #F9E9E8;}

body.home div.individual {background-color: #F9E9E8;}
body.home div.individual img { float: left; }
body.home div.individual:hover,
body.home div.highlight:hover { background-color: #E6B2CA;}

body.home div.schedule { background-color: #FFE1B5;} 
body.home div.schedule:hover { background-color: #FFB444;}
body.home div.schedule img,
body.home div.individual img { float: left; margin-top: -12px; margin-right: 8px; }

body.home div.info {background-color: #FFF; margin-top: 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
body.home div.info img { float: left; }

a.action-copy {font-size: 21px; font-weight: bold; text-decoration: none; color: #333;}
div.bump {margin-top: 42px;}


/* end soup de jour */ 


/* Writing Lab Especial */
body.writing div.multi-column {}
body.writing div.multi-column > div {float: left; width: 322px; }
body.writing div.column2 { margin-left: 25px; padding-left: 24px; padding-top: 0; margin-top: 22px;}
body.writing div.button-box {background-color: #F1D3E1; overflow: hidden; width: 282px; margin-top: 12px; margin-bottom: 12px; padding: 8px; border: 2px solid #F1D3E1;}
body.writing div.button-box:hover{background-color: #E9BDD1; border: 2px solid #B72467;}
body.writing div.button-box p { margin: 0px auto; font-size: 18px; font-weight: bold; padding-top: 11px;}
body.writing div.button-box a { color: #333; text-decoration: none; }
body.writing #content div.button-box a:hover { background-color: #E9BDD1; color: #252525 }

div.workshops ul { list-style-type: none; padding: 10px 0px; border-top: 1px solid #ccc; border-bottom:1px solid #ccc; }
div.workshops a { text-decoration: none; padding: 3px 0px; }
div.workshops li { margin-bottom: 8px; margin-left: -2px; }
div.workshops li span {font-weight: bold; padding: 3px;}

div.photo-box {border: 3px solid #333;}

div.border-left {border-left: 1px solid #ccc;}
div.align-top { margin-top: 0px}

/*End Writing Lab Especial */

/* Schedule List Style */

ul.schedule-list p.last-update {margin-bottom: 20px; margin-left: -20px; padding-top: 12px; font-weight: bold; font-style: italic;}

#content ul.schedule-list {background-color: #eee; padding-bottom: 10px;}
#content ul.schedule-list li { font-size: 110%;}


p.action {background-color: #eee; padding: 8px; display: inline-block; border: 3px solid #666; margin-top: 20px;}


#content { float: right; width: 700px; min-height: 300px; padding: 18px 36px 20px 16px;}
#sidebar{ float: right; width: 216px; min-height: 400px; border-left: 2px dashed #ddd;}


#local-nav h2 {position: absolute; top: -9090px; left: -1010px;}
#local-nav .menu { padding-top: 28px; }
#local-nav ul { padding-left: 10px; }
#local-nav ul li ul { padding-left: 0px; list-style-position: outside;}
#local-nav ul li ul li a { font-size: 10px;}
#local-nav li { list-style-type: none; font-size: 16px; padding-bottom: 10px; padding-left: 12px;}
#local-nav li li { font-size: 14px; }
#local-nav li a { color: #333; text-decoration: none; font-weight: bold; padding: 4px;}

body.home #local-nav li.current { background: url(/asc/assets/images/arrow-blue.png) 0 4px no-repeat; }
body.tutoring #local-nav li.current { background: url(/asc/assets/images/arrow-green.png) 0 4px no-repeat; }
body.reading #local-nav li.current { background: url(/asc/assets/images/arrow-orange.png) 0 4px no-repeat; }
body.writing #local-nav li.current { background: url(/asc/assets/images/arrow-pink.png) 0 4px no-repeat; }
body.math #local-nav li.current { background: url(/asc/assets/images/arrow-purple.png) 0 4px no-repeat; }


body.home #local-nav li a:hover {background-color: #003d79; color: #fff; }
body.tutoring #local-nav li a:hover{background-color: #CBDB2A; color: #333;}
body.reading #local-nav li a:hover{background-color: #F15A22; color: #fff;}
body.writing #local-nav li a:hover{background-color: #B72467; color: #fff}
body.math #local-nav li a:hover{background-color: #524FA1; color: #fff}

#local-nav ul li ul {margin-top: 10px;}
#local-nav ul li ul li a { font-size: 90%; font-weight: normal;}


/* Current Hours Box */
div.office-hours { margin: 48px auto; width: 164px; padding: 13px;}
div.office-hours h2 {margin: 0; font-size: 14px; font-weight: bold; background-color: F15A22 }
div.office-hours h3 {margin-top: 12px; font-size: 12px; font-weight: bold;}
div.office-hours p { margin: 0; font-size: 12px;}
div.office-hours p.note {margin-top: 10px; font-style: italic; line-height: 12px;} 

body.home div.office-hours {background-color: #BFCEDD; border: 2px solid #003d79 }
body.tutoring div.office-hours {background-color: #EFF4BF; border: 2px solid #CBDB2A }
body.reading div.office-hours {background-color: #FBCDBC; border: 2px solid #F15A22 }
body.writing div.office-hours {background-color: #E9BDD1; border: 2px solid #B72467 }
body.math div.office-hours {background-color: #CBCAE3; border: 2px solid #524FA1 }


/* Contact Us Box */
div.contact-us { margin: 48px auto; width: 164px; padding: 13px; background-color: #eee; border: 2px solid #666 }
div.contact-us h2 {margin: 0; font-size: 14px; font-weight: bold; background-color: F15A22 }
div.contact-us h3 {margin-top: 12px; font-size: 12px; font-weight: bold;}
div.contact-us p { margin: 0; font-size: 12px;}


/* page updated */ 
p#page-update { padding: 8px; padding-left: 28px; color: #666; font-size: 11px; font-style: italic;}

/* !!!!!!!!!!!!!!!!!!!!!!!*/
/* nothin but smelly feet */ 

#foot { margin-top: 80px; margin-bottom: 100px; min-height: 225px; width: 972px; padding: 30px 0px 40px 0px;  background: #fff url(/asc/assets/images/footer-top-background.png) repeat-x; border-bottom: 9px solid #003d79}

#foot div {float: left; width: 24%; margin-right: 1%; min-height: 225px;}
#foot div.search {width: 25%; margin-right: 0;}
/*#foot div.site-info {width: 272px}
#foot div.site-map { width: 232px;} 
#foot div.related-links {width: 216px;}
*/
#foot h2, #foot h3 {font-size: 14px; font-weight: bold; margin-bottom: 5px; margin-top: 0px;}
#foot h3 { margin-top: 12px; padding: 3px; }

#foot div h2 {padding: 3px; color: #fff}
#foot div.site-info h2 { background-color: #CBDB2A; color: #333;}
#foot div.site-map h2 { background-color: #F15A22}
#foot div.related-links h2 { background-color: #B72467}
#foot div.search h2 { background-color: #524FA1}

#foot div.site-info:hover {background-color: #EFF4BF;}
#foot div.site-info a:hover { background-color: #CBDB2A; color: #333;}
#foot div.site-map:hover {background-color: #FBCDBC;}
#foot div.site-map a:hover { background-color: #F15A22; color: #fff;}
#foot div.related-links:hover {background-color: #E9BDD1;}
#foot div.related-links a:hover { background-color: #B72467; color: #fff;}
#foot div.search:hover {background-color: #CBCAE3;}
#foot div.search a:hover { background-color: #524FA1; color: #fff;}


#foot ul, #foot p { padding-left: 3px;}
#txtQuery {margin-left: 3px; width: 184px;}
#foot li { list-style: none; padding-bottom: 3px;}

#foot img {margin-top: -20px; margin-bottom: 10px;}