
/* Main body layout */
body {
width:auto;
padding:0px;
margin:0;
font:11px verdana, arial, helvetica, sans-serif;
  background-image: url(background.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-color: #fff;
}

/* Headings */
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:24px;
	font-weight:900;
	color:#29B6B6;
    text-align:center;
  font-family: Verdana;
  text-decoration:underline;
}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
    text-indent:10px;
	}
h3 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:25px;
	font-weight:900;
    text-align:center;
  font-family: "Comic Sans MS";
}

/* Paragraph */
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 10px 10px 10px;
	padding:0px;
	}

a.top {
color:white;
font-family: Verdana;
margin:0px 0px 15px 0px;

font-size:18px;
font-weight:900;
border-bottom:0;
text-decoration:none;
border-bottom:4px solid #000;

}

a.top:hover {
color:#fff;
font-family: Verdana;
margin:0px 0px 15px 0px;

font-size:18px;
font-weight:900;
border-bottom:4px solid #2FB8B8;
text-decoration:none;

}

a.smalltop {
color:white;
font-family: Verdana;
font-size:12px;
border-bottom:0;
text-decoration:none;
}

a.smalltop:hover {
color:#fff;
font-family: Verdana;
font-size:12px;
border-bottom:2px solid #2FB8B8;
text-decoration:none;
}

a.menu2 {
color:black;
font-family: Verdana;
font-size:14px;
border-bottom:0;
text-decoration:none;
font-weight: bold;
}

a.menu2:hover {
color:#000;
font-family: Verdana;
font-size:14px;
  font-weight: bold;
border-bottom:2px solid #000;
text-decoration:none;
}

a {
color:#000;
font-family: Verdana;
font-size:12px;
border-bottom:0;
text-decoration:none;
}

a:hover {
color:#000;
font-family: Verdana;
font-size:12px;
border-bottom:2px solid #000;
text-decoration:none;
}

a.blank {
color:#fff;
font-family: Verdana;
font-size:12px;
border-bottom:0;
text-decoration:none;
}

a.blank:hover {
color:#fff;
font-family: Verdana;
font-size:12px;
border-bottom:0;
text-decoration:none;
}
/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    float:left;
    left:30px;
    right:0px;
    margin-top:80px;
    width:500px;
    height:100%;
    text-indent:0px;
    padding-bottom:10px;
	 /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}


    /* This is used to hold the image */
		.floatright
		{
			float: right;
			width: 150px;
			height: 250px;
            top:20px;
            padding-right: 25px;
            padding-top:25px;
			background:transparent;
}


/* Also used to hold the image in a different layout */
		.floatleft
		{
			float: left;
			width: 150px;
			height: 150px;
            top:20px;
            padding-right: 25px;
			background:#5D7CBA;
}


/* Main page container */
#container {
     position:relative;
     width:100%;
     min-height:100%;
     background:transparent;
	}


/* Content Container */
#maincontent {
  position:relative;
  width:780px;
  background-color:transparent;
  margin:auto;
}


#topbar1 {
  background:transparent;
  width:100%;
  height:32px;
  line-height:32px;
  position:relative;
  float:left;
  text-align:right;
  margin-right:10px;
  color:#fff;
font-family: Verdana;
padding:0px;
font-size:12px;
top:0px;
}




#topbar2 {
  background:transparent;
  width:100%;
  height:90px;
  background-image: url(logo.jpg);
  background-position: center left;
  background-repeat: no-repeat;
position:relative;
float:left;
text-indent: 160px;
color:white;
font-family: Verdana;
font-size:20px;
padding-bottom:1px;
padding-top:9px;

}

#topbar2 li {
  list-style:none;
  display:inline;
      padding-right:2px;
  padding-left:12px;
  background-image: url(arrow2.jpg);
  background-position: left center;
  background-repeat: no-repeat;
}




#topbar3 {
  background:transparent;
  width:100%;
  height:1px;
  position:relative;
  float:left;
  line-height:0;

}

