/*************************************/
/*  Ratio Studiorum Program styles
/*            Josh Wester
**************************************/

body
{
  background-color: #ffffff;
  text-align: center;
}

/* attempt to remove active/focus border on ALL anchors */
a:active, a:focus
{
  outline: 0 !important;
}

#container
{
  margin: 4px auto;
  text-align: left;
  width: 984px;
}

#header
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-top.jpg');
  background-position: 0px 25px;
  background-repeat: no-repeat;
  height: 191px;
  width: 984px;
}

#brand_left
{
  background: #ffffff url("/fileadmin/images/logos/CreightonType-5183B4_FFFFFF.gif") no-repeat;
  display: inline;
  float: left;
  height: 25px;
  margin: -25px 0px 0px 0px;
  position: relative;
  width: 200px;
}

#brand_left h1, #brand_left h1 a
{
  display: block;
  height: 25px;
  margin: 0px;
  padding: 0px;
  width: 200px;
}

#metamenu
{ 	
  background-color: #ffffff;
  display: inline;
  float: left;
  height: 25px;
  width: 984px;
}

#metamenu ul
{
  margin: 6px 0px 0px 340px;
  padding: 0px;
}

#metamenu li
{ 
  color: #FFFFFF;
  display: inline;
  float: left;
  font-size: 0.85em;
  list-style-type: none;
  margin: 0px 1em 0px 1em;
}

#metamenu ul li img
{
  display: inline;
  float: left;
  margin-right: 3px;
  margin-top: 0px;
}

#metamenu a, #metamenu a:link, #metamenu a:visited, #metamenu a:hover, #metamenu a:active
{
  color: #5183b4;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

#logo h2, #banner h2
{
  margin: 0px;
  padding: 0px;
}

#logo
{
  display: inline;
  float: left;
  height: 140px;
  width: 200px;
}

#logo a
{
  display: block;
  height: 140px;
  position: relative;
  width: 200px;
}

#banner
{
  display: inline;
  float: left;
  height: 140px;
  position: relative;
  width: 784px;
}

#banner a
{
  display: block;
  height: 140px;
  width: 784px;
}

#banner h2
{
  background-repeat: no-repeat;
  position: relative;
}

#banner_21762
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-overview.gif');
  height: 43px;
  left: 164px;
  top: 48px;
  width: 255px;
}

#banner_21761
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-videos.gif');
  height: 43px;
  left: 183px;
  top: 48px;
  width: 217px;
}

#banner_21760
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-100.gif');
  height: 43px;
  left: 197px;
  top: 48px;
  width: 189px;
}

#banner_21759
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-200.gif');
  height: 43px;
  left: 197px;
  top: 48px;
  width: 189px;
}

#banner_21861
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-books.gif');
  height: 43px;
  left: 233px;
  top: 48px;
  width: 117px;
}

#banner_21858
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-course.gif');
  height: 43px;
  left: 227px;
  top: 48px;
  width: 129px;
}

#banner_21859
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-events.gif');
  height: 41px;
  left: 230px;
  top: 49px;
  width: 124px;
}

#banner_21862
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-preceptors.gif');
  height: 52px;
  left: 133px;
  top: 44px;
  width: 318px;
}

#banner_21860
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-resources.gif');
  height: 41px;
  left: 220px;
  top: 49px;
  width: 175px;
}

#banner_21863
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-advisors.gif');
  height: 56px;
  left: 126px;
  top: 42px;
  width: 332px;
}

#banner_21775
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-beadles.gif');
  height: 43px;
  left: 220px;
  top: 48px;
  width: 143px;
}

#banner_21857
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-contacts.gif');
  height: 49px;
  left: 144px;
  top: 45px;
  width: 296px;
}

#banner_21855
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-discernment-events.gif');
  height: 41px;
  left: 121px;
  top: 49px;
  width: 341px;
}

#banner_21856
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-discernment-resources.gif');
  height: 41px;
  left: 94px;
  top: 49px;
  width: 395px;
}

#parent_banner_21760
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-100-parent.gif');
  height: 30px;
  left: 12px;
  position: absolute !important;
  top: 105px;
  width: 129px;
}

#parent_banner_21759
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-200-parent.gif');
  height: 30px;
  left: 12px;
  position: absolute !important;
  top: 105px;
  width: 129px;
}

#main_bg
{
  background-image: url('/fileadmin/projects/ratio-studiorum/background.gif');
  background-repeat: repeat-y;
}

#main
{
  background-image: url('/fileadmin/projects/ratio-studiorum/banner-bottom.jpg');
  background-repeat: no-repeat;
  width: 984px;
}

#col_left
{
  display: inline;
  float: left;
  width: 200px;
}

#col_left #content_left
{
  margin-top: 12px;
  background-color: #d8d8d8;
  padding: 2px;
  border: 1px solid #333333;
  border-left-width: 0px;
}

#nav_site
{
  /*padding: 4px 0px;*/
  margin-top:20px;
  margin-bottom:20px;
}

