@import url(appstyles.css);

/* General Style
--------------------------------------------- */
form,body,html{height:100%;width:100%;}
body {text-align:left; margin:0; padding:0;}

/*
h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {font-size:24px;line-height:24px;}
h2, .PageSubTitleHeader {font-size:20px; line-height:24px;}
h3 {font-size:18px;line-height:21px;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:7px 0;padding:0;}
*/

/***  global layout wrap  ***/
.BodyWrap {flaot:left; margin:0; padding:5px 0 0 0; background:url(http://www.washcoll.edu/css2/img/stripe3.gif) repeat-x scroll 0 0; height:100%; width:100%;}
.MasterWrap {margin:0 auto; padding:0; width:975px; height:auto}
#box01 {background:url(http://www.washcoll.edu/css2/img/signature2.gif) no-repeat top; width:975px; height:auto; float:left;}

/***  typography  ***/
a {color:#333; text-decoration:underline;}
a:hover {text-decoration:none;}
a:visited {color:#600; }
code {color:#009; font-size:1.1em;}
h1 {color:#fff; font: normal 2em/1.2em Georgia, "Times New Roman", Times, serif; margin:20px 0 0 25px; padding:0; visibility:visible; width:380px;}
.PageTitleHeader, h2 {font:normal 1.4em/140% Arial, Helvetica, sans-serif; margin:0; padding: 5px 0 3px;}
h3 {font:normal 1.25em/130% Arial, Helvetica, sans-serif; margin:0; padding: .5em 0 .4em;}
h4 {font:normal 1.2em/120% Arial, Helvetica, sans-serif; margin:0; padding: .4em 0 .3em;}
h5 {font:normal 1.1em/110% Arial, Helvetica, sans-serif; margin:0; padding: .3em 0 .2em;}
dt {clear:left; float:left; margin:0; padding:0; width:150px; }
dd {float:left; width:280px; }
hr { clear:both; background-color: #600; color: #600; margin:20px 0; width:auto;}
hr.invisible {  border: 0; clear:both; background-color: #fff; color: #fff; margin:20px 0; width:553px;}
ul li div hr { clear:left; background-color: #600; color: #600; width:400px;}
p.alphabetlinks {color:#999;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{}

/***  global logo  ***/
#box02 { background:url("http://www.washcoll.edu/css2/img/washingtoncollegelogo.gif") no-repeat; display:inline; float:left; height:112px; margin:5px 0 0 16px; padding:0; text-indent:-5000px; width:158px;}
#box02 a { display:block; margin:0; height:112px; overflow:hidden; width:158px;}

/***  global top nav  ***/
#box03 {float:right; font:normal 15px/140% georgia,serif; height:93px; margin:26px 0 0; overflow:hidden; padding:0 0 0 36px; text-align:left; width:765px;}
#box03 ul { display:inline; margin: 0; padding: 0; } 
#box03 ul li { display:inline; list-style:none; margin:0; padding: .2em 1.9em 1em 0; }
#box03 ul li a { color:#000; text-decoration:none; }
#box03 ul li a:hover { color:#600; }

/***  global striped nav  ***/
#box04 { display:inline; font:bold .7em/140% Arial, Helvetica, sans-serif; float:left; margin:10px 0 0 -20px; padding:0; width:632px;}
#box04 ul {  display:inline; margin:0; padding: 0;} 
#box04 ul li { display:block; float:left; list-style: none; margin:0; padding:0; }
#box04 ul li a { background-color:#a49d81; color:#fff; display:block; margin:0 5px 0 0; padding:0 5px; text-decoration:none; width:143px; }
#box04 ul li.stripe a { background-color:#b6b19a;}
#box04 ul li a:hover, #box04 ul li.stripe a:hover { background-color:#600; color:#fff; }

/***  global search field  ***/
#box05 {float:left; font:bold 0.75em Arial,Helvetica,sans-serif; height:40px; line-height:140%; margin:27px 0 0 0; padding:0; width:153px; color:#600;}
#box05 input {width:110px; height:18px;}
button {width:28px;}

/***  global span above three lower columns  ***/
#box06 {float:left; margin:19px 0 0; padding:0; width:973px; display:inline;}
#box06 #ContentCenterFloat {float:left; width:380px; height:auto;}
#box06 #ContentCenterFloat h1 { width:100%; height:auto;}
#box06 #ContentCenterFloat p {background:#fff; border:1px solid #600; display:inline; float:left; clear:both; font: bold 10px/10px Arial, Helvetica, sans-serif; margin:50px 0 0 25px; padding:5px 0; text-align:center; text-transform:uppercase; width:170px;}
#box06 p a { background:#fff; color:#036; display:block; margin:0; padding:0; text-decoration:none;}
#box06 p a:hover { background:#d9e0e6;}
#box06 p span { display:block; font: normal 16px/10px Georgia, "Times New Roman", Times, serif; margin:5px 0 0; padding:2px; text-align:center; text-transform:none;}
#box06 p a {display:inline; margin:0; text-decoration:none; }
#box06 p a:hover { background:none; color:#600; }
#box06 ul {list-style:none; margin:0; padding:0; }
#box06 ul li a {color:#000; text-decoration:none; }

#box06 #ContentBreadCrumbs {height:28px; line-height:28px; float:left; font:normal 10px/10px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:left; text-transform:none; width:973px;}
#box06 #ContentBreadCrumbs ul {}
#box06 #ContentBreadCrumbs ul li {float:left;}
#box06 #ContentBreadCrumbs ul li#bcFirst a {padding-right:5px;}
#box06 #ContentBreadCrumbs ul li.navselected {padding:0 0 0 5px;}
#box06 #ContentBreadCrumbs ul li a {background:none; color:#036; margin:0; padding:0; text-decoration:none; height:28px; line-height:28px;}
#box06 #ContentBreadCrumbs ul li a:hover { background:none; text-decoration:underline;}
#box06 #ContentBreadCrumbs span { display:inline; font: bold 10px/10px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:left; }

#box06 #ContentSubBannerImage {float:right; width:350px; height:175px; margin-right:18px; display:inline;}
#box06 #ContentSubBanner {height:175px; width:188px; float:left; display:inline;}

#box06 #internalnav { border:none; display:inline; float:left; height:130px; margin:25px 0 0 15px; padding:0; text-align:right; visibility:visible; width:158px;}
#box06 #internalnav ul li { display:block; font: bold 12px/25px Arial, Helvetica, sans-serif;  }
#box06 #internalnav ul li a { color:#fff; }
#box06 #internalnav ul li a:hover { color:#fff;}

#box06 #ContentCenterNav {float:left; clear:both; display:inline; margin:0; padding:0; width:973px; height:75px; margin:12px 0 20px;}
#box06 #centernav {float:left; clear:both; display:inline; padding:0; width:973px;}
#box06 #centernav div {display:block; float:left; height:75px; margin:0; padding:0; visibility:visible; width:304px;}
#box06 #centernav img {float:left; margin:0 10px 2px 0; padding:0;}
#box06 #centernav a img {border:1px solid #CCC;}
#box06 #centernav ul li.section {color:#4D7193; display:block; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.1em; line-height:1.2em; text-transform:uppercase;}
#box06 #centernav ul li.section a {color:#4D7193; text-decoration:none;}
#box06 #centernav ul li.section a:hover {text-decoration:underline;}
#box06 #centernav ul li {display:block; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:18px; padding:0 15px 0 0;}
#box06 #centernav div#sideborder {border-left:1px solid #0A2F51; border-right:1px solid #0A2F51; margin:0 15px; padding:0 15px; width:302px;}

/* LEFT COLUMN
---------------------------------------------*/
#ContentLeftColumn {width:230px; height:auto;}
#ContentLeftColumn img {margin-bottom:10px;}
#box09 {float:left; font:normal .8em/1.4em Arial, Helvetica, sans-serif;  margin:0 10px 0 0; padding:0 0 1em; width:202px; display:inline;}

/* CONTENT 
---------------------------------------------*/
.BodyStructure {float:left; clear:both; height:auto; width:975px; margin-top:20px;}
.BodyStructure #ContentMiddle{text-align:left;}

.BodyStructure .ContentWrap {float:left; width:722px; height:auto;}
.BodyStructure .ContentWrap a {color:#4D7193; text-decoration: underline; }
.BodyStructure .ContentWrap a:hover {text-decoration: none; }

.BodyStructure #ContentMemberTools {float:left; width:100%; height:auto; font:bold 10px/10px Arial, Helvetica, sans-serif; display:inline;}
.BodyStructure #ContentMemberTools ul {margin:0; padding:0; list-style:none;}
.BodyStructure #ContentMemberTools ul li {float:left;}
.BodyStructure #ContentMemberTools .MTLinkscontainer {float:left; width:auto;}
.BodyStructure #ContentMemberTools a {padding-right:10px; color:#036; text-decoration:underline; height:28px; line-height:28px;}
.BodyStructure #ContentMemberTools a:hover {text-decoration:none;}

#box08 {float:left; clear:left; font:normal .85em/1.5em arial,helvetica,sans-serif; margin:0; padding:0 0 15px 0; width:552px; height:auto;}

#box08 #ContentMiddleLayoutEvents {width:50%; height:auto; float:left; font-size:0.85em;}
#box08 #ContentMiddleLayoutEvents strong a {color:#4D7193; font:normal 1.3em Georgia,"Times New Roman",Times,serif; line-height:1em; margin:0.5em 0 0; padding:0; text-decoration:none;}
#box08 #ContentMiddleLayoutStatic {width:50%; height:auto; float:right}
#box08 #ContentMiddleLayoutStatic hr {display:block; background:#660000; clear:both; color:#660000; margin:0; padding:0; width:100%;}
div.picture-250 {width:251px; color:#003665; font:normal 11px Arial,Helvetica,sans-serif; line-height:14px; padding:5px; text-align:left;}

/* RIGHT COLUMN
---------------------------------------------*/
#box07 {float:right; margin:0; padding:0 0 0 20px; width:150px; font:normal 13px/1.3em Arial, Helvetica, sans-serif;}
#box07 a img {border:1px solid #ccc; display:block; margin:0 0 7px; padding:0;}
#box07 a:hover img {border:1px dotted #600;}
#box07 span.head {font:bold 13px/20px Arial, Helvetica, sans-serif; color:#4D7193;}
#box07 a {color:#333; text-decoration:underline;}
#box07 a:hover {text-decoration:none;}
#box07 a:visited {color:#600}
#box07 ul {margin:0; padding:0; list-style:none;}
#box07 ul li {line-height:25px;}
#box07 #ContentLeftNav {}
#box07 #ContentLeftNav ul li#ViewAlumniPhotos,
#box07 #ContentLeftNav ul li#MakeaGiftOnline,
#box07 #ContentLeftNav ul li#PrivacyPolicy {margin-top:25px;}


/* FOOTER  
---------------------------------------------*/
#ContentFooter {float:left; width:935px; height:50px;}
#box12 {float:left; clear:both; font:normal .75em/110% arial,sans-serif; margin:0; padding:1em 40px 1em 0; text-align:center; width:935px; display:inline;}
#box12 a { color:#333; text-decoration:none;}
#box12 a:hover { text-decoration:underline; }
#box12 ul { border:none; border-bottom: 1px solid #336; display: block; font:bold .9em/140% Arial, Helvetica, sans-serif; margin: 0 auto .5em auto; padding: 0 0 .6em 0; text-align:center; text-transform:uppercase; width:500px;  } 
#box12 ul li { display: inline; list-style: none; margin:0; padding: 0 1.9em 0 0; }
#box12 ul li#last { padding:0; }
#box12 ul li a { color:#600; text-decoration:none; }
#box12 ul li a:hover { color:#333; }
#box12 p {font-size:12px; font-family:Arial, Helvetica, sans-serif; clear:left; margin:0 auto; padding:0; width:500px;}
ul#validate { border:none; float:right; font:normal .8em/140% Arial, Helvetica, sans-serif; margin: 0 1em; padding:0; } 
ul#validate li { display: inline; list-style: none; margin:0; padding: 0 1em 0 0; }
ul#validate li a { color:#ccc; text-decoration:none; }
ul#validate li a:hover { color:#600; }