﻿body {
	margin:0;
	padding:0;
	font-size:11px;
	text-decoration: none;
	font-weight: lighter;
	color:#666666;
	font-family:helvetica, sans-serif;
        background-color: #ffffff;
        <!-- background-image:url('/images/dot.gif'); -->
        background-repeat:repeat;
        -webkit-text-size-adjust:none;
}

h1 {
          font-size:20px;
	font-weight: 900;
	color: #111111;
	font-family: helvetica, sans-serif;
        letter-spacing: .5px;
        line-height: 26px;
}

p.underline {     
            padding: 0 0 10px 0;
        margin:0;
        font-size:11px;
       	font-weight: 900;
	color: #111111;
	font-family: helvetica, sans-serif;
        letter-spacing: .5px;
        line-height: 15px;
}

p.larger {
        font-size:14px;
	font-weight: lighter;
	color: #666666;
	font-family: helvetica, sans-serif;
        letter-spacing: .5px;
        line-height: 19px;
}

p.large {
        font-size:12px;
	font-weight: lighter;
	color: #666666;
	font-family: helvetica, sans-serif;
        letter-spacing: .5px;
        line-height: 16px;
}

p.heading {     padding: 0;
        margin:0;
        font-size:11px;
	font-weight: 900;
	color: #111111;
	font-family: helvetica, sans-serif;
        letter-spacing: .5px;
        line-height: 15px;
}

p {     padding: 0 0 10px 0;
        margin:0;
        font-size:11px;
	text-decoration: none;
	color: #666666;
	font-family:helvetica, sans-serif;
        letter-spacing: .5px;
        line-height: 15px;
}

sup {   padding: 0 0 10px 0;
        margin:0;
        font-size:9px;
	text-decoration: none;
	color: #666666;
	font-family:helvetica, sans-serif;
        letter-spacing: .5px;
        line-height: 5px;
 }

span.link {     font-size:11px;
	text-decoration: none;
		font-weight: 900;
	color: #111111;
	font-family:helvetica, sans-serif;
        letter-spacing: .5px;
}

span.separator {     font-size:11px;
	text-decoration: none;
		font-weight: lighter;
	color: #666666;
	font-family:helvetica, sans-serif;
        letter-spacing: .5px;
}

span.largerbold {
        font-size:14px;
	font-weight: 900;
	color: #666666;
	font-family: helvetica, sans-serif;
        letter-spacing: .5px;
        line-height: 19px;
}


a {	font-family: helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-decoration: none;
	color: #666666;
	letter-spacing: .5px;
}

a:hover {
	text-decoration: none;
        background-color: #111111;
        font-weight: lighter;
	color: #ffffff;
}

a.image:hover {
        background-color: #ffffff;
}

a.selected {
	font-family: helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #111111;
	letter-spacing: .5px;
}

a.selected:hover {
	font-family: helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	color: #ffffff;
	background-color: #111111;
	letter-spacing: .5px;
}

a.content {
  	font-family: helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: lighter;
	color: #666666;
	letter-spacing: .5px;
}

a.content:hover {
	text-decoration: none;
        background-color: #111111;
	color: #ffffff;
	font-weight: lighter;
}

ul {
        list-style-type: none;
        margin: 2px 0 0 0;
        padding:0;
}

li {
        margin-left:0;
        padding: 0;
        line-height: 15px;
}

#horizon {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -250px;
	min-width: 950px;
}

#wrapper {
        position: relative;
	width: 950px;
	height: 500px;
	margin: 0px auto;
	background-color: #ffffff;
	}

#logo {
        width: 135px;
        height: 125px;
        padding: 0;
        margin: 0;
        float: left;
        background-color:#ffffff;
}

#menu {
	width: 90px;
        height: 125px;
	padding: 0;
	margin:0;
	float: left;
	}
          
#menu2 {
	width: 170px;
	height: 125px;
	padding: 0;
	margin:0;
	float: left;
	}
	
