@charset "utf-8";
/* Shared Styles with the Editor ------------------------------------------------------------------------------- */
@import "/assets/templates/editor.css";

/* General presentation ------------------------------------------------------------------------- */
html { height:100%; }
body { background:#FFF; height:100%; margin:0; width:100%; }

.clear { clear: both; height: 1px; margin: -1px 0 0; font-size: 1px; }
#PrintLogo, #PrintTagline { display:none; }
#SkipToContent { display:none; }


/* Layout ------------------------------------------------------------------------- */
#Container { margin:0 0 0 57px; padding:0; width:600px; }
.Wrapper { position:relative; }


/* Header ------------------------------------------------------------------------- */
#Header { clear:both; height:120px; position:relative; }
#Header h1 { float:left; height:45px; margin:14px 0 0 0; position:relative; width:181px; }
#Header h1 a { background:url("images/oxxfordrelo.png") no-repeat 0 0; display:block; height:45px; margin:0; text-indent:-10000px; width:181px; }
#Tagline { color:#ABADB0; font-size:14px; left:210px; position:absolute; top:70px; }

/* Main Navigation ------------------------------------------------------------------------- */
ul.MainNavigation { margin:0; padding:0; }
ul.MainNavigation li { list-style-type:none; list-style-image:none; margin:0; padding:0; white-space:no-wrap; }
ul.MainNavigation li a { color:#ABADB0; display:block; line-height:1.5em; padding:0; white-space:no-wrap; }
ul.MainNavigation li.active a { color:#00ADEF; font-weight:bold; }
ul.MainNavigation li a:hover { color:#00ADEF; text-decoration:none; }


/* Header Navigation ------------------------------------------------------------------------- */
#HeaderNavigation { margin-left:270px; white-space:no-wrap; width:650px; }
ul.HeaderNavigationLeft, ul.HeaderNavigationRight { float:left; font-size:.9em; margin:0; padding:0; }
ul.HeaderNavigationLeft li, ul.HeaderNavigationRight li { color:#FFF; float:left; list-style:none inside none; margin:0; padding:.78em 0 .78em 3px !important; }
ul.HeaderNavigationLeft li:after, ul.HeaderNavigationRight li:after { content:' /'; font-weight:bold; }
ul.HeaderNavigationLeft li.First, ul.HeaderNavigationRight li.First { padding-left:1.5em !important; }
ul.HeaderNavigationRight li.Last, ul.HeaderNavigationLeft li.Last { padding-right:2em !important; }
ul.HeaderNavigationLeft li.Last:after, ul.HeaderNavigationRight li.Last:after { content:''; }
ul.HeaderNavigationLeft li.Last { background:url("images/headernavigation.gif") transparent no-repeat top right; }
ul.HeaderNavigationRight li.Last { background:url("images/headernavigation.gif") transparent no-repeat bottom right; }
#HeaderNavigation a { color:#FFF; font-weight:bold; }
#HeaderNavigation a:hover, #HeaderNavigation li.active a { text-decoration:underline; }
ul.HeaderNavigationLeft { background:url("images/headernavigation.gif") transparent  no-repeat 0 0; }
ul.HeaderNavigationRight { background:url("images/headernavigation.gif") transparent  no-repeat 0 -34px; margin-left:-1.5em; }
ul.HeaderNavigationLeft li#Return:after { content:''; }


/* Footer ------------------------------------------------------------------------- */
#Footer { clear:both; white-space:no-wrap; width:685px; }
.Endorsements { margin:0 0 20px 288px; }
ul.FooterNavigation { float:left; font-size:.9em; margin:0 0 0 268px; padding:0; }
ul.FooterNavigation li { color:#FFF; float:left; list-style:none inside none; margin:0; padding:.4em 0 .25em 3px !important; }
ul.FooterNavigation li:after { content:' /'; font-weight:bold; }
ul.FooterNavigation li.First { padding-left:2em !important; }
ul.FooterNavigation li.Last { background:url("images/footernavigation.gif") transparent no-repeat top right; padding-right:1.5em !important; }
ul.FooterNavigation li.Last:after { content:''; }
#Footer a { color:#FFF; font-weight:bold; }
#Footer a:hover, #Footer li.active a { text-decoration:underline; }
ul.FooterNavigation { background:url("images/footernavigation.gif") transparent  no-repeat top left; }


/* Headings ------------------------------------------------------------------------- */
#PageTitle { background:url("images/widebar.png") no-repeat top left; color:#FFF; font-size:1.75em; line-height:2.25em; margin:0 0 23px -37px; padding:0 0 0 247px; width:539px; }
#LongTitle { font-size:1em; margin-top:.4em; }


/* Content ------------------------------------------------------------------------- */
.Content { margin:0; padding:0 0 20px 0; position:relative; z-index:1; }
#RightColumn { float:right; margin:0; width:390px; }
#LeftColumn { float:left; width:180px; }


/* Splash Screen ------------------------------------------------------------------------- */
#Splash { background:url("images/widebar.png") no-repeat 0px 22px; margin:0 0 23px -37px; min-height:143px; position:relative; width:786px; z-index:0; }
#Splash .fadein { position:relative; height:143px; width:786px; }
#Splash .fadein img { position:absolute; left:146px; top:0; z-index:0; }


/* Site Map ------------------------------------------------------------------------- */
ul.SiteMap  { color:#007934; margin-left:25px; padding:0; }
ul.SiteMap ul { margin-left:20px; padding:0; }
ul.SiteMap ul, ul.SiteMap li { margin-bottom:0; }
ul.SiteMap li.hide { list-style-image:url("images/folder.gif"); }
ul.SiteMap li { line-height:1.75em; list-style-image:url("images/file.gif"); }


/* Forms ------------------------------------------------*/
.ContentForm .required { color:#FF7900; font-size:1.3em; font-weight:bold; }
.ContentForm fieldset { font-size:.85em; border:1px solid #419638; margin-bottom:1em; padding:0 0 .5em 8px; width:570px; }
.ContentForm legend { color:#419638; font-weight:bold; }
.ContentForm label, .ContentForm .label { color:#419638; float:left; font-weight:bold; width:125px; margin-top:.5em; padding-right:.5em; text-align:right; }
.ContentForm .input label { color:auto; float:none; font-weight:normal; width:auto; margin-top:auto; padding-right:auto; text-align:left; }
.ContentForm input, .ContentForm .input { float:left; width:420px; margin-top:.5em; }
.ContentForm .input input { border:none; float:none; width:auto; margin-top:auto; }
.ContentForm textarea { margin:.5em 0 0 0; width:555px; }
.ContentForm fieldset input, .ContentForm fieldset textarea { border:1px solid #87746A; }
.ContentForm #submit, .ContentForm #reset { cursor:pointer; float:left; width:10em; }


/* News ------------------------------------------------------------------------- */
ul.NewsListing { margin:0; padding:0; }
ul.NewsListing li { border-bottom:1px solid #e5e6e7; list-style-type:none; list-style-image:none; margin:0; }
ul.NewsListing .PublishDate { font-size:.8em; line-height:1.25em; margin:.25em 0 1em 0; }
ul.NewsListing .summary { margin:1em 0 0 0; }
ul.NewsListing .DescColumn { float:left; padding-right:20px; padding-bottom:.25em; width:445px; }
ul.NewsListing .ImgColumn { float:left; padding-bottom:.25em; width:105px; }
p.PublishDate { color:#419638; }
p.BlogPrevNext { margin-top:1em; width:580px; }
.BlogPrevNext a, .BlogPrevNext span { display:block; font-weight:bold; padding:.25em .5em; }
.BlogPrevNext a { background:#50b848; color:#FFF; }
.BlogPrevNext a:hover { background:#419638; text-decoration:none; }
.BlogPrevNext span { background:#e5e6e7; color:#87746A; }
.BlogPrevNext .BlogPrev { float:left; }
.BlogPrevNext .BlogNext { float:right; }

#NewsTools,#EventTools, #BlogTools { background:#dcf1da; float:right; padding:1em; margin:0 0 1em 1em; }
#NewsTools a,#EventTools a, #BlogTools a { display:block; padding:1px 0 1px 23px; }
a#PrintThis { background:url("images/Icons.gif") no-repeat 0 -32px; }
a#EmailThis { background:url("images/Icons.gif") no-repeat 0 0; }

span.Email a { background:url("images/Icons.gif") no-repeat 0 0; }
a.Twitter { background:url("images/Icons.gif") no-repeat 0 -256px; }
a.Facebook { background:url("images/Icons.gif") no-repeat 0 -288px; }
a.Digg { background:url("images/Icons.gif") no-repeat 0 -320px; }

/* Send to a friend ------------------------------------------------------------------------- */
#Popup { color:#87746A; padding:1em; }
#Popup #Copyright { font-size:.75em; padding-top:.25em; }
#Popup fieldset { border:1px solid #419638; padding:0 10px 10px 10px; }
#Popup legend { color:#419638; font-weight:bold; text-transform:uppercase; }
#Popup label { float:left; padding:.25em 0; text-align:right; width:390px; }
#Popup input { border:1px solid #87746A; float:right; margin-left:10px; width:245px; }
#Popup textarea { border:1px solid #87746A; height:5em; width:390px; }
#Popup button { background:#419638; border:none; color:#FFF; font-weight:bold; margin:.5em 0 0 2px; }
#Popup button:hover { background:#50b848; }

/* Login ------------------------------------------------------------------------- */
img.MoveTrack { margin:1em  0 1em -34px; }
.Login { margin-bottom:2em; }
.Login label { font-weight:bold; }
.Login input { margin-bottom:1em; }