#nav_site ul
{
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#nav_site li
{
  padding: 0px;
  width:200px;
    /*height: 28px;*/
}

#nav_site a
{
  color: #030097;
  display: block;
  font-size: 1.1em;
  font-weight:bold;
  margin:0 0 0 6px;
  padding:6px 0 0 14px;
  /*border-bottom:1px dashed #5183b4;*/
  text-decoration: none;
}
#nav_site ul li ul a
{
	padding-left:22px;
}
#nav_site ul li ul li ul a
{
	padding-left:30px;
}
#nav_site ul li ul li ul li ul a
{
	padding-left:38px;
}

.menulist li {
  background-image: url('/fileadmin/projects/ratio-studiorum/button-lv1-off.jpg');
  background-repeat: no-repeat;
}
.menulist li a:hover {
  background-image: url('/fileadmin/projects/ratio-studiorum/button-lv1-on.jpg');
  background-repeat: no-repeat;
    width:178px;
}
.menulist2 li {
  background-image: url('/fileadmin/projects/ratio-studiorum/button-lv2-off.jpg');
  background-repeat: no-repeat;
}
.menulist2 li a:hover {
  background-image: url('/fileadmin/projects/ratio-studiorum/button-lv2-on.jpg');
  background-repeat: no-repeat;
    width:169px;
}
.menulist3 li {
  background-image: url('/fileadmin/projects/ratio-studiorum/button-lv3-off.jpg');
  background-repeat: no-repeat;
}
.menulist3 li a:hover {
  background-image: url('/fileadmin/projects/ratio-studiorum/button-lv3-on.jpg');
  background-repeat: no-repeat;
    width:161px;
}
.menulist4 li {
  background-image: url('/fileadmin/projects/ratio-studiorum/button-lv4-off.jpg');
  background-repeat: no-repeat;
}
.menulist4 li a:hover {
  background-image: url('/fileadmin/projects/ratio-studiorum/button-lv4-on.jpg');
  background-repeat: no-repeat;
    width:153px;
}
#col_center
{
  display: inline;
  float: left;
  width: 784px;
}

#col_center #crumbs
{
  width: 764px;
  font-size: 0.9em;
  line-height: 1.2em;
  color: #999999;
  padding: 8px 10px 0px 10px;
}

#col_center #crumbs a
{
  color: #999999;
}

#col_center #content
{
  display: inline;
  float: left;
  padding: 18px 12px;
  width: 760px;
}

.hideCurveBoxes #curve_box1,
.hideCurveBoxes #curve_box2,
.hideCurveBoxes #curve_box3,
.hideCurveBoxes #curve_box4,
.hideCurveBoxes #curve_box5
{
  display: none;
}

#curve_box1
{
  clear: both;
  display: inline;
  float: right;
  height: 55px;
  width: 115px;
}

#curve_box2
{
  clear: both;
  display: inline;
  float: right;
  height: 30px;
  width: 70px;
}

#curve_box3
{
  clear: both;
  display: inline;
  float: right;
  height: 15px;
  width: 60px;
}

#curve_box4
{
  clear: both;
  display: inline;
  float: right;
  height: 15px;
  width: 50px;
}

#curve_box5
{
  clear: both;
  display: inline;
  float: right;
  height: 30px;
  width: 16px;
}

#col_center #content h3
{
  font-size: 1.4em;
  color: #000000;
  margin: 1em 0px;
  padding: 0px;
}

#col_center #content h4
{
  font-size: 1.2em;
}

#col_center #content #page_title
{
  display: none;
  padding: 0.4em 0px;
  width: 636px;
}

#col_center #content p
{
  margin: 1em 0px;
}

#col_center #content_right
{
  float: right;
  display: inline;
  width: 200px;
  margin: 0px 0px 12px 12px;
  background-color: #e8eaf2;
  padding: 2px;
  border: 1px solid #333333;
}

#col_center #content_right div.csc-header h4, #col_left #content_left div.csc-header h4
{
  font-size: 1.2em;
  margin: 0px 0px 6px 0px;
  background-color: #11297B;
  color: #FFFFFF;
  padding: 2px 6px;
}

#col_center #content_right p.bodytext, #col_left #content_left p.bodytext
{
  margin: 0.35em 6px;
}

#col_center #content_right img
{
  margin: 0px auto 2px auto;
}

#content table td
{
  vertical-align: top !important;
}

#content table td p
{
  margin: 0.35em 0px !important;
}

#footer
{
  color: #999999;
  font-size: 0.9em;
  margin: 0px auto;
  text-align: center;
  width: 784px;
}

#footer a
{
  color: #999999;
}

/********************************************************/
.hiddenIR
{
  position: absolute;
  left: 0px;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.floatRight
{
  float: right;
  display: inline;
}

.floatLeft
{
  float: left;
  display: inline;
}

.clear2
{
  height: 1px;
  clear: both; 
  margin: 0px;
  padding: 0px;
}
/********************************************************/