#menu3 {
	width: 255px;
	height: 125px;
	padding: 0;
	margin:0;
	float: left;
	}

#menu4 {
	width: 500px;
	height: 125px;
	padding: 0;
	margin:0;
	float: left;
	}

#menu5 {
	width: 110px;
	height: 125px;
	padding: 0;
	margin:0;
	float: left;
	}
	
#menu6 {
	width: 280px;
	height: 125px;
	padding: 0 0 0 20px;
	margin:0;
	float: left;
	}

#menu7 {
	width: 300px;
	height: 125px;
	padding: 0;
	margin:0;
	float: left;
	}
	
#menu8 {
	width: 130px;
	height: 125px;
	padding: 0;
	margin:0;
	float: left;
	}
	
#menu9 {
	width: 170px;
	height: 125px;
	padding: 0;
	margin:0;
	float: left;
	}

#content {
         width:950px;
         height: 375px;
         float:left;
         margin:0;
         padding:0;
         }
         
#newscontent {
         width:950px;
         height: 375px;
         float:left;
         margin:0;
         padding:0;
         overflow: auto;
         }

#newspost {
          width:935px;
         height:415px;
         margin:0;
         padding:0;
         overflow: none;
}

#newsimage {
           height:375px;
         margin:0 0 15px 0;
         padding:0;
         float:left;
         overflow: none;
         }

#newsright {
         width:275px;
         padding: 0 10px 0 0;
         margin: 0 0 15px 0;
         overflow: none;
         float: right;
         text-align: left;
         }

#leftcontent {
         width:620px;
         height: 375px;
         padding: 0 15px 0 0;
         margin: 0;
         overflow: auto;
         position: relative;
         float: left;
         }

#rightcontent {
         width:315px;
         height: 375px;
         padding: 0;
         margin: 0;
         overflow: none;
         float: left;
         text-align: right;
         }
         
#linkcontent {
         height: 375px;
         width: 885px;
         padding: 0;
         margin: 0;
         overflow: auto;
         position: relative;
         float: left;
         }

#projectimage {
         width:635px;
         height: 375px;
         padding: 0;
         margin: 0;
         overflow: none;
         position: static;
         float: left;
         }
         
#projectname{
         width:300px;
         height: 125px;
         padding:0;
         margin:0;
         overflow: none;
         float: left;
         text-align: left;
         }

#projectstatement {
         width:300px;
         height: 345px;
         padding: 0;
         margin: 0 0 0 15px;
         overflow: none;
         float: left;
         text-align: left;
         }

#projectinfo {
         width:285px;
         height: 345px;
         padding: 0 15px 0 0;
         margin: 0 0 0 15px;
         overflow: none;
         float: left;
         text-align: left;
         }

#projectnav {
         width:300px;
         padding: 15px 0 0 0;
         margin: 0 0 0 15px;
         overflow: none;
         float: left;
         text-align: left;
         vertical-align: bottom;
         }


#imagetext { 
           padding: 10px 0 0 0;
}

table.projectinfo {
                  width: 100%;
                  background-color: white;
                  border: none;
                  padding: 0px;
                  border-spacing: 0px;
}

table.projectinfo tr {
                  vertical-align: top;
                  height: 15px;
}

table.writing {
                  width: 100%;
                  background-color: white;
                  border: none;
                  padding: 0px;
                  border-spacing: 0px;
}

table.writing tr {
                  vertical-align: top;
                  height: 15px;
}

#indent {
                  margin: 0 0 0 50px;
                  width: 475px;
}

#rightjustify {
                  text-align: right;
                  margin: 0 0 0 50px;
                  width: 475px;
}

         
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:12px;
}
.vscrollerbar {
background-image: url(images/scrolldot.png);
width: 12px;
/* following is the bit that allows us fixed height scrollbars */
height: 12px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(images/scrolldot.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}


/* Scroll Bar Master Styling Ends Here */