/* Start of CMSMS style sheet 'ibizsim - stylesheet basic layout' */
/***********************************************************************
-- ibizsim - stylesheet basic layout
-- Developed from Layout: Top menu + 2 columns
-- Modified by: Dr. Ashok N. Ullal
-- Modified in: July 2007
***********************************************************************/

/***********************************************************************
-- Browsers interpret margin and padding a little differently. 
-- We'll remove all default padding and margins and set them later on.
***********************************************************************/

* {
  margin:           0px;
  padding:          0px;
}

/***********************************************************************
-- Set initial font styles
***********************************************************************/

body {
  text-align:       left;
  font-family:      Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:        75.01%;
  line-height:      1em;
}

/***********************************************************************
-- Set font size for all divs, this overrides some body rules
***********************************************************************/

div {
  font-size:        1em;
}

/***********************************************************************
-- If img is inside "a" it would have borders. We don't want that.
***********************************************************************/

img {
  border:           0px;
}

/***********************************************************************
-- Default link styles
-- Set all links to have underline and bluish color 
-- CSS validation will give a warning if color is set without background
-- color.
-- background-color: inherit will explicitly tell this element to inherit
-- from parent element.
-- A different color can be used for visited links.
-- On hover, remove underline on hover and change color.
***********************************************************************/

a,
a:link 
a:active {
  text-decoration:  underline;
  background-color: inherit;
  color:            #18507C;
}

a:visited {         /*  */
  text-decoration:  underline;
  background-color: inherit;
  color:            #18507C;
}

a:hover {
  text-decoration:  none;
  background-color: #C3D4DF;
  color:            #385C72;
}

/***********************************************************************
-- basic layout 
***********************************************************************/

body {
  margin:           1em;        /* gives some air for the pagewrapper */
  background-color: #fff;
  color:            #333;
}

/***********************************************************************
-- pagewrapper
-- IE wont understand max-width and min-width.
-- So we will use javascript magick.
***********************************************************************/

div#pagewrapper {
  margin:           0px auto;                 /* this centers wrapper */
  max-width:        100em;
  min-width:        60em;
  background-color: #fff;;
  color:            black;
}


/***********************************************************************
-- header 
-- We hide text and replace it with a image. We assign a height for it.
***********************************************************************/

div#header {
  margin:           0px;
  margin-bottom:    0px;
  padding:          0px;
  height:           162px;        /* adjust according your image size */
  background:       url(uploads/images/ibizsim/header_body.gif) repeat-x;
  background-color: #fff;                                    /* white */
}

div#header-left {
  margin:           0px;
  padding:          0px;
  height:           162px;        /* adjust according your image size */
  float:            left;
}

div#header-right{
  margin:           0px;
  padding:          0px;
  height:           162px;        /* adjust according your image size */
  float:            right;
}


div#header-body{
  margin:           0px;
  padding:          0px;
  display:          block;
}

/***********************************************************************
-- search 
***********************************************************************/

div#search {
  margin:           0 1em;
  padding:          0.6em 0 0.2em 0;
  width:            23em;    /* enough width for the search input box */
  clear:            both;       /* keep footer below content and menu */
  float:            right;
  text-align:       right;
}

/***********************************************************************
-- breadcrumbs 
***********************************************************************/

div.breadcrumbs {
  margin:           0 1em;             /* CSS shorthand "0 1em 0 1em" */
  border-top:       1px dotted #000;
  border-bottom:    1px dotted #000;
  padding:          1em 0 1.2em 0;           /* CSS shorthand t r b l */
  font-size:        90%;              /* set fontsizes to be relative */
}

div.breadcrumbs span.lastitem { 
  font-weight:      bold;
 } 

/***********************************************************************
-- What is this for??? What does ndiv mean?
***********************************************************************/

ndiv#content {
  margin:           1.5em auto 2em 0;
                         /* some air above and under menu and content */
}

/***********************************************************************
-- main 
-- margin-left will give room for sidebar to be on the left side. 
-- Make sure this space is bigger than sidebar width.
***********************************************************************/

div#main {
  margin-left:      230px;
  margin-right:     2%;                      /* some air on the right */
}

/***********************************************************************
-- sidebar 
-- Sidebar width: If you change this please also change #main margin-left
-- If sidebar doesn't include menu but content add class="hascontent"
***********************************************************************/

div#sidebar {
  margin-left:      0;
/*  border:           1px solid red; */
  float:            left;  /* Change to right to float right instead. */
  width:            208px;;
  display:          inline;                /* FIX ie doublemargin bug */
}

div#sidebar.hascontent {
  padding:          0 1%;
  width:            24%;    /* make width smaller if there's padding, */
                                           /* or it will get too wide */
                                        /* for the floated divs in IE */
}

