body {
  margin: 0;
  padding: 0;
  font-size: 0.7em; 
  font-family: Arial, Helvetica, sans-serif;
  background: #FFF;
}

img, a img {
  border: 0;
}

a {
 color: #74C8E3;
 text-decoration: underline; 
}

a:hover {
 color: #FFF;
 text-decoration: none; 
}

h1,h2,h3,h4,h5,h6 {
  color: #CDC9A1;
  font-size: 1.1em;
  margin-top: 0;
}

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
}

#headerwrapper {
  width: 100%;
  height: 117px;
  background: #FFF;
}

#header {
  width: 980px;
  margin: 0 auto;
  height: 117px;
  overflow: hidden;
}

#logo {
  float: left;
  width: 240px;
  height: 40px;
  padding: 44px 0 0 12px;
}

#logo a {
  width: 240px;
  height: 40px;
  display: block;
  background: url(../images/design/logo.gif) no-repeat;
}

#navbox {
  float: left;
  height: 32px;
  margin: 88px 0 0 39px;
}

#navbox ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navbox ul li {
  float: left;
  /*margin: 0 0 0 1px;*/
  font-weight: bold;
  height: 32px;
  /*border-right: 1px solid #EAEAEA;*/
  border-left: 1px solid #616161;
}


#navbox ul .first {
  border-left: 0;
}

#navbox ul .last {
  border-right: 0;
}



#navbox ul li a {
  text-decoration: none;
  color: #000;
  padding: 8px 22px 7px 22px;
  display: block;
  background: url(../images/design/navbg.gif) repeat-x;
}

#navbox ul .last a {
  text-decoration: none;
  color: #000;
  padding: 8px 28px 7px 22px;
  display: block;
  background: url(../images/design/navbg.gif) repeat-x;
}

#navbox ul .last a:hover {
  text-decoration: none;
  color: #FFF;
  background: url(../images/design/navbgover.gif) repeat-x;
  padding: 8px 28px 10px 22px;
  display: block;
}

.focus {
  text-decoration: none;
  color: #FFF!important;
  padding: 8px 22px 10px 22px!important;
  display: block;
  background: url(../images/design/navbgover.gif) repeat-x!important;
}

.last .focus {
  text-decoration: none;
  color: #FFF!important;
  padding: 8px 28px 10px 22px!important;
  display: block;
  background: url(../images/design/navbgover.gif) repeat-x!important;
}

#navbox ul li a:hover {
  text-decoration: none;
  color: #FFF;
  background: url(../images/design/navbgover.gif) repeat-x;
  padding: 8px 22px 10px 22px;
  display: block;
}

#wrapper100 {
  width: 100%;
  color: #C1C1C1; 
  background: #545454 url(../images/design/mainbodybg.jpg) repeat-x;
}

#wrapper200 {
  width: 100%;
  color: #C1C1C1; 
  background: #545454 url(../images/design/mainbodybg.jpg) repeat-x;
}

#wrapper {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  background: url(../images/design/mainbody.jpg) no-repeat top center;
}

#wrapper2col {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  background: url(../images/design/mainbody2col.jpg) no-repeat top center;
}

#col1 {
  float: left;
  width: 220px;
  padding: 25px 0 0 21px;
}

#col1 h2 {
  margin: 0 0 10px 8px;
}

#col1 p {
  padding: 0 0 0 8px;
  margin: 0;
}

/*#col2 {
  float: left;
  width: 190px;
}*/

#col3 {
  float: right;
  width: 650px;
  padding: 25px 20px 25px 0;
}

.col3a {
  float: left;
  width: 400px;
  /*border-right: 1px solid #767676;*/
}

.pubcol3a {
  float: left;
  width: 400px;
  /*border-right: 1px solid #767676;*/
}

*html .col3a {
  float: left;
  width: 400px;
  padding: 0 0 0 10px;
  /*border-right: 1px solid #767676;*/
}

*html .pubcol3a {
  float: left;
  width: 400px;
  padding: 0;
  /*border-right: 1px solid #767676;*/
}

.col3b {
  float: right;
  width: 180px;
  padding: 0 20px;
}

#random {
  width: 660px;
  height: 310px;
  color: #000;
  background: #F6F6F5 url(../images/design/randombg.gif) no-repeat bottom left;
  margin: 20px 0 0 0;
}

