/* -- GENERAL STYLES -- */

body {background: #007ac7 url(img/bg.gif) repeat-x top left; font: 12px Arial, Helvetica, sans-serif; color: #222; margin: 0; padding: 0; text-align:center;}
* {margin: 0; padding: 0;}
.clear {clear:both;}

p {padding-bottom:15px; line-height:18px;}

h1 {font-size: 24px; line-height: 42px;}
h2 {font-size: 16px; line-height: 21px;}
h3 {font-size: 24px; font-weight:normal; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
#col2 h3 {font-size: 14px; font-weight:normal; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
h1, h2, h3 {color: #007ac7;}
h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; margin:0 0 0px 0; padding:0 0 10px 0; color: #007ac7;}

ul, ol {margin: 11px 0 15px 18px;}
li {line-height:18px; padding-bottom:3px;}

a {color: #007ac7; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border:0;}
br.clear {clear: both;}

#content {width:920px; padding:20px 20px 5px 20px; background:#fff;}
#content .faculty img {border:1px solid #222;}
#content table {background:#ddd; margin-bottom:15px; width:100%;}
#content td {background:#fff; padding:7px; vertical-align:top;}
#content .faculty td {text-align:center;}
#content td p {padding-bottom:0px;}

.left {float:left; text-align:left;}
.right {float:right;}

small { display:block; padding:3px 5px; font-size:10px; margin-bottom:10px; margin-top:5px; background: url(img/bg-date.jpg) bottom left repeat-x;}

.searchtext {font-size:18px; padding:5px; width:250px; font-family:Arial, Helvetica, sans-serif; background:#f5f5f5;}

.graybutton {background:#007ac7; font-size:13px; font-family:arial; padding:0; border:1px solid rgba(0, 0, 0, .25); -webkit-border-radius:15px; -moz-border-radius:15px; display:inline-block; padding:5px 15px 6px; color:#fff !important; font-weight:bold; line-height:1; text-decoration:none; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25); text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); position:relative; cursor:pointer; overflow:visible; width:auto;}

.graybutton:hover {background:#2063bc; text-decoration:none;}

/* -- GENERAL -- */

#head {height: 129px; width: 960px; margin:auto; }
#head h1 {background:  url(img/logo.gif) no-repeat; position: relative; top: 0px; left: 0px;}
#head h1 a {display: block; text-indent: -9000px; height:129px; width:300px;}
#logo {float:left; width:300px;}
#searchbox {float:right;  text-align:right; padding-top:45px;}

#slogan {color: #fff; font-weight: normal; padding:60px 0 0 45px; background: url(img/rotate/rotate.php) no-repeat center top;
 width:915px; height:90px; font-size:32px;}

#wrap {width: 960px; margin:auto; text-align:left;}

#main {}

#col1 {float:left; width:670px;}
#col1 img {background:#fff; border:1px solid #ddd; padding:4px; margin:0 10px;}
#col2 {float:right; text-align:left; width:200px; padding:15px; background:#f5f5f5; border:1px solid #ddd; -webkit-border-radius:7px; -moz-border-radius:7px;}

#homepage {margin-top:0px;}
#homepage p {color:#777;}
#homepage #col1 {float:left; width:290px;}
#homepage #col2 {float:left; width:290px;  padding:0px; background:#fff; border:0;}
#homepage #col5 {float:left; width:250px; margin:-10px 20px 0 20px;  padding:00px 20px 0px 20px; background:#fdfdee url(img/col5fade.gif) bottom center repeat-x; border:1px solid #ededd4;}
#homepage h2 {font-weight:normal; font-size:14px;}
#homepage #col5 h4 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0 0 0px 0; padding:10px 0 10px 0; color: #007ac7;}
#homepage .post {border-bottom:0; margin-bottom: 15px;}

#search {width:940px; margin:auto; padding:10px; background:#f5f5f5; border-bottom:1px solid #ddd; font-size:11px; text-align:left}

.page_item ul {display: none;}


/* WEBLOG */

.post {border-bottom: 1px solid #ccc; margin-bottom: 15px;}

.comment-list {width: 460px}

.avatar {float: right;}

#comment {width: 460px;}

.nocomments {display:none;}

/* FOOTER */

#footer {color:#fff; padding: 20px 0px; margin:auto; width:960px; text-align:center;}
#footer p {line-height:18px; padding:0px;}
#footer a {color:#ccc; text-decoration:none; border-bottom:1px dotted #fff;}
#footer a:hover {color:#fff; border-bottom:0;}

.corners{display:block;}
.corners * {display:block; height:1px; overflow:hidden; background:#ffffff}
.corners1 {margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #8ed1e7; border-right:1px solid #8ed1e7; background:#cdebf4}
.corners2 {margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #4cb7d9; border-right:1px solid #4cb7d9; background:#d9eff7}
.corners3 {margin-left:1px; margin-right:1px; border-left:1px solid #d9eff7; border-right:1px solid #d9eff7;}
.corners4 {border-left:1px solid #8ed1e7; border-right:1px solid #8ed1e7}
.corners5 {border-left:1px solid #cdebf4; border-right:1px solid #cdebf4}
.cornersfg {background:#ffffff}
.searchhack {width:130px; position:relative; top:7px;}


/* MENU */

#menu {width:960px; margin:auto;}
#menu ul {margin: 0;}
#menu ul ul {-moz-box-shadow: 2px 2px 2px #333; -webkit-box-shadow: 2px 2px 2px #333; box-shadow: 2px 2px 2px #333;}
#menu li {list-style: none; display:inline; float:left; line-height:normal; padding-bottom:0px;}
#menu ul ul li {_padding-left: 10px;}
#menu li a {color:#fff;	padding:10px 11px 11px 11px; display: block; text-decoration: none;}
#menu ul li:hover {color: #00B0F1; background: #f5f5f5  url(img/bg-fade.gif) repeat-x bottom center;}
#menu ul li:hover a {color: #000;}
#menu li a:hover {color: #00B0F1; background: #f5f5f5  url(img/bg-fade.gif) repeat-x bottom center;}
#menu li li a {color:#222; background:#ffffd1; display: block; text-decoration: none;}
#menu li li a:hover {color: #222; background:#dfdf99; border-bottom:0px; border-left:0px; border-right:0px; }
#menu li li li a {color:#222; background:#ffffd1; display: block; text-decoration: none;}
#menu li li li a:hover {color: #222; background:#dfdf99; border-bottom:0px; border-left:0px; border-right:0px; }

#menu ul {z-index: 500;}
#menu li {display: inline; float: left; position: relative; text-align: left; margin:0px;}
#menu li ul {width: 200px; height: auto; top: 100%; left: 0px; background:#007ac7; list-style-type:none;}
#menu li ul li {text-align: left; width: 200px; height: auto; min-height: auto; display: block;}
#menu a {text-decoration: none;}
#menu li li ul {top: 0; left: 0;}
#menu li li:hover ul {left: 200px;}

/* initialy hide all sub sidemenus */
#menu ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul,
#menu ul ul ul li:hover ul ul,
#menu ul ul ul ul li:hover ul ul {display: none; position: absolute;}

/* display them on hover */
#menu li:hover ul,
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul,
#menu ul ul ul ul li:hover ul,
#menu ul ul ul ul ul li:hover ul {display: block;}