/*...................................................Case Western Reserve University Styles...................................................*/

/*reset party*/
body, div, h1, h2, h3, h4, h5, h6, p, span, ul, ol
    {
    padding:0px;
    margin:0px;
    font-family:Helvetica, Arial, sans serif;
    }

/*spaces + containers - in alpha order*/
body
    {
    background-color:#fff;
    margin: 0px;
    z-index: 0;
    overflow-x:hidden;
    }

#bottomRight
    {
    clear:both;
    width:650px;
    margin:290px 0px 0px 35%;
    }

#clearLand
    {
    position:absolute;
    top: 505px;
    left: 0;
    width:100%;
    z-index: 2;
    }

#footer
    {
    clear:both;
    width:650px;
    padding:20px 0px 10px 20px;
    }
    
#introGraph
    {
    float:right;
    width:380px;
    margin-top:50px;
    text-align:right;
    }

#leftBody
    {
    background-color:#0a304e;
    position:absolute;
    top:0;
    left:0;
    width:35%;
    height:130%;
    z-index:1;
    }

#openFrame
    {
    border:#ccc 2px solid;
    width:360px;
    padding:0px 10px 0px 10px;
    }

/*blocks openFrame border to shape branded open frame*/
#openFrame #frameOpener1
    {
    width:85px;
    height:2px;
    display:block;
    background-color:#fff;
    margin:-2px -12px 0px 0px;
    float:right;
    }

#openFrame #frameOpener2
    {
    width:2px;
    height:85px;
    display:block;
    background-color:#fff;
    margin:-2px -12px 0px 0px;
    float:right;
    }

#searchBox
    {
    width:100px;
    height:22px;
    display:block;
    float:right;
    }

#searchBox2
    {
    width:250px;
    float:right;
    margin-top:440px;
    padding-right:10px;
    }

#searchBox2 div
    {
    width:171px;
    float:right;
    }

#sidebar
    {
    width:220px;
    display:block;
    float:right;
    }

#skiplinks
	{
	display:none;
	}

#subfeature
    {
    width:360px;
    display:block;
    float:left;
    padding:0px 10px 20px 20px;
    }

#subFoot
    {
    clear:both;
    width:650px;
    padding:10px 0px 10px 20px;
    border-top:#ccc 1px dotted;
    }

#topRight
    {
    width:650px;
    height:145px;
    display:block;
    margin:0px 0px 0px 35%;
    }

#topRightRT
    {
    width:380px;
    float:right;
    }
    
/*headings*/
h1, h2, h3, h5, h6, h1 a, h2 a, h3 a, h5 a, h6 a
    {
    font-family:"TitilliumText15L", Helvetica, Arial, sans serif;
    }

h1
    {
    float:right;
    margin-top:7px;
    }

h1, h1 a
    {
    width:392px;
    height:122px;
    display:block;
    text-indent:-9999px;
    }

h1 a
    {
    background:url(images/universitylogo.png) top left no-repeat;
    text-decoration:none;
    border:none;
    }

h2, h2 a
    {
    color:#3e3f41;
    text-transform:uppercase;
    text-decoration:none;
    font-size:20px;
    font-weight:normal;
    }

h2
    {
    border-bottom:#ccc 1px solid;
    }
 
 h2 a:hover
    {
    color:#0a304e;
    text-decoration:underline;
    }

h5
    {
    color:#999;
    font-weight:normal;
    padding-top:3px;
    font-size:.65em;
    text-decoration:none;
    }

h5 a
    {
    color:#999;
    text-decoration:none;
    }

h5 a:hover
    {
    color:#0a304e;
    text-decoration:underline;
    }

/*action items*/
#topRight ul
    {
    width:60px;
    height:102px;
    display:block;
    float:left;
    list-style:none;
    margin:7px 0px 0px 30px;
    }

#topRight ul li, #topRight ul li a
    {
    width:58px;
    height:29px;
    display:block;
    text-indent:-9999px;
    }

#topRight ul li a span
    {
    
    }

#topRight ul li.apply a
    {
    background:url(images/actionApply.png) top left no-repeat;
    }

#topRight ul li.apply a:hover
    {
    background:url(images/actionApplyOver.png) top left no-repeat;
    }

#topRight ul li.give a
    {
    margin-top:2px;
    height:28px;
    background:url(images/actionGive.png) top left no-repeat;
    }

#topRight ul li.give a:hover
    {
    background:url(images/actionGiveOver.png) top left no-repeat;
    }

#topRight ul li.visit a
    {
    height:21px;
    background:url(images/actionVisit.png) top left no-repeat;
    }

#topRight ul li.visit a:hover
    {
    background:url(images/actionVisitOver.png) top left no-repeat;
    }

