body {
min-height: 100%;
background-color: #000000;
margin: 0;
padding: 0;
text-align: center;
}
body, td, div, ul, ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10pt;
line-height: 150%;
}
maptext{
color: #000000 !important;
}
select, option {
background-color: #000033;
font-size: 9pt;
color: #FFFFFF;
}
div.container {
position: relative;
width: 810px;
min-height: 100%;
overflow: visible;
margin-left: auto;
margin-right: auto;
background-color: #000033;
background-image: url('images/background.jpg');
background-attachment: scroll;
background-repeat: repeat-y;
background-position: left top;
}
div.header {
position: relative;
height: 180px;
color: white;
clear: left;
text-align: left;
}
div.content {
position: relative;
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10pt;
line-height: 150%;
}
div.content h1 {}
div.content h2 {font-family: Verdana, Arial, sans-serif; color: #FFFFFF; font-size: 18pt; font-weight: bold; font-variant: small-caps; line-height: 100%;}
div.content h3 {}
div.content h4 {}
div.content h5 {}
div.content h6 {font-size: 8pt; font-weight: lighter;}
div.content A:link {color: #9999CC; font-weight: bold; text-decoration: none;}
div.content A:active {color: #9999CC; font-weight: bold; text-decoration: none;}
div.content A:visited {color: #9999CC; font-weight: bold; text-decoration: none;}
div.content A:hover {color: #9999FF; font-weight: bold; text-decoration: none;}
div.footer {
height: 190px;
padding: 10px 15px 40px 15px;
color: white;
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #9999CC;
font-size: 10pt;
line-height: 150%;
z-index: 250;
}
div.footer A:link {color: #FFFFFF; font-weight: bold; text-decoration: none;}
div.footer A:active {color: #FFFFFF; font-weight: bold; text-decoration: none;}
div.footer A:visited {color: #FFFFFF; font-weight: bold; text-decoration: none;}
div.footer A:hover {color: #CCCCFF; font-weight: bold; text-decoration: none;}
p.first:first-letter {
font-size: 200%;
font-weight: bold;
float: left;
}
/* HEADER STUFF */
div.titlebar {
top: 34px;
left: 0px;
width: 773px;
height: 83px;
z-index: 2;
position: absolute;
}
div.titlehead {
top: 0px;
left: 0px;
width: 526px;
height: 72px;
position: absolute;
}
div.titlesub {
top: 130px;
left: 16px;
position: absolute;
z-index: 2;
}
div.mainmenubg {
top: 17px;
left: 50px;
width: 484px;
height: 100px;
position: absolute;
background-image: url('images/bg_image1.png')
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left top;
}
div.mainmenutxt {
top: 90px;
left: 84px;
width: 300px;
z-index: 4;
position: absolute;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 12pt;
font-weight: bold;
line-height: 120%;
}
div.mainmenutxtside {
top: 40px;
left: 500px;
z-index: 5;
position: relative;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
line-height: 120%;
}
div.mainmenutxt A:link {color: #FFFFFF; font-weight: bold; text-decoration: none;}
div.mainmenutxt A:active {color: #FFFFFF; font-weight: bold; text-decoration: none;}
div.mainmenutxt A:visited {color: #FFFFFF; font-weight: bold; text-decoration: none;}
div.mainmenutxt A:hover {color: #CCCCFF; font-weight: bold; text-decoration: none;}
div.mainmenutxtside A:link {color: #FFFFFF; font-weight: bold; text-decoration: none;}
div.mainmenutxtside A:active {color: #FFFFFF; font-weight: bold; text-decoration: none;}
div.mainmenutxtside A:visited {color: #FFFFFF; font-weight: bold; text-decoration: none;}
div.mainmenutxtside A:hover {color: #CCCCFF; font-weight: bold; text-decoration: none;}
/* END TEMPLATE LAYOUT */
/* PAGE LAYOUTS */
div.typicalleft {
float: left;
left: 0;
top: 0;
width: 360px;
text-align: left;
}
div.typicalright {
float: right;
top: 0;
width: 360px;
text-align: left;
}
div.mainleft {
top: 0px;
float: left;
left: 0;
top: 0;
width: 355px;
text-align: left;
}
div.mainleft2 {
top: 0px;
float: left;
left: 0;
top: 0;
width: 400px;
text-align: left;
}
div.mainright {
top: 0px;
float: right;
top: 0;
width: 355px;
text-align: left;
}
div.mainright2 {
top: 0px;
top: 0;
width: 700px;
text-align: left;
}
div.pressleft {
float: left;
left: 0;
top: 0;
width: 200px;
text-align: left;
}
div.pressright {
float: right;
left: 0;
top: 0;
width: 500px;
text-align: left;
}
div.paddedcolumn {
top: 0;
margin-left: auto;
margin-right: auto;
max-width: 550px;
text-align: left;
}
div.paddedcolumn2 {
top: 0;
margin-left: auto;
margin-right: auto;
width: 650px;
text-align: left;
}
div.paddedcolumn3 {
top: 0;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div.paddedcolumn4 {
top: 0;
margin-left:60px;
margin-right: auto;
width: 575px;
}
div.artleftcolumn {
float: left;
left: 0;
top: 0;
margin-top: 23px;
width: 200px;
text-align: left;
}
div.artmaincolumn {
float: left;
margin-left: 30px;
margin-top: 11px;
top: 0;
width: 500px;
text-align: left;
}
div.portleftcolumn {
float: left;
left: 0;
top: 40px;
width: 300px;
text-align: left;
}
div.portmaincolumn {
padding-top: 40px;
margin-left: 20px;
float: left;
top: 0;
width: 425px;
text-align: center;
}
div.portfulllist {
top: 70px;
right: -20px;
width: 750px;
height: 1200px;
text-align: right;
font-size: 10pt;
line-height: 150%;
background-image: url('../images/camas_background1.jpg');
background-repeat: no-repeat;
background-position: top right;
}
/* Image Borders */
.border1 {border-style: ridge; border-color: #663300; border-width: 5px;}
.border2 {border-style: ridge; border-color: #663300; border-width: 3px;}
.border3 {border: 5px solid #000000;}
/* Elements */
div.featurebox1 {
width: 300px;
padding: 4px;
background-color: #333366;
line-height: 150%;
}
div.featurebox2 {
width: 300px;
padding: 4px;
margin-bottom: 15px;
background-color: #333366;
line-height: 150%;
}
div.featurebox2 img {float: left; height: 75px; padding-right: 3px;}
div.featurebox2:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* END PAGE LAYOUTS */
/* PAGE DESIGN */
/* Portfolio */
div.portbarmenu {
position: relative;
text-align: right;
right: -15px;
width: 300px;
padding-bottom: 3px;
padding-right: 10px;
border-bottom: 1px solid #9999CC;
}
div.portbarselect {
position: relative;
text-align: right;
right: -15px;
width: 300px;
padding-top: 3px;
padding-right: 10px;
}
div.portitem {
width: 300px;
margin-bottom: 20px;
}
div.portitemhead {
padding-bottom: 2px;
width: 300px;
border-bottom: 1px solid #9999CC;
font-size: 9pt;
font-weight: bold;
}
/* PROCESS */
div.process p, li {color: #FFFFFF; line-height: 25px;}
div.process blockquote {font-size: 8pt; color: #FFFFFF; padding: 20px; margin-left: 10px; margin-right: 10px; border-top: thin solid #FFFFFF; border-bottom: thin solid #FFFFFF; padding: 15px;}
div.process q {font-size: 10pt; color: #FFFFFF; line-height: 25px;}
div.process q:before {content: open-quote; font-weight: bold;}
div.process q:after {content: close-quote; font-weight: bold;}
/* ARTICLES */
#navcontainer { width: 190px; }
#navcontainer ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
color: #CCCCFF;
}
#navcontainer a {
display: block;
width: 190px;
margin-bottom: 2px;
border-top: 1px solid #6e6efa;
text-decoration: none;
color: #CCCCFF;
}
#navcontainer a:link, #navlist a:visited {text-decoration: none;}
#navcontainer a:hover {text-decoration: none;}
div.artlisting {padding-bottom: 15px; width: 425px;}
div.artlistinghead {font-size: 12pt; font-weight: bold; border-bottom: 1px solid #9999CC;}
div.artlisting img {margin: 5px; float: right;}
div.artlisting:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.artcatbrief {width: 450px; min-height: 80px; padding-bottom: 20px;}
div.artcatbrief:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.artcatbriefhead {font-size: 14pt; font-weight: bold; line-height: 105%;}
div.artcatbriefintro {padding: 4px; font-size: 9pt; border-bottom: 1px solid #9999CC;}
div.artcatbriefdesc {top: 5px; left: 10px; font-size: 9pt;}
div.artcatbriefdesc img {}
div.articlepage {
width: 650px;
padding: 5px;
border: 2px solid black;
background-color: #FFFFFF;
text-align: center;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div.articlepage h5 {font-size: 8pt; font-weight: lighter; color: #000000;}
div.articlepage h6{
font-family: Verdana, Arial, sans-serif;
color: #000000;
font-size: 10pt;
line-height: 150%;
padding-left: 60px;
padding-right: 60px;
text-align: left;
}
div.articlecontent {
font-family: Verdana, Arial, sans-serif;
color: #000000;
font-size: 10pt;
line-height: 150%;
padding-left: 60px;
padding-right: 60px;
text-align: left;
}
div.articlecontent h1 {font-size: 16pt; font-weight: bold; color: #000000 !important; line-height: 100%;}
div.articlecontent h2 {font-family: Verdana, Arial, sans-serif; font-size: 13pt; font-weight: bold; color: #000000 !important; line-height: 100%;}
div.articlecontent h3 {font-size: 13pt; font-weight: bold; color: #000000 !important; line-height: 100%; font-variant: small-caps;}
div.articlecontent h5 {font-size: 8pt; font-weight: lighter; color: #000000 !important;}
div.articlecontent h6 {font-size: 8pt; font-weight: lighter; color: #000000 !important; font-style: italic;}
div.articlecontent ul {list-style-position: outside; list-style-type: square;}
div.articlecontent ol {list-style-position: outside; list-style-type: decimal;}
div.articlecontent li {color: #000000 !important; line-height: 100%; margin-left: -15px;}
div.articlecontent hr {border: thin solid #000000 !important; width: 300px; vertical-align: center;}
div.articlecontent blockquote {font-size: 8pt; color: #000000 !important; background: #FFFFFF; border-top: thin solid #000000 !important; border-bottom: thin solid #000000 !important; padding: 4px;}
div.articlecontent q {font-size: 10pt; color: #000000 !important;}
div.articlecontent q:before {content: open-quote; font-weight: bold;}
div.articlecontent q:after {content: close-quote; font-weight: bold;}
.author {font-size: 10pt; font-weight: bold; color: #000000 !important;}
/* MAIN */
div.overleaf {
position: absolute;
top: -83px;
left: 10px;
z-index: 3;
text-align: left;
}
div.leaf {
z-index: 3;
position: absolute;
float: both;
clear: none;
}
div.placelist1 {
position: absolute;
display: block;
overflow: show;
top: -190px;
left: 20px;
margin: 0;
font-family: arial, sans-serif;
font-size: 22pt;
font-weight: bolder;
color: #6666CC;
}
div.placelist2 {
position: static;
font-family: arial, sans-serif;
font-size: 22pt;
font-weight: bolder;
color: #6666CC;
}
div.placelistitem {
position: static;
float: both;
clear: none;
font-family: arial, sans-serif;
font-size: 16pt;
font-weight: bolder;
}
div.headtitle1 {
font-family: Verdana, Arial, sans-serif;
font-size: 18pt;
font-variant: small-caps;
font-weight: bold;
font-style: italic;
font-stretch: narrower;
color: #FFFFFF;
line-height: 14pt;
}
div.headtitle2 {
font-family: Verdana, Arial, sans-serif;
font-size: 14pt;
font-weight: bold;
font-style: italic;
color: #FFFFFF;
}
div.regbrush {
top: -75px;
width: 775px;
height: 570px;
left: 0;
background-image: url("../images/bg_regentprogress.png");
background-repeat: no-repeat;
z-index: 1;
}
div.reghead {
position: relative;
top: -10px;
left: 350px;
height: 250px;
width: 650px;
margin-left: auto;
margin-right: auto;
text-align: left;
z-index: 4;
}
div.regtitles {
position: relative;
float: left;
top: 100px;
left: -30px;
}
div.regheadimg {
position: relative;
top: -40px;
left: -300px;
}
div.regheadlogos {
position: relative;
float: left;
top: 170px;
left: 60px;
width: 400px;
}
div.regintro {
top: -80px;
height: 400px;
margin-bottom: 50px;
z-index: 3;
}
div.regdownload {
position: absolute;
float: right;
left: 300px;
width: 350px;
border-left: 2px solid white;
padding: 7px;
z-index: 4;
}
div.regwindowbox {
padding: 6px;
width: 650px;
min-height: 630px;
}
div.regwindowhead {
text-align: center;
color: #000000;
clear: both;
height: 20px;
}
div.regwindow {
height: 594px;
width: 149px;
float: left;
padding: 10px;
margin: 10px;
background-color: #FFFFFF;
background-image: url('../images/regent_window_full.jpg');
background-repeat: no-repeat;
background-position: center center;
border: 1px solid black;
}
div.regclive {
margin-top: 30px;
}
div.regtower {
margin-top: 30px;
margin-bottom: 50px;
}
div.regcollegeinsert {
float: right;
width: 250px;
margin-left: 15px;
padding-left: 15px;
border-left: 2px solid white;
}
div.main_slidebox {
position: relative;
clear: both;
width: 745px;
padding-top: 15px;
}
div.main_slidebox2 {
position: relative;
clear: both;
width: 745px;
height: 1px;
opacity: 0;
}
/* - - - ALL THAT GLITTERS BOX - - - */
div.allthatglitters {
position: relative;
clear: both;
float: none;
width: 745px;
height: 335px;
margin-top: 30px;
margin-bottom: 30px;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
border-top: 1px solid #9999CC;
border-bottom: 1px solid #9999CC;
display: run-in;
}
/* - - - MAIN FEATURE BOX - - - */
div.main_featurekuwait {
position: relative;
clear: both;
width: 740px;
height: 335px;
margin-top: 30px;
margin-bottom: 30px;
text-align: left;
border-top: 1px solid #9999CC;
border-bottom: 1px solid #9999CC;
}
div.main_featurekuwait img.img1 {
position: absolute;
top: 20px;
left: 5px;
border: 1px solid black;
}
div.main_featurekuwait img.img2 {
position: absolute;
top: 20px;
left: 405px;
border: 1px solid black;
}
div.main_featurekuwait div.blurb {
position: absolute;
bottom: 20px;
right: 0;
width: 335px;
}
/* - - - REGENT MAIN BOX - - - */
div.main_regentbox {
position: relative;
clear: both;
width: 745px;
height: 660px;
background-color: #000000;
}
div.regentmain {
position: absolute;
top: 340px;
left: 280px;
}
div.headtitle3 {
font-family: Verdana, Arial, sans-serif;
font-size: 16pt;
font-variant: small-caps;
font-weight: bold;
font-style: italic;
font-stretch: narrower;
color: #FFFFFF;
line-height: 14pt;
}
div.headtitle4 {
font-family: Verdana, Arial, sans-serif;
font-size: 12pt;
font-weight: bold;
font-style: italic;
color: #FFFFFF;
}
div.regentpng {
position: absolute;
top: 350px;
left: 580px;
width: 150px;
height: 126px;
}
img.regentatnight {
position: absolute;
left: 320px;
top: 20px;
}
img.regentangleup {
position: absolute;
left: 170px;
top: 50px;
}
img.regentcloseup {
position: absolute;
left: 20px;
top: 140px;
}
div.featureboxmod {
position: absolute;
bottom: 20px;
left: 10px;
width: 720px;
padding: 4px;
background-color: #333366;
line-height: 150%;
}
div.featureboxmod2 {
position: absolute;
bottom: 60px;
left: 10px;
width: 720px;
padding: 4px;
line-height: 150%;
text-align: left;
}
/* - - - - ALL THAT GLITTERS - - - - */
img.atgImage2 {
margin: 4px;
border: none;
}
img.atgImage1 {
margin: 3px;
margin-bottom: 8px;
border: none;
}
img.atgImageFirst {
margin-left: 0;
}
img.atgImageLast {
margin-right: 0;
}
/*- - - - SLIDESHOW - - - -*/
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
.slideshow {
display: block;
position: relative;
z-index: 0;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 466px;
width: 700px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 466px;
margin: 0;
width: 700px;
display:block;
margin:auto;
}
.slideshow a img {
border: 0;
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url('../slideshow/css/controller.png') no-repeat;
height: 42px;
left: 50%;
margin: -21px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 95%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
.slideshow-controller a.active {
background-position: 0 18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-image: url('../slideshow/css/controller-first.gif');
left: 33px;
width: 19px;
}
.slideshow-controller li.last a {
background-image: url('../slideshow/css/controller-last.gif');
left: 186px;
width: 19px;
}
.slideshow-controller li.next a {
background-image: url('../slideshow/css/controller-next.gif');
left: 145px;
width: 28px;
}
.slideshow-controller li.pause a {
background-image: url('../slideshow/css/controller-pause.gif');
left: 109px;
width: 20px;
}
.slideshow-controller li.play a {
background-position: 20px 0;
}
.slideshow-controller li.play a.active {
background-position: 20px 18px;
}
.slideshow-controller li.prev a {
background-image: url('../slideshow/css/controller-prev.gif');
left: 65px;
width: 28px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 28px;
right: 0;
position: absolute;
top: 0;
width: 28px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: -65px;
height: 65px;
left: 0;
position: absolute;
width: 100%;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
float: left;
padding: 5px;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: #FF9 !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #9FF;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}