body
{
margin:0px;
padding:15px;
background:#3366cc;
color:#ffffff;
text-align:center;
font-family:arial;
font-size:75%;
}
a:link
{
color:#ffffff;
text-decoration: none
}
a:visited
{
color:#ffffff;
text-decoration: none
}
#wrapper a:link
{
color:#104E8B;
text-decoration: none;
font-weight:normal;
}
#wrapper a:visited
{
color:#000000;
text-decoration: none;
font-weight:normal;
}
#wrapper a:hover
{
font-family:
Arial, Helvetica,
sans-serif;
font-weight:normal;
color: #d08605;
}
#wrapper
{
width:736px;
background:#ffffff;
margin-left: auto;
margin-right: auto;
}
#messagebar
{
position:relative;
width:736px;
height:26px;
padding-top:5px;
background-image:url('graphics/messagebar.png');
background-position:top center;
color:#ffffff;
text-align:center;
font-size:130%;
font-weight:bold;
}
#content
{
background-image:url('graphics/background.png');
background-repeat:no-repeat;
height:100%px;
padding-top:5px;
color:#000000;
line-height: 150%;
}
#row1
{
height:300px;
}
#column1
{
position:relative;
width:230px;
height:300px;
padding-left: 30px;
text-align:left;
float:left;
left:-20px;
}
#c1r1
{
background-image:url("graphics/findbooks.png");
background-position:top center;
background-repeat: no-repeat;
width:200px;
height:140px;
padding-top: 40px;
padding-left: 30px;
}
#c1r2
{
position:relative;
background-image:url("graphics/findarticles.png");
background-position:top center;
background-repeat: no-repeat;
width:200px;
height:167px;
padding-top:40px;
padding-left: 30px;
margin-bottom:-40px;
top:-55px;
}
#column2
{
position:relative;
background-image:url("graphics/research.png");
background-position:top left;
background-repeat: no-repeat;
width:270px;
height:300px;
padding-top: 40px;
padding-left: 30px;
background-size:100%;
text-align:left;
float:left;
left:-50px;
margin-left:40px;
margin-right:-20px;
}
#column3
{
position:relative;
width:230px;
height:300px;
text-align:left;
float:left;
left:-85px;
margin-right:-85px;
}
#c3r1
{
background-image:url("graphics/govdocs.png");
background-position:top center;
background-repeat: no-repeat;
width:200px;
height:140px;
padding-top: 40px;
padding-left: 30px;
}
#c3r2
{
position:relative;
background-image:url("graphics/successtools.png");
background-position:top center;
background-repeat: no-repeat;
width:200px;
height:160px;
padding-top: 40px;
padding-left: 30px;
top:-55px;
}
#c1
{
position:relative;
background-image:url('graphics/events.png');
background-repeat:no-repeat;
width:200px;
height:150px;
margin-left: 30px;
padding:40 10 10 10;
text-align:left;
float:left;
top:-55px
}
#c2
{
position:relative;
width:336px;
height:150px;
margin-left:-10px;
text-align:left;
float:left;
top:-55px;
left:-20px;
margin-right:-20px;
}
#c3
{
position:relative;
background-image:url('graphics/support.png');
background-repeat:no-repeat;
width:200px;
height:150px;
text-align:left;
float:left;
margin-left:-20px;
padding:40 10 10 10;
top:-55px;
margin-right:-20px;
}
ul#navlist
{
position:relative;
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
border-top: 1px solid #BBB;
}
#navlist li 
{
display:inline;
list-style-type: none;
float:left;
width:100px;
}
#navlist a
{
float:center;
width:8em;
text-decoration:none;
color:white;
padding:0.2em 0em 0em;
}
#navlist a:link, #navlist a:visited
{
float:center;
width:8em;
text-decoration:none;
padding:0.2em 0em 0em;
color:#000000;
}
#navlist a:hover 
{
color:#d08605;
font-size: 9pt;
}
#r2bottom
{
width:736px;
height:5px;
padding:0px;
margin:0px;
}
#bottom
{
position:relative;
height:41px;
margin:0px;
margin-top: -6px;
padding:0px;
margin-bottom:60px;
}
.links
{
position:relative;
top:-30px;

}
.col1
{
text-align:left;
width:40%;
padding-left:5%;
padding-right:5%;
float:left;
margin: 0;
}
.col2
{
text-align:left;
display:inline;
width:40%;
padding-left:5%;
padding-right:5%;
margin: 0;
}
#section
{

}
#content2
{
background-image:url('graphics/background.png');
background-repeat:no-repeat;
height:100%;
width:600px;
padding-top:5px;
color:#000000;
line-height: 150%;
text-align:left;
margin:auto;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0px;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/


margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 60px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}
.author
{
float:left;
}
#table1
{
color:#465150;
margin: auto;
}
#table1 a:link, table1 a:visited
{
color:#465150;
}
#table1 a:hover
{
color:#000000;
}
#page
{
margin: 20px;
text-align: left;
}