#topRight ul li.find a
    {
    height:22px;
    background:url(images/actionFind.png) top left no-repeat;
    }

#topRight ul li.find a:hover
    {
    background:url(images/actionFindOver.png) top left no-repeat;
    }
    
/*main navigation*/
#nav
    {
    width:340px;
    margin-top:305px;
    text-transform:lowercase;
    float:right;
    text-align:right;
    }

#nav ul
    {
    list-style:none;
    width:170px;
    float:right;
    }

#nav ul li
    {
    padding-bottom:5px;
    font-size:20px;
    }

#nav ul li a
    {
    color:#fff;
    text-decoration:none;
    font-family:"TitilliumText15L", Helvetica, Arial, sans serif;
    padding-right:10px;
    }

#nav ul li a:hover
	{
	color:#333;
	display: block;
        background-color:#fff;
	font-weight: normal;
	text-decoration: none;
	padding-right:10px;
	}


#nav ul li ul {
	position : absolute;
	left: -9999em;
        width:300px;
	margin-left : 170px;
	margin-top : -1.35em;
	display : block;
	font-weight: normal;
	text-decoration : none;
	background-color:#212121;
	-moz-opacity:.95;
	opacity:.95;
}

#nav ul li ul li a {
    font-family:Helvetica, Arial, sans serif;
}

#nav ul li ul li a
	{
	font-size:15px;
	border-bottom:#fff 1px dotted;
	width:300px;
        height:15px;
        display:block;
	padding:10px 0px 8px 10px;
	}

#nav ul li ul li a:hover
	{
	width:292px;
        height:15px;
        display:block;
	color:#0a304e;
	background:#e5ebee;
	border:0px;
	padding:10px 0px 8px 10px;
	margin:0px 0px 1px 0px;
	}

#nav ul li:hover ul {
	left: auto;
	
}

#nav ul li:hover ul, #firstmenu li.sfhover ul {
	left: auto;
}

#nav ul li ul li
	{
	text-align:left;
	}

    

/*top search box*/
#searchBox input.textbox
	{
	background: none;
	border: none;
	color: #eaeaea;
	font-size:22px;
	font-weight:normal;
        width:75px;
        float:left;
	}

#searchBox input.button
    {
    width:23px;
    height:22px;
    float:left;
    }

/*bottom search box*/
#searchBox2 input.textbox
	{
	background:url(images/searchgradient.png) top left repeat-x;
	border: none;
	color: #666;
	font-size:18px;
        height:24px;
	font-weight:normal;
        width:150px;
        padding:0px 0px 0px 5px;
        float:left;
	}

#searchBox2 input.button
    {
    width:21px;
    height:24px;
    float:right;
    margin-right:-5px;
    }

#searchBox2 p
    {
    color:#999;
    font-size:11px;
    line-height:15px;
    clear:both;
    margin-top:40px;
    }

#searchBox2 p a
    {
    color:#999;
    text-decoration:none;
    border-bottom:#999 1px dotted;
    }

#searchBox2 p a:hover
    {
    color:#ccc;
    }

#searchBox2 p a img
    {
    border:0px;
    padding-bottom:5px;
    }

/*subfeature stories*/
#subfeature h2
    {
    border:none;
    }

#subfeature div.subFeatureStory
    {
    width:360px;
    height:80px;
    display:block;
    padding:19px 0px 17px 0px;
    border-bottom:#ccc 1px solid;
    clear:both;
    }

#subfeature #firstStory
    {
    width:360px;
    height:80px;
    display:block;
    padding:17px 0px 15px 0px;
    border-bottom:#ccc 1px solid;
    float:left;
    }

#subfeature #lastStory
    {
    width:360px;
    height:80px;
    display:block;
    padding:17px 0px 15px 0px;
    clear:both;
    }

#subfeature p
    {
    float:left;
    margin:0px 10px 0px 0px;
    }

#subfeature p img
    {
    padding:2px;
    border:#ccc 1px solid;
    }

#subfeature div h3
    {
    padding-top:5px;
    }

#subfeature div h3 a
    {
    color:#3e3f41;
    text-decoration:none;
    font-size:20px;
    line-height:20px;
    }

#subfeature div h3 a:hover
    {
    color:#0a304e;
    text-decoration:underline;
    }

#subfeature div h4 a
    {
    font-size:13px;
    font-weight:normal;
    color:#000;
    text-decoration:none;
    }

#subfeature div h4 a:hover
    {
    text-decoration:underline;
    color:#555;
    }

/*sidebar specs*/
#sidebar h2
    {
    margin-top:5px;
    border-bottom:#ccc 2px solid;
    }

#sidebar h2 a
    {
    font-size:18px;
    }

#sidebar ul
    {
    list-style:none;
    }
    
#sidebar ul li
    {
    text-align: left;
    display: block;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    border-bottom: 1px solid #E9E9E9;
    }