#topbar4 {
  background:transparent;
  width:100%;
  height:18px;
    position:relative;
  float:left;
  text-indent: 230px;
  color:black;
  padding-top:3px;
}

#topbar4 li {
  list-style:none;
  display:inline;
  padding-right:2px;
  padding-left:11px;
}

#topbar5 {
  background:transparent;
  width:100%;
  height:1px;
  line-height:0;
    position:relative;
  float:left;
}

#topbar6 {
  background:transparent;
  width:100%;
  height:30px;
    position:relative;
  float:left;
  margin-top:10px;
}

#mainbox {
width:100%;
background-image: url(bodyback.jpg);
background-position: top left;
background-repeat: no-repeat;
height:100%;
margin-bottom:30px;
position:relative;
float:left;
min-height:550px;
}

#boxleft {
  width:536px;
  position:relative;
  float:left;
  height:auto;
  margin-right:80px;
}

#boxright {
  width:139px;
  position:relative;
  float:left;
  height:auto;
  right:25px;
  text-align:center;
}

a#look {
    display: block;
    margin: 0 auto;
    text-decoration: none;
    background-color: #ffffff;
    float:left;
    width:126px;
    border-bottom:2px solid #fff;
    border-top:2px solid #fff;
    margin-bottom:5px;
    text-align:center;
}
a#look img {
    display: block;
    border: 0;
    margin:0 auto;
    height:100px;
    width:100px;
}
a#look:hover {
    background-color: #26B5B5;
    border-bottom:2px solid #26B5B5;
    border-top:2px solid #26B5B5;
}




#banner {
  width:100%;
  position:relative;
  float:left;
  height: 173px;
  top:60px;
  background-image: url(banner.jpg);
  background-position: left;
  background-repeat: no-repeat;
}

#rightlinks {
  position:relative;
  float:left;
  width:130px;
  height:450px;
  border:2px solid #C6C6C6;
  padding-top:20px;
  top:60px;
}

/* Copyright notice */
#copy {
  position:relative;
  float:left;
  width:100%;
  height:40px;
  text-align:center;
}

#copy a{color:#808080;}



/* Static Blocks*/
#UnderMenu {
  position:relative;
  float:left;
  margin-top:40px;
  left:0px;
  width:20%;
  clear:both;
  min-height:150px;
}



#RightLarge {
  position:relative;
  float:right;
  margin-top:20px;
  right:0px;
  width:20%;

  min-height:400px;
}

#RightSmall1 {
  position:relative;
  float:right;
  margin-top:0px;
  right:0px;
  width:20%;
  top:20px;
  min-height:150px;
}

#RightSmall2 {
  position:relative;
  float:right;
  margin-top:20px;
  top:20px;
  right:0px;
  width:20%;
  min-height:150px;
}

#Bottom {
  position:relative;
  float:left;
  bottom:10px;
  margin-top:40px;
  left:20px;
  width:100%;
  left: auto;
  right: auto;
  max-width: 100%;
  min-height:75px;
}

#topmenu {
  position:relative;
  float:left;
  top:10px;
  margin-bottom:0px;
  width:100%;
  left: auto;
  right: auto;
  max-width: 100%;
  height:25px;
  line-height:25px;
}


#breadcrumb {
  height:25px;
  line-height:25px;
  width:100%;
  position:relative;
  float:left;
}

/* End Static Blocks*/


/* News Box */

.news {
	position:relative;
	width:200px;
    float:left;
	text-align:left;
	top:0px;
	left:25%;
    height:auto;
    min-height:100%;
    margin-left:12px;
	background:#ffffff;
	z-index:2;
    border:2px solid #3300CC;
}

.news a {
	color:blue;
    font-size:9px;
    text-decoration:none;
}

.news a:hover {
	color:blue;
    font-size:9px;
    text-decoration:underline;
}

/* End News Box */








