/* CSS Document */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0;  }
td { padding: 0px;}
img { border: none 0px #FFFFFF; }
/* New commment */
img, a, #banner div { behavior: url(iepngfix.htc) }

html {
	font-size: 100%;
}

body { font-family: "Gill sans MT", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #6E6E6e; 
	text-align: justify;
	text-align-last: left;
	font-weight: 100;	
}

H1 { font-size: 25px; padding-bottom: 30px; font-weight: 100; text-align: left; color: #7daec2; }

H2 { font-size: 20px; padding-bottom: 10px; font-weight: 100; text-align: left; }

H3 { font-size: 20px; padding-bottom: 10px; font-weight: 100; text-align: left; text-transform: uppercase; } 

.blue { color: #7daec2; }
.pink { color: #cd93a2; }
.green { color: #bcc78a; }

a { text-decoration: underline; color: #6e6e6e; }
a:hover { text-decoration: none; color: #6e6e6e; }

.right { text-align: right }
.left { text-align: left }
.center { text-align: center; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.clear { clear: both; }
.curved { -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #d0d0d0;}
#scroll-move { position: relative;}
.calendar { background-image: url(../images/calendar.png); background-repeat: no-repeat; background-position: bottom right; }
.location { background-image: url(../images/location.png); background-repeat: no-repeat; background-position: bottom right; }

input { height: 21px; border: 1px solid #d0d0d0; margin-bottom: 3px; }
input[type="password"],input[type="text"] { width: 150px; }
.button { background-image: url(../images/button.png); width: 120px; height: 23px; text-align:  center; color: white; border: none; background-color: white; font-size: 14px; float: right; cursor: pointer; }

label { display: block; float: left; clear:both; width: 90px; padding-right: 8px;}

#main { width: 940px; min-height: 1000px; }

#main #header { width: 100%; height: 100px; position: relative; }
#main #header #logo { width: 268px; height: 100px; position: absolute; left: 20px; top: 0px; }
#main #header #member-login { width: 250px; height: 100px; position: absolute; right: 10px; top: 0px; font-size: 12px; text-align: right; }

#main #links { position: relative; width: 100%; height: 14px;  font-size: 14px;}

#main #links a { text-decoration: none; color: #2f5c6e; text-align: left;  }
#main #links a:hover { text-decoration: underline; }

#main #links ul { display: inline; width: 100%; list-style: none;   }
#main #links ul li { float: left;  padding-left: 25px; padding-right: 25px; background-image:url("../images/bluebullet.jpg"); background-position: left; background-repeat: no-repeat; }
#main #links ul li.current { background-image:url("../images/purplebullet.jpg"); background-position: left; background-repeat: no-repeat; }

#main #banner { position: relative; width: 940px; height: 258px; background-color: overflow: hidden; background-color: #e3e8eb; }
#main #banner  #lc { position: absolute; width: 14px; height: 15px; left: 0px; top: 0px; background-image: url(../images/bannerlc.png);}
#main #banner  #rc { position: absolute; width: 14px; height: 15px; right: 0px; top: 0px; background-image: url(../images/bannerrc.png); }
#main #banner  #blc { position: absolute; width: 14px; height: 15px; left: 0px; bottom: 0px; background-image: url(../images/bannerblc.png); }
#main #banner  #brc { position: absolute; width: 14px; height: 15px; right: 0px; bottom: 0px; background-image: url(../images/bannerbrc.png); }

#main #content { background-image:  url(../images/contentbck.jpg); background-position: bottom left; background-repeat: no-repeat; min-height: 504px; }
#main #content #lcol { float: left; width: 627px; padding-left: 20px; padding-right: 20px; text-align:justify; }
#main #content #rcol { float: right; width: 270px; }
#main #content #full { width: 90%; padding: 10px; text-align: justify;}

#main #content ul { list-style: none; }
#main #content li { padding: 5px; padding-left: 25px;  background-image: url(../images/bluebullet.jpg); background-position:  left; background-repeat: no-repeat; }
#main #content li.large { font-size: 15px; padding: 10px; padding-left: 25px;  background-image: url(../images/bluebullet.jpg); background-position:  left; background-repeat: no-repeat; }

#main #content li.large a { text-decoration: none; }
#main #content li.large a:hover { text-decoration: underline; }

#main #content a.more { padding: 5px; padding-right: 25px;  background-image: url(../images/bulletmore.png); background-position:  right; background-repeat: no-repeat; position: relative;}

#main #content label { width: 150px; padding-right: 8px;}
#main #content input { height: 21px; border: 1px solid #d0d0d0; margin-bottom: 3px; width: 300px;}
#main #content .button { background-image: url(../images/button.png); width: 120px; height: 23px; text-align:  center; color: white; border: none; background-color: white; font-size: 14px; float: right;  cursor: pointer;}
#main #content textarea { border: 1px solid #d0d0d0; margin-bottom: 3px; width: 100%; height: 200px; }
#main #content #addCourse tr td {  font-size: 14px; padding: 5px 5px 5px 5px;  }

#small-box { width: 247px; min-height: 100px; padding: 10px; text-align: left; font-size: 12px; background-repeat:  no-repeat; background-position: bottom right; position: relative; }

#large-box { width: 600px; min-height: 100px; padding: 10px; position: relative; }
#large-box #lc { float: left; width: 170px; padding: 10px; text-align:left; }
#large-box #rc { float: right; width: 170px; padding: 10px; text-align:left;}
#large-box #mc { width: 170px; padding: 10px; text-align:left; }

#main #footer { position: relative; width: 100%; height: 50px; }
#main #footer #text { position: absolute; left: 0px; bottom: 20px; height: 20px; }
#main #footer #afxlogo { position: absolute; right: 0px; bottom: 0px; height: 40px; }

#main #accordion { width: 550px; height: 232px; overflow: hidden; visibility: hidden;}
#main #accordion div.toggler { float: left; width: 61px; overflow: hidden;  cursor: pointer; }
#main #accordion div.element { float: left; width: 196px; }
#main #accordion div div.in { padding: 10px; }

#main #members #accordion { width: 700px; height: 232px; overflow: hidden; visibility: hidden;}
#main #members #accordion div.toggler { float: left; width: 61px; overflow: hidden;  cursor: pointer; }
#main #members #accordion div.element { float: left; width: 196px; }
#main #members #accordion div div.in { padding: 10px; }

#fckedit { width: 627px; padding-left: 20px; padding-right: 20px; text-align:justify;  }

#fckedit ul { list-style: none; }
#fckedit li { padding: 5px; padding-left: 25px;  background-image: url(../images/bluebullet.png); background-position:  left; background-repeat: no-repeat; }

#fckedit label { width: 150px; padding-right: 8px;}
#fckedit input { height: 21px; border: 1px solid #d0d0d0; margin-bottom: 3px; width: 300px;}
#fckedit .button { background-image: url(../images/button.png); width: 120px; height: 23px; text-align:  center; color: white; border: none; background-color: white; font-size: 14px; float: right;  cursor: pointer;}
#fckedit textarea { border: 1px solid #d0d0d0; margin-bottom: 3px; width: 100%; height: 200px; }