@charset "utf-8";
body {
font: 10pt/12pt Arial, Helvetica, sans-serif;
background: url(../images/bkg.jpg) top center repeat;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #ccd9d0;
}
h3 {
font: 18pt/20pt Georgia, "Times New Roman", Times, serif;
color: #35c575;
margin:0;
padding: 2px;
}
input.loginbtn {
color:#ffffff;
font: 8pt/10pt Arial, Helvetica, sans-serif;
background: transparent url(../images/login_button.gif) center no-repeat;
height: 35px;
width: 80px;
margin:0;
padding:0;
border:0;
vertical-align:middle;
}
.searchbtn {
color:#ffffff;
font: 8pt/10pt Arial, Helvetica, sans-serif;
background: transparent url(../images/search_button.gif) center no-repeat;
height: 41px;
width: 88px;
margin:0;
padding:0;
border:0;
vertical-align:middle;
}
.submitbtn {
color:#ffffff;
font: 8pt/10pt Arial, Helvetica, sans-serif;
background: transparent url(../images/submit_button.gif) center no-repeat;
height: 38px;
width: 83px;
margin:0;
padding:0;
border:0;
vertical-align:middle;
}
.box {
color:#000000;
font: 11pt/12pt Arial, Helvetica, sans-serif;
background-color: #dcb24f;
margin:0;
padding:0;
border:0;
}
.twoColFixLtHdr a:link, .twoColFixLtHdr a:visited{
color: #dcb24f;
text-decoration:underline;
}
.twoColFixLtHdr a:hover, .twoColFixLtHdr a:active{
color: #dcb24f;
text-decoration:none;
}
.twoColFixLtHdr #container {
width: 1000px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
background-color: #201f1e;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixLtHdr #leftBkg {
float: left; /* since this element is floated, a width must be given */
width: 78px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:860px;
background: url(../images/left_bkg.jpg) top left no-repeat;
}
.twoColFixLtHdr #rightBkg {
float: left; /* since this element is floated, a width must be given */
width: 86px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:860px;
background: url(../images/right_bkg.jpg) top left no-repeat;
}
.twoColFixLtHdr #wrap {
float: left; /* since this element is floated, a width must be given */
width: 836px;
}
.twoColFixLtHdr #wrap #header {
margin:0;
background-color: #201f1e;
padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
width: 836px;
}
.twoColFixLtHdr #wrap #header #logo{
float:left;
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
width: 263px;
}
.twoColFixLtHdr #wrap #header #logo h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #wrap #header #rightHeader{
float: left;
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
width: 573px;
height: 186px;
}
.twoColFixLtHdr #wrap #header #rightHeader #login {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
height: 80px;
background: url(../images/login_bkg.jpg) top left no-repeat;
}
.twoColFixLtHdr #wrap #header #rightHeader #login p {
margin: 0;
padding: 0px 50px 5px 10px;
text-align:right;
}
.twoColFixLtHdr #wrap #header #rightHeader #login form {
text-align:right;
margin: 0px;
padding: 5px 30px 0px 10px;
}
.twoColFixLtHdr #wrap #header #rightHeader #topNav {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
width: 573px;
height: 106px;
}
.twoColFixLtHdr #wrap #header #rightHeader #topNav h2 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #wrap #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 204px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:582px;
margin:0px;
background-color: #201f1e; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 0px;
background: url(../images/side_bar_bkg.jpg) top left no-repeat;
}
.twoColFixLtHdr #wrap #sidebar1 #accordion {
float: left; /* since this element is floated, a width must be given */
width: 204px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:360px;
margin:0px;
padding: 0px;
}
.twoColFixLtHdr #wrap #sidebar1 #poll {
float: left; /* since this element is floated, a width must be given */
width: 204px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:218px;
padding: 0px;
margin:0px;
}
.twoColFixLtHdr #wrap #sidebar1 #poll p{
margin:0px;
padding: 10px 10px 5px 10px;
}
.twoColFixLtHdr #wrap #sidebar1 #poll form{
margin:0px;
padding: 10px 5px 5px 10px;
}
.twoColFixLtHdr #wrap #sidebar1 #poll h3{
margin:0;
padding: 30px 30px 5px 10px;
}
.twoColFixLtHdr #wrap #mainContent {
float: left; /* since this element is floated, a width must be given */
width: 632px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:582px;
margin:0px;
padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background: url(../images/main_bkg.jpg) no-repeat;
}
.twoColFixLtHdr #wrap #mainContent #mainLeft{
float: left; /* since this element is floated, a width must be given */
width: 387px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
margin: 0 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixLtHdr #wrap #mainContent #mainLeft #search{
float: left; /* since this element is floated, a width must be given */
width: 380px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:60px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin:0px;
}
.twoColFixLtHdr #wrap #mainContent #mainLeft #search form{
margin:0px;
padding: 5px 20px 5px 20px;
}
.twoColFixLtHdr #wrap #mainContent #mainLeft #topStories{
float: left; /* since this element is floated, a width must be given */
width: 380px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:420px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin:0px;
}
.twoColFixLtHdr #wrap #mainContent #mainLeft #topStories p{
margin:0px;
padding: 10px 5px 5px 60px;
}
.twoColFixLtHdr #wrap #mainContent #mainLeft #topStories img{
float:left;
margin:0px 10px 0px 0px;
padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixLtHdr #wrap #mainContent #mainLeft #topStories h3{
margin:0;
padding: 20px 5px 5px 60px;
}
.twoColFixLtHdr #wrap #mainContent #mainRight{
float: left; /* since this element is floated, a width must be given */
width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
margin: 0 0 0 30px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixLtHdr #wrap #mainContent #mainRight #events{
float: left; /* since this element is floated, a width must be given */
width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:240px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin:0px;
}
.twoColFixLtHdr #wrap #mainContent #mainRight #events p{
margin:0px;
padding: 5px 5px 5px 30px;
}
.twoColFixLtHdr #wrap #mainContent #mainRight #events h3{
margin:0;
padding: 10px 5px 5px 30px;
}
.twoColFixLtHdr #wrap #mainContent #mainRight #projects{
float: left; /* since this element is floated, a width must be given */
width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:225px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin:0px;
}
.twoColFixLtHdr #wrap #mainContent #mainRight #projects p{
margin:0px;
padding: 10px 5px 5px 20px;
}
.twoColFixLtHdr #wrap #mainContent #mainRight #projects h3{
font: 16pt/18pt Georgia, "Times New Roman", Times, serif;
margin:0;
padding: 0px 5px 5px 20px;
}
.twoColFixLtHdr #wrap #mainContent #rss{
float: left; /* since this element is floated, a width must be given */
clear:both;
width: 630px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
margin:0px;
height: 100px;
}
.twoColFixLtHdr #wrap #mainContent #rss #rssContent{
margin:20px 0px 0px 15px;
padding: 0px;
height: 75px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}
.twoColFixLtHdr #wrap #mainContent #rss #rssContent td p{
float: left;
display:inline;
margin:5px 5px 0px 20px;
padding: 0px;
}
.twoColFixLtHdr #wrap #mainContent #rss #rssContent td .description{
float: left;
display:inline;
margin:0px;
padding: 0px;
}
.twoColFixLtHdr #wrap #mainContent #rss #rssContent img{
display: none;
}
.twoColFixLtHdr #wrap #footer {
float: left; /* since this element is floated, a width must be given */
clear:both;
width: 836px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:92px;
margin: 0px;
padding: 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
background: url(../images/footer_bkg.jpg) top right no-repeat;
color: #6bb38b;
font-size: 80%;
line-height: 150%;
}
.twoColFixLtHdr #wrap #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 15px 15px 5px 15px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.twoColFixLtHdr #wrap #footer p a:link, .twoColFixLtHdr #wrap #footer p a:visited{
color: #977b38;
text-decoration:underline;
}
.twoColFixLtHdr #wrap #footer p a:hover, .twoColFixLtHdr #wrap #footer p a:active{
color: #977b38;
text-decoration:none;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/*SECOND LEVEL */
.twoColFixLtHdr #wrap #secondContent {
float: left; /* since this element is floated, a width must be given */
width: 632px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:582px;
margin:0px;
padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
background: url(../images/main_bkg_2nd.jpg) no-repeat;
}
.twoColFixLtHdr #wrap #secondContent p{
margin:0px;
padding: 10px 45px 5px 60px;
}
.twoColFixLtHdr #wrap #secondContent #firstLast{
float:right;
text-align:center;
width: 200px;
margin:0px;
padding: 0px 45px 5px 60px;
}
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 630px;
height: 520px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}
.twoColFixLtHdr #wrap #secondContent h3{
font: 18pt/20pt Georgia, "Times New Roman", Times, serif;
color: #35c575;
margin:0;
padding: 20px 5px 15px 60px;
}
.twoColFixLtHdr #wrap #secondContent h4{
font: 14pt/20pt Arial, Helvetica, sans-serif;
color: #dcb24f;
margin:0;
padding: 20px 5px 5px 60px;
}
.twoColFixLtHdr #wrap #secondContent h5{
font: 14pt/20pt Arial, Helvetica, sans-serif;
color: #35c575;
margin:0;
padding: 5px 5px 5px 5px;
}
.bigImage{
float:right;
margin:0px 45px 0px 0px;
padding:0p;
border-bottom: solid 5px #716a5d;
border-right: solid 5px #716a5d;
border-top: solid 5px #201a0f;
border-left: solid 5px #201a0f;
}
.thumb{
border-bottom: solid 3px #716a5d;
border-right: solid 3px #716a5d;
border-top: solid 3px #201a0f;
border-left: solid 3px #201a0f;
}
.twoColFixLtHdr #right2Bkg {
float: left; /* since this element is floated, a width must be given */
width: 86px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
height:860px;
background: url(../images/right_bkg_2nd.jpg) top left no-repeat;
}