#random h2 {
  color: #0B5D8C;
}

#random a {
  color: #0B5D8C;
}

#random a:hover {
  color: #000;
}

#portfoliostrip {
  width: 660px;
  height: 27px;
  color: #000;
  background: url(../images/design/portfoliostrip.gif) repeat-x;
  margin: 20px 0 0 0;
  clear: both;
}

#portfoliostrip ul {
  list-style-type: none;
  margin: 0;
  padding: 1px 0 0 0;
  float: left;
}

#portfoliostrip ul li {
  float: left;
}

ul#portfoliolist li a {
  color: #0B5D8C;
  text-decoration: none;
  display: block;
  padding: 3px 6px;
  font-weight: bold;
  margin: 2px 3px 0 0;
}

ul#portfoliolist {
  margin-left: 10px;
}

ul#portfoliolist li a:hover,ul#portfoliolist li a.current {
  color: #FFF;
  background: #A6BBCA;
}

.portfolio {
  width: 660px;
  height: 310px;
  color: #000;
  background: #F6F6F5 url(../images/design/portfoliobg.gif) no-repeat bottom left;
  margin: 0;
}

.portfolio h2 {
  color: #0B5D8C;
}

.portfolio a {
  color: #0B5D8C;
}

.portfolio a:hover {
  color: #000;
}

#tabcontent {
	background: #F6F6F5 url(../images/design/portfoliobg.gif) no-repeat bottom left;
  width: 660px;
  height: 310px;
}

#tab2,#tab3,#tab4,#tab5,#tab6,#tab7,#tab8,#tab9,#tab10,#tab11,#tab12,#tab13,#tab14,#tab15,#tab16,#tab17,#tab18,#tab19,#tab20 { 
	display: none;
}

#designfeature {
  width: 660px;
  height: 291px;
  background: #F6F6F5 url(../images/design/randombg.gif) no-repeat bottom left;
  margin: 20px 0 0 0;
}

#quote {
  float: left;
  padding: 15px 0 0 15px;
  width: 200px;
}

#photo {
  float: right;
  padding: 10px 10px 0 0;
}

#designphoto {
  padding: 10px 0 0 10px;
}

.menuitem {
  width: 179px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #767676;
}

.menuitemfirst {
  width: 179px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #767676;
  border-bottom: 1px solid #767676;
}

.menuitem a,.menuitemfirst a,#col1 ul li a {
  text-decoration: none;
  color: #FFF;
  width: 171px;
  padding: 3px 0 3px 8px;
  display: block;
}

.menuitem a:hover,.menuitemfirst a:hover,#col1 ul li a:hover {
  text-decoration: none;
  color: #FFF;
  background: #4E4E4E;
   width: 171px;
  padding: 3px 0 3px 8px;
  display: block;
}

#col1 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 179px;
  background: #4E4E4E;
  border-bottom: 1px solid #767676;
}

#col1 ul li {
  width: 179px;
  margin: 0;
  padding: 0;
}

#col1 ul li a {
  text-decoration: none;
  color: #C1C1C1;
  width: 161px;
  padding: 3px 0 3px 18px;
  display: block;
}

#col1 ul li a:hover {
  text-decoration: none;
  color: #FFF;
  background: #767676;
  width: 161px;
  padding: 3px 0 3px 18px;
  display: block;
}

.photobox,.photobox2 { 
  font-size: 0.9em;
  text-align: center;
  display: inline; 
}

.photobox a,.photobox2 a { 
  color: #A5AAB5; 
  text-decoration: none; 
  background-color: #313132; 
  text-align: center; 
  float: left; 
  margin-right: 3px; 
  margin-bottom: 3px; 
  width: 157px; 
  height: 157px; 
  border-top: 1px solid #5A5A5B;
  border-bottom: 1px solid #272728;
  border-left: 1px solid #5A5A5B;
  border-right: 1px solid #272728;
}

.photobox a:hover,.photobox2 a:hover { 
  color: #FFF;
  text-decoration: none; 
  background-color: #363636;
}
.photobox img { 
  margin: 10px 0 3px 0; 
}

.photobox2 img { 
  margin: 32px 0 23px 0; 
}