#sidebar ul li a
    {
    color:#0a304e;
    font-family: Helvetica, Aria, sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1.2;
    color: #0E4C7D;
    text-decoration:none;
    }

#sidebar ul li a span.date
    {
    color:#000;
    font-weight:bold;
    }
    
#sidebar ul li a:hover
    {
    color: #0E4C7D;
    text-decoration:underline;
    }
    
.hover-ul li:hover
    {
    background:#F6F6F6;
    }

#sidebar p
    {
    text-align:right;
    font-size:12px;
    margin-top:5px;
    }

#sidebar p a, p.medialink a
    {
    text-decoration:none;
    color:#3e3f41;
    }

#sidebar p a:hover, p.medialink a:hover
    {
    text-decoration:underline;
    color:#0a304e;
    }

p.medialink
    {
    width:380px;
    text-align:right;
    font-size:12px;
    padding-top:10px;
    }

/*sidebar - news*/
h2#newsHeader
    {
    clear:both;
    margin-top: 30px;
    }

/*footer*/
#footer div
    {
    float:left;
    }

#footer div h2, #footer div h2 a
    {
    font-size:17px;
    }

#footer div ul
    {
    list-style:none;
    }

#footer div#col1, #footer div#col2
    {
    padding-right:40px;
    }
    
#footer div#col1
    {
    width:220px;
    }

#footer div#col2
    {
    width:220px;
    }

#footer div#col3
    {
    width:130px;
    }

#footer div ul
    {
    list-style:none;
    margin-top:15px;
    }

#footer div ul.leftCol
    {
    float:left;
    }

#footer div ul.rightCol
    {
    float:right;
    }

#footer div ul li
    {
    font-size:12px;
    padding-bottom:6px;
    }

#footer #col3 ul li
    {
    padding-bottom:7px;
    }

#footer div ul li a, #footer #col1 p a
    {
    color:#0a304e;
    text-decoration:none;
    }

#footer div ul li a:hover, #footer #col1 p a:hover
    {
    color:#3e3f41;
    text-decoration:underline;
    }

#footer #col1 p
    {
    text-align:right;
    font-size:11px;
    margin-top:3px;
    }

#footer #col1 div
    {
    clear:both;
    width:220px;
    margin-top:10px;
    padding-top:10px;
    padding-bottom:35px;
    border-top:#ccc 1px dotted;
    }

#footer #col2 p.img
    {
    margin-top:13px;
    }

#footer #col2 p img
    {
    border:none;
    }

#footer h4
    {
    margin-top:7px;
    text-transform:uppercase;
    font-family:"TitilliumText15L", Helvetica, Arial, sans serif;
    }

#footer h4 a
    {
    color:#0a304e;
    text-decoration:none;
    }

#footer h4 a:hover
    {
    color:#3e3f41;
    text-decoration:underline;
    }

#footer #col2 p.desc
    {
    color:#3e3f41;
    font-size:12px;
    line-height:17px;
    margin-top:0px;
    width:230px;
    }

#footer #col2 p.desc a
    {
    color:#0a304e;
    text-decoration:none;
    border-bottom:#0a304e 1px dotted;
    }

#footer #col2 p.desc a:hover
    {
    color:#000;
    border-bottom:#000 1px solid;
    }

/*foot of the footer*/
#subFoot div.foot
    {
    font-size:12px;
    color:#3e3f41;
    }

#subFoot div.foot img
    {
    border:none;
    }

#subFoot p a
    {
    color:#3e3f41;
    text-decoration:none;
    }

#subFoot p a:hover
    {
    color:#0a304e;
    text-decoration:underline;
    }

#subFoot p span
    {
    padding-left:15px;
    padding-right:15px;
    }

#footLeft
    {
    float:left;
    }

#footRight
    {
    float:left;
    font-size:10px;
    }

/*Emergency content*/
#emergency
    {
    color:#fff;
    width:960px;
    height:285px;
    display:block;
    background:url(images/emergencygradient.png) top left repeat-x;
    margin:0px;
    padding:0px 20px 0px 20px;
    border:#7f0a0a 5px solid;
    }

#emergency h2
    {
    color:#fff;
    font-size:35px;
    font-family:Helvetica, Arial, sans serif;
    border:none;
    padding-top:50px;
    width:960px;
    text-align:center;
    }

#emergency h3
    {
    color:#fff;
    font-size:16px;
    font-weight:normal;
    font-family:Helvetica, Arial, sans serif;
    text-align:left;
    padding-top:20px;
    }

#emergency a
    {
    text-decoration:underline;
    color:#fff;
    font-family:Helvetica, Arial, sans serif;
    }

#emergency a:hover
    {
    text-decoration:underline;
    color:#ccc;
    }