/*
** project:             Campus Compact
** date:                2008/09/08
*/
html { height: 100%; margin-bottom: 1px; background: #FFF url('images/background.png') repeat-x 0 0; }
body { width: 950px; margin: 0 auto; background: transparent; color: #555; font: .75em/1.5 'Lucida Sans Unicode', 'Lucinda Grande', sans-serif; }
textarea,
input,
select,
option,
optgroup,
button { font: 1em 'Lucida Sans Unicode', 'Lucinda Grande', sans-serif; }
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
p,
ul,
ol,
dl { padding-bottom: 1ex; }
img { border: none; vertical-align: bottom; }

a { color: #154A7B; text-decoration: none; outline: none; }
a:focus,
a:hover { text-decoration: underline; }


/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }
.image-left { float: left !important; padding: .75ex 10px 5px 0 !important; }
.image-right { float: right !important; padding: .75ex 0 5px 10px !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1ex !important; }

button, input.radio, input.checkbox, label.radio, label.checkbox { cursor: pointer; }

input.text { padding: 2px 0 2px 9px; border: 1px solid #BDBDBD; background: #FFF; color: #666; }

input.button-go { overflow: hidden; width: 24px; height: 14px; padding: 0; border: none; background: transparent url('images/button_go.png') no-repeat 50% 50%; color: #8D0932; font-size: 999em; cursor: pointer; }

h4 { padding-bottom: 1ex; color: #222; font-size: 1.25em; font-weight: 400; line-height: 1.3; }

.h-00 { overflow: hidden; height: 38px; background: transparent url('images/headings_00.png') no-repeat 0 100%; text-indent: -999em; }
.h-00-00 { width: 168px; }
.h-00-01 { width: 247px; background-position: -169px 100%; }
.h-00-02 { width: 143px; background-position: -417px 100%; }


/*
** header
*/
.header { position: relative; height: 135px; padding-top: 10px; }
.header h1 { float: left; padding: 10px 0 0 30px; }
.header h1 a { overflow: hidden; display: block; width: 136px; height: 106px; background: transparent url('images/logo.png') no-repeat 0 0; text-indent: -999em; }
.header h2 { position: absolute; right: 25px; bottom: 20px; overflow: hidden; width: 372px; height: 19px; background: transparent url('images/tagline.png') no-repeat 0 0; text-indent: -999em; }
.header ul { overflow: hidden; float: right; list-style: none; margin: 0; padding: 1ex 1em 1ex 0; background: transparent url('images/navigation_background.png') repeat 0 0; font-size: .917em; line-height: 1.1; }
.header ul li { float: left; margin-left: -1px; padding: 0 1.1em; border-left: 1px solid #BB7C8F; }
.header ul li a { color: #FFF; }
.header ul li.alt { border: none; padding: 0 0 0 4em; }
.header ul li.alt a { color: #D19DAD; }


/*
** menu
*/
ul.menu { font-size: 1.083em; background: #222 url('images/menu_background.png') no-repeat 0 100%; }
ul.menu li { overflow: hidden; padding-bottom: 4px; }
ul.menu li span,
ul.menu li a { float: left; width: 128px; padding: 0 10px; background: transparent url('images/menu_item_background.png') repeat-y -148px 0; color: #FFF; line-height: 24px; }
ul.menu li.active a,
ul.menu li a:focus,
ul.menu li a:hover { background-position: 0 0; text-decoration: none; }
ul.menu li ul { clear: left; list-style: none; margin: 0; padding: 1em 0 0 10px; font-size: .846em; }
ul.menu li ul li { padding-bottom: 1em; }
ul.menu li ul li span,
ul.menu li ul li a { width: 118px; padding: 0; background: transparent; color: #CCC; line-height: 1.2; }
ul.menu li ul li span,
ul.menu li ul li a:focus,
ul.menu li ul li a:hover { color: #DDE39E; }


/*
** location bar
*/
p.location { padding-bottom: 1em; color: #AAA; font-size: .833em; line-height: 1.2; }
p.location a { color: #555; }


/*
** presentation
*/
ul.presentation { list-style: none; margin: 0; padding: 0; }
ul.presentation li { position: relative; height: 290px; }
ul.presentation li p { padding: 0; }
ul.presentation li img { position: absolute; left: 0; top: 0; }
ul.presentation li p.description { position: absolute; left: 0; bottom: 0; width: 510px; padding: 8px 10px; background: transparent url('images/presentation_description_background.png') repeat 0 0; color: #FFF; font-size: .917em; }


/*
** introductanory text below presentation
*/
.intro { clear: both; padding: 1ex 0 1em; background: transparent url('images/border_00.png') repeat-x 0 100%; font-size: 1.083em; }
.intro p { padding: 1ex 0 0; }


/*
** search form
*/
form.search { padding-bottom: 25px; border-bottom: 1px solid #A43A5B; }
form.search h4 { padding-top: 0 !important; }
form.search p { overflow: hidden; padding: 0; }
form.search input.text { float: left; width: 123px; font-size: .917em; }
form.search input.button-go { float: right; margin-top: 4px; }


/*
** footer
*/
.footer { padding-bottom: 2em; border-top: 3px solid #8D0932; color: #888; font-size: .917em; text-align: center; }
.footer p { padding: 1ex 0 0; }
.footer p.links { margin-bottom: 1ex; padding: 1em; background: transparent url('images/border_00.png') repeat-x 0 100%; word-spacing: .6ex; }
.footer p.links a { word-spacing: normal; }


/*
** main content, columns and layout
*/
.main { overflow: hidden; padding: 17px 0 20px 18px; background: #FFF url('images/main_background.png') no-repeat 0 0; }
.main .columns { float: right; width: 750px; }
.main .columns .content-column { float: left; width: 530px; }
.main .columns .content-column .first-column { float: left; width: 250px; }
.main .columns .content-column .second-column { float: right; width: 250px; }
.main .columns .content-column h4 { padding-top: 3ex; }
.main .columns .side-column { float: right; width: 162px; padding: 0 20px 10px; background: #8D0932 url('images/side_column_background.png') no-repeat 0 100%; color: #D19DAD; }
.main .columns .side-column h4 { padding: 2.5ex 0 .5ex; color: #FFF; font-size: 1.167em; }
.main .columns .side-column p { line-height: 1.3; }
.main .columns .side-column p.last { padding: 1ex 0 1em; }
.main .columns .side-column a { color: #FFF; }

.main ul.menu { float: left; list-style: none; width: 148px; margin: 10px 0 0; padding: 0 8px 75px; }


/*
** javascript related styles
*/
.js ul.presentation { position: relative; overflow: hidden; height: 290px; }
.js ul.presentation li { position: absolute; left: 0; top: 0; width: 530px; margin-bottom: -290px; }


/*
** the end
*/