.paginationstyle {
  padding: 2px 0;
  margin: 10px 0;
}

.paginationstyle select {
  border: 1px solid #CDC9A1;
  margin: 0 15px;
}

.paginationstyle a {
  padding: 0 5px;
  text-decoration: none;
  border: 1px solid #797979;
  color: #FFF;
  /*background-color: #FFF;*/
}

.paginationstyle a:hover, .paginationstyle a.selected {
  color: #000;
  background-color: #CDC9A1;
  border: 1px solid #CDC9A1;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected {
  color: #000;
  background-color: #CDC9A1;
}

#footer {
  width: 100%;
  background: #BDBDBD url(../images/design/footerbg.jpg) repeat-x;
}

#footerbox {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0;
  color: #50504E;
  background: url(../images/design/footerlines.gif) no-repeat top center;
}

#footer2 {
  width: 100%;
  background: #FFF;
}

#footerbox2 {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
  padding: 18px 0 0 0;
  color: #50504E;
}

#footerbox .col1 {
  padding: 0 21px 0 21px;
  float: left;
  width: 270px;
  /*border-right: 1px solid #767676;*/
}

#footerbox .col2 {
  padding: 0 0 0 27px;
  float: left;
  width: 290px;
}

#footerbox .col3 {
  padding: 0 0 0 42px;
  float: left;
  width: 270px;
}

#footerbox .col1 a {
  font-weight: bold;
  color: #0B5D8C;
}

#footerbox .col2 a {
  font-weight: bold;
  color: #0B5D8C;
}

#footerbox .col3 a {
  font-weight: bold;
  color: #0B5D8C;
}

#copy {
  width: 100%;
  height: 48px;
  padding: 0 0 0 21px;
}

#copy a {
  color: #0B5D8C;
}

#copy span {
  padding: 0 6px;
}

.namefield  { 
  float: left; 
  padding-top: 3px; 
  width: 120px; 
}

.inputfield  { 
  float: left; 
  width: 400px; 
}
.input { 
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  background: #5F5F5F url(../images/design/formpixel.gif);
  margin-top: 2px; 
  margin-bottom: 2px; 
  padding-left: 5px; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #404040 #949494 #949494 #404040;
  width: 400px; 
  height: 16px;
  color: #FFF;
}
.input2 { 
  font-size: 1em; 
  font-family: Arial, Helvetica, sans-serif; 
  background: #5F5F5F url(../images/design/formpixel.gif); 
  margin-top: 2px; 
  margin-bottom: 2px; 
  padding-left: 5px; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #404040 #949494 #949494 #404040;
  width: 400px;
  color: #FFF;
}
.submitbutton { 
  color: #FFF; 
  cursor: pointer; 
  font-weight: bold; 
  font-size: 1em; 
  font-family: Arial, Helvetica, sans-serif; 
  background: #409AB7 url(../images/design/submit.gif) repeat-x;
  margin-top: 10px; 
  padding-left: 5px; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #74B5CA #245869 #245869 #74B5CA; 
}

.mailmessage {
  color: #FFDE00;
  font-weight: bold;
}

#mediaplayer { 
  width: 480px; 
  height: 431px; 
  text-align: center; 
  background: #545454 url(../images/design/mediaplayer.gif) no-repeat; 
}
#mediaplayercontent { 
  padding-top: 109px; 
}
#mspace { 
  height: 35px; 
}

#mediaplayer a {
  color: #A3A6B3;
  text-decoration: none;
}
#mediaplayer a:hover {
  color: #FFF;
  text-decoration: none;
}

.address {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #767676;
}

.sm {
  list-style-type: none; 
  width: 412px; 
  height: 274px; 
  display: block; 
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.sm li {
  float: left; 
  display: inline; 
  overflow: hidden;
    margin: 0;
  padding: 0;
}

.lcol {
  width: 170px;
  padding: 10px 0;
}

.lcol img {
  padding: 10px 0;
}

.canteen {
  text-align: center;
}

.publicationphotos {
  float: right;
  width: 135px;
}

.publicationphotos img {
  margin-bottom: 10px;
}

.publicationtext {
  float: left;
  width: 250px;
  margin: 0;
  padding: 0;
}

.art {
  margin: 25px 0;
}