/*************************************************/
/**           STYLES FOR CAMPUSLIVE.CH          **/
/**                                             **/
/**             © 2007 by xpure.ch              **/
/**            All rights reserved.             **/
/*************************************************/

/*** GENERAL ***/
body     { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(img/bg.jpg); margin: 0; padding: 0 }
a { color: #039 }
a:hover { color: #004de6; text-decoration: underline }


/*** LAYOUT-STUFF ***/
#header   { width: 879px; height: 243px }
#layout_box    { background-image: url(img/main-content_bg.jpg); background-repeat: repeat-y; margin-right: auto; margin-left: auto; width: 879px }

#col_left      { text-align: right; margin-right: 25px; padding-right: 15px; width: 160px; height: 400px; float: left; border-right: 1px solid #ccc }
#col_middle    { width: 390px; float: left }
#col_right        { background-image: url(img/right-col_bg.png); background-repeat: repeat; padding: 5px 15px 8px; width: 230px; float: right; border: 1px #ccc }
#main  { background-image: url(img/main-content_bg.jpg); background-repeat: repeat-y; background-position: 0 -206px; float: right; clear: both }
#footer  { color: #999; font-size: 10px; text-transform: uppercase; padding-top: 8px; padding-right: 5px; padding-left: 5px; height: 15px; float: right }
#ft_copy { margin-left: 222px; float: left }
#ft_copy a { color: #999 }
#ft_copy a:hover { color: #004de6; text-decoration: none }
#ft_xpure { text-transform: lowercase; float: right }
#ft_xpure a { color: #999; text-decoration: none; padding: 1px 2px }
#ft_xpure a:hover { color: #fff; background-color: #666 }
#ft_xpure { text-transform: lowercase; float: right }


/*** CONTENT STUFF :: MIDDLE ***/
#title  { color: #039; font-size: 15px; text-transform: uppercase; margin-top: 15px }
#col_right a { text-decoration: none }
#col_right a:hover { text-decoration: underline }
#content h1   { color: #039; font-size: 35px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 30px; margin: 0; padding: 0 }
#content  { color: #666; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 21px }
#content p { color: #666; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 21px; margin-left: 50px }
#content dt, #content_dd, #content dl, #right_col div, #right_col dt { margin: 0; padding: 0 }
#statements-all    { background-color: #f8f6ff; background-image: none; background-repeat: repeat; margin-top: 60px; padding: 2px 8px 8px; border: 1px #ccc }
#statements-all p.statements-title { color: #039; text-transform: uppercase; margin-left: 0 }
#content #statement-img  { margin-top: 8px; margin-right: 15px; margin-bottom: 20px; float: left }
#content #statement-text  { color: #009; float: right }
#content dl, #content div.csc-textpic, #content div.csc-textpic-imagewrap { margin: 0; padding: 0 }
#content img { margin-left: 50px }
/*** CONTENT-STUFF :: RIGHT ***/
#col_right h5 { color: #000 !important; font-size: 17px; font-weight: bold; line-height: 21px; text-transform: uppercase; letter-spacing: 5px; margin-top: 10px; margin-bottom: 2px; border-bottom: 1px solid #000 }
#col_right h1      { color: #039 !important; font-size: 15px; font-weight: bold; line-height: 15px; margin-top: 15px; margin-bottom: -10px }
#col_right h2     { color: #039 !important; font-size: 13px; font-weight: bold; margin-top: 25px; margin-bottom: -30px }
#col_right h3   { color: #039 !important; font-size: 11px; font-weight: bold; margin-top: 10px }
#col_right p   { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px }

/*** THE MENU (LEFT) ***/
#menu_1 { color: #999; font-size: 15px; text-transform: uppercase }
#menu_1 a { text-decoration: none }
#menu_1 a:hover { color: #039; text-decoration: none; background-image: url(img/menu_cur_bg.png); background-repeat: repeat-y; margin-top: 7px; margin-bottom: 3px; padding-top: 2px; padding-bottom: 2px; border-style: none; border-width: 1px medium; border-color: #ccc }
.menu1-level1-no a, .menu1-level2-no a, .menu1-level3-no a   { color: #666; text-decoration: none }
.menu1-level1-act a, .menu1-level2-act a, .menu1-level1-act a  { color: #039; font-weight: bold; text-decoration: none }
.menu1-level1-no    { margin-top: 18px }
.menu1-level1-act    { margin-top: 18px }
.menu1-level1-cur   { text-decoration: none; background-image: url(img/menu_cur_bg.png); background-repeat: repeat-y; margin-top: 7px; margin-bottom: 3px; padding-top: 2px; padding-bottom: 2px; border-style: none; border-width: 1px medium; border-color: #ccc  }
.menu1-level2-no   { font-size: 13px; padding-top: 5px; padding-bottom: 5px }
.menu1-level2-act   { font-size: 13px; padding-top: 5px; padding-bottom: 5px }
.menu1-level2-cur  { font-size: 13px; text-decoration: none; background-image: url(img/menu_cur_bg.png); margin-top: 3px; margin-bottom: 3px; padding-top: 2px; padding-bottom: 2px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc }
.menu1-level3-no   { font-size: 13px; font-style: italic; text-transform: capitalize; padding-top: 2px; padding-bottom: 2px }
.menu1-level3-act   { font-size: 13px; font-style: italic; text-decoration: none; text-transform: capitalize; margin-top: 4px }
.menu1-level3-cur  { font-size: 13px; font-style: italic; text-decoration: none; background-color: #fff; background-image: url(img/menu_cur_bg.png); text-transform: capitalize; padding-top: 2px; padding-bottom: 2px; border-style: dashed none; border-width: 1px medium; border-color: #ccc }