/***********************************************************************
-- footer 
***********************************************************************/

div#footer {
  margin:           3em 0em 0em 0em;
/*  border            1px solid red; */
  padding:          0em 0em 0em 0em;
  height:           42px;         /* adjust according your image size */
  clear:            both;       /* keep footer below content and menu */
  background:       url(uploads/images/ibizsim/footer_body.gif) repeat-x; 
  background-color: #fff;               /* same bg color as in header */
}

div#footer-left {
  margin:           0;
  padding:          0;
  height:           42px;         /* adjust according your image size */
  float:            left;
}

div#footer-right{
  margin:           0;
  padding:          0;
  height:           42px;         /* adjust according your image size */
  float:            right;
}

div#footer-body{
  margin:           0;
  padding:          0;
}

div#footer-body p {
  margin:           0;
  padding:          3px 0px 0px 0px;            /* some air for footer */
  text-align:       center;                          /* centered text */
/*  font-size:        0.8em; */
  color:            #fff;
}

div#footer-body p a {
  color:            #fff;            /* needed - otherwise link would */
                                       /* be same color as background */
}

div#footer-body p a:hover {
  text-decoration:  none;
  background-color: #2B3D87;              /* color of letters in logo */
  color:            #fff;
}

/***********************************************************************
-- hr
-- Since we hid all hr for accessibility,
-- we create new hr with extra div element
***********************************************************************/

div.hr {
  margin:           0em 0em 1em 0em;
  border-bottom:    1px dotted black;
  height:           1px;
}


/***********************************************************************
-- left49 
-- 50% for both left and right might lead to rounding error on some
-- browsers.
***********************************************************************/

div.left49 {
  width:            49%;
  float:            left;
}

/***********************************************************************
-- right49 
***********************************************************************/

div.right49 {
  width:            49%;
  float:            right;
  text-align:       right;
}

/***********************************************************************
-- content 
***********************************************************************/

div#content {

}

div#content h1 {
  margin:           0;
  font-size:        2em;
  line-height:      1em;
}

div#content h2 {
  margin:           0 0 0.5em 0;         /* some air under the border */
  border-bottom:    1px solid #e7ab0b;   /* set borders around header */
  border-left:      1.1em solid #e7ab0b;
  padding-left:     0.5em;                /* some air around the text */
  padding-bottom:   1px;
  text-align:       left;
  line-height:      1.5em;
  font-size:        1.5em;
  color:            #294B5F;
}

div#content h3 {
  margin:           0 0 0.5em 0;
  line-height:      1.3em;
  font-size:        1.3em;
  color:            #294B5F;
}

div#content h4 {
  margin:           0 0 0.25em 0;
  line-height:      1.3em;
  font-size:        1.2em;
  color:            #294B5F;
}

div#content h5 {
  margin:           0 0 0.25em 0;
  line-height:      1.3em;
  font-size:        1.1em;
}

h6 {
  margin:           0 0 0.25em 0;
  line-height:      1.3em;
  font-size:        1em;
}

p {
  margin:           0 0 1.5em 0;        /* some air around p elements */
  padding:          0;
  line-height:      1.4em;
  font-size:        1em;
}

blockquote {
  margin-left:      10px;
  border-left:      10px solid #ddd;
}

pre {
  font-family:      monospace;
  font-size:        1.0em;
}

strong, b {
  font-weight:      bold;               /* explicit setting for these */
}

em, i {
  font-style:       italic;             /* explicit setting for these */
}

code, pre {   /* Wrapping text in <code> tags. Makes CSS not validate */
  white-space:      pre-wrap;                                /* css-3 */
  white-space:      -moz-pre-wrap;             /* Mozilla, since 1999 */
  white-space:      -pre-wrap;                           /* Opera 4-6 */
  white-space:      -o-pre-wrap;                           /* Opera 7 */
  word-wrap:        break-word;             /* Internet Explorer 5.5+ */
  font-family:      "Courier New", Courier, monospace;
  font-size:        1em;
}

pre {
  margin:           0 1em 1em 1em;
  border:           1px solid #000;    /* black border for pre blocks */
  padding:          0.5em;
  background-color: #ddd;
  line-height:      1.5em;
  font-size:        90%;                         /* smaller font size */
}

div#main ul,
div#main ol,
div#main dl {
  margin:           0 0 1.5em 0;
  line-height:      1.4em;
  font-size:        1.0em;
}

div#main ul li,
div#main ol li {
  margin:           0 0 0.25em 3em;
}

div#dl dt {
  font-weight:      bold;
  margin:           0 0 0.25em 3em;
}

div#dl dd {
  margin:           0 0 0 3em;
}

/* End of 'ibizsim - stylesheet basic layout' */