/*css*/

body {
    margin-top: 10px;
    padding: 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: #000000;
    background-color: #FFFFFF;
    text-align: center;
}

#indexWrap { /*center of page main*/
    position: relative;
    margin: 0 auto 0 auto;
	padding: 0px;
	width: 400px;
	background: #FFFFFF;
	text-align: center;
	line-height: 1.6em;
	}
	
#indexWrap a {
	color: #6C79A3;
}

#indexWrap a:hover {
	color: #881A1D;
	text-decoration: underline;
}

#indexWrap h1 {
	font-size: 1.4em;
}

#feeds, #margintext, #iabout {
	text-align: left;
}

#feeds h1, #margintext h1, #iabout h1 {
	padding: 15px 0 0px 0;
	font-family: Georgia, serif;
}

#ifooter {
	font-family: Georgia, sans-serif;
	margin-top: 20px;
	padding: 3px;
	border-top: 3px solid black;
	font-size: 1em;
	font-weight: bold;
}

#container {
    position: relative;
    margin: 0 auto 0 auto;
	padding: 0px;
	width: 600px;
	background: #FFFFFF;
	text-align: left; 
	background: url(../images/mainBG.gif) 0 0 repeat-y;
}

#topNav {
    position: absolute; top: 0px; right: 1px;
    width: 470px;
    height: 60px;
    padding: 0px;
    margin: 0px;
}

#about {
    position: absolute; top: 0px; left: 0px;
}

#web {
    position: absolute; top: 0px; left: 83px;
}

#news {
    position: absolute; top: 0px; left: 195px;
}

#awards {
    position: absolute; top: 0px; left: 288px;
}

#contact {
    position: absolute; top: 0px; left: 374px;
}

#content {
	width: 420px;
	margin-top: 50px;
	text-align: left;
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}

#space {
	height: 140px;
}

#space2 {
	height: 50px;
}

#menu {
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
	overflow: hidden;
}

#bottom {
    width: 600px;
    margin-top: 10px;
}

/* links */

a:link {
	text-decoration: none;
	color:#000000;
	font-weight: normal;
	font-size: 11px;
	}

a:visited {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

a:hover {
    color: #B8A600;
    text-decoration: none;
    font-weight: normal;
}
/*regularlinks*/

a.bodylink:link {
    text-decoration: none;
	color:#9933CC;
	font-weight: normal;
}

a.bodylink:visited {
    color: #9933CC;
    font-weight: bold;
    text-decoration: none;
}

a.bodylink:hover {
    color: #B8A600;
    text-decoration: none;
    font-weight: bold;
}


/* image */
img {
    border: 0px;
}
/*body content*/

#leftSide {
  width: 600px;
}

ul {
    padding: 0px;
    margin: 0px;
    width:129px;
}

li {
    list-style: none;
}

#optionText ul {
    padding: 0px;
    margin: 0px;
    width:129px;
    font-size: 11px;
}

#optionText li {
    list-style: none;
    padding-left: 4px;
}

#port {
    position: absolute; top: 0px; right: 0px;
}

#portPrev {
    position: absolute; top: 187px; right: 110px;
}

#portNext {
    position: absolute; top: 187px; right: 0px;
}

#portTxt {
    font-size: 11px;
    width: 335px;
    text-align: right;
    position: absolute; top: 235px; right: 0px;
}

#headerImg {
    position: absolute; top: 70px; left: 145px;
}

#bodyContent {
    position: absolute; top: 110px;left: 145px;
    width: 403px;
    text-align: justify;
}

#portContent {
    position: absolute; top: 110px;left: 145px;
    width: 450px;
    text-align: justify;
}

#reason1 {
	position: absolute; top: 0px; left: 183px;
	width: 220px;
	height: 150px;
}

#reason2 {
	position: absolute; top: 150px; left: 183px;
	width: 220px;
	height: 130px;
}


#surferQ {
	position: absolute; top: 0px; left: 0px;
	 width: 183px;
	 height: 280px;
}
	
#surfer {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
}

#footer {
	position: relative; top: 45px;
	padding: 0px;
	margin: 0px;
}


.clear {
    width:100%;
    clear: both;
}

/*headers*/

h1 {
    font-size: 13px;
    color: #000000;
    padding: 0px;
    margin:0px;
}


h2 {
    font-size: 10px;
    color: #9DC3DD;
    letter-spacing: .09em;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

#margintext{
    margin-left:2px;
}