@charset "UTF-8";

#home #nav2 {
display:none
}

div#content {
position:relative;
float:left;
display:inline;
z-index:50;
width:1000px;
padding:0 0 50px 0
}

div#content p {
font-size:16px;
line-height:150%;
color:#333
}

div#colsp {
float:left;
display:inline;
width:580px;
margin:20px 0 0 50px
}

div#col1 {
float:left;
display:inline;
width:390px;
margin:20px 0 0
}

div#col1 div#welcome,div#c1 {
height:340px
}

div#col1 div#news,div#col3 div#blog {
margin:20px 0 0;
padding:20px 0 0
}

div#col1 div#news h4,div#col3 div#blog h4 {
font-size:11px;
font-weight:700;
color:#343434;
padding:20px 0 0
}

div#col1 div#welcome h1,div#c1,div#f1 h1 {
width:180px;
height:16px
}

div#col1 div#welcome p,div#c1,div#f1 p {
width:360px;
padding:20px 0px 0px 0px
}

div#col1 div#bulletin_form p {
float:right;
text-align:right;
padding:20px 0 0 20px
}

div#col1 h2 {
width:200px;
height:15px
}

div#col2 {
float:left;
display:inline;
width:340px;
padding-top:30px;
margin:20px 0 30px 20px
}

div#col2 div#announcement h3,div#c2,div#f2 h3 {
font-size:14px;
color:#000;
width:260px;
padding:155px 0 0 30px
}

div#col2 div#announcement p,div#c2,div#f2 p {
font-size:16px;
color:#000;
line-height:136%;
width:280px;
padding:10px 0 0 30px
}

div#col2 div#announcement a,div#c2 {
position:absolute;
display:block;
left:596px;
width:328px;
height:38px;
background-position:0 0;
top:252px;
margin:0 0 0 0
}

div#col2 div#announcement a:hover,div#c2,div#f2 a:hover {
background-position:0 -40px
}

div#col2 h2 {
width:200px;
height:400px
}

div#col3 {
float:left;
display:inline;
width:180px;
margin:10px 0 0 5px;
padding:0 20px 30px 0
}

div#col3 h2 {
width:180px;
height:15px
}

div#col4 {
float:left;
display:inline;
width:180px;
margin:50px 0 0 5px;
padding:0 20px 30px 0
}

div#col4 h2 {
width:180px;
height:15px;
background-image:url(../images/home/blog.gif);
display:block
}
div#colx {
float:left;
display:inline;
width:540px;
margin:20px 0 0
}

.box1 {
width:215px;
background-image:url(../images/main/box1.png);
background-repeat:repeat-y
}

.box1 .header {
width:215px;
height:27px;
background-image:url(../images/main/box1_top.png)
}

.box1 .bottomEdge {
width:215px;
height:17px;
background-image:url(../images/main/box1_bottom.png)
}

.box1 h3 {
position:absolute;
top:21px;
width:197px;
height:10px;
text-align:center;
left:781px;
margin:0 5px 0 0
}

* div#content .box1 ul li {
font-size:10px;
line-height:150%;
list-style-type:none;
list-style-image:none;
background-image:none;
padding:0
}

.box1 ul li a {
display:block;
width:160px;
font-size:11px;
line-height:210%;
list-style-type:none;
color:#06D;
text-decoration:none;
background-image:url(../images/main/arrow1.gif);
background-repeat:no-repeat;
background-position:center left;
padding:4px 0 6px 20px
}

.box2 {
width:auto;
background-image:url(../images/main/box2.png);
background-repeat:repeat-y
}

.box2 h3 {
position:relative;
top:10px;
width:120px;
height:28px;
text-align:center;
margin:0 0 0 44px
}

.box2 ul {
width:300px;
padding:10px 0 2px
}

* div#content .box2 ul li {
font-size:14px;
line-height:150%;
list-style-type:none;
list-style-image:none;
background-image:none;
padding:0
}

.box9 {
width:215px;
margin-top:30px;
background-image:url(../images/main/box9.png);
background-repeat:repeat-y
}

.box9 .header {
width:215px;
height:27px;
background-image:url(../images/main/box9_top.png)
}

.box9 .bottomEdge {
width:215px;
height:17px;
background-image:url(../images/main/box9_bottom.png)
}

.box9 h3 {
font-weight:400;
position:absolute;
top:5px;
width:214px;
height:20px;
text-align:justify;
left:757px;
margin:0 5px 0 0
}

* div#content .box9 ul li {
font-size:12px;
line-height:150%;
list-style-type:none;
list-style-image:none;
background-image:none;
padding:0
}

.box9 ul li a {
display:block;
width:160px;
font-size:11px;
line-height:210%;
list-style-type:none;
color:#06D;
padding:0
}

div#hnd {
margin-top: 40px;
}

.rollbtn {
position:relative;
font-family:arial, helvetica, sans-serif;
background:url(../images/main/darylsblog_over.gif) no-repeat;
white-space:nowrap;
display:block;
width:143px;
height:40px;
margin:auto;
padding:0
}

.rollbtn a {
font-size:11px;
width:143px;
height:40px;
display:block;
float:left;
color:#000;
text-decoration:none
}

.rollbtn img {
width:143px;
height:40px;
border:0
}

* html a:hover {
visibility:visible
}

.rollbtn a:hover img {
visibility:hidden
}

.rollbtn span {
position:absolute;
left:35px;
top:15px;
cursor:pointer;
margin:0;
padding:0
}

div#col2 div#announcement,div#col2 div#c2 {
position:relative;
width:337px;
height:340px
}

.box1 ul,.box9 ul {
width:200px;
padding:10px 0 2px
}