/* RESET CSS FROM ERIC MEYER : meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}


/* MAIN LAYOUT */

html {
overflow-x: hidden;
overflow-y: scroll;
}

body {
background-color:#989898;
background-image:url(../img/background/bg_body.jpg);
background-position: center top;
background-repeat:no-repeat;
font-family:verdana,arial,sans-serif;
font-size:63.5%;
color:#9c9c9c;
line-height:1.5;
}

#wrapper {
width:708px;
margin:27px auto;
}

#branding {
background-color:#fff;
background-image:url(../img/background/bg_combined.png);
background-position: center top;
background-repeat:no-repeat;
height:156px;
}

#content {
background-image:url(../img/background/bg_wrapper.png);
background-position: center top;
background-repeat:repeat-y;
overflow:hidden;/* contains floated divs within */
width:100%;/* contains floated divs within */
}

#primaryContent {
min-height:327px;
background-image:url(../img/background/bg_content.gif);
background-position: center top;
background-repeat:no-repeat;
}


#footer {
height:26px;
background-image:url(../img/background/bg_combined.png);
background-position:center -223px;
background-repeat:no-repeat;
}

.optionBox {
width:290px;
float:left;
min-height:200px;
margin-top:90px;
}

/* changed left margin from 15px --> 55px */
#login {
margin-left:55px;
background-image:url(../img/background/bg_optionbox.png);
background-position:center bottom;
background-repeat:no-repeat;

}

/*changed left margin from 55px --> 15px */
#mainSite {
margin-left:15px;
background-image:url(../img/background/bg_optionbox-ms.png);
background-position:center bottom;
background-repeat:no-repeat;
}


/* MAIN LINK STYLES */
a {
color:#ff8c02;
text-decoration:none;
}

a:visited {

}

a:hover {
color:#9c9c9c;
text-decoration:underline;
}

a:active {

}


/* MAIN TYPE STYLES */
h3 {
font-weight:bold;
line-height:1.25;
font-size:1.4em;
background-image:url(../img/background/bg_optionbox-h3.png);
background-position:center top;
background-repeat:no-repeat;
}

p {

}




/* SPECIAL STYLES */

#branding h1 {
text-indent:-9999px;
}

#primaryContent h2 {
text-indent:-9999px;
}

#footer p {
color:#efefef;
padding:28px 0 0 18px;
}

#mainSite a {
height:170px;
width:260px;
display:block;
}


.optionBox h3 {
padding:15px 10px 0 16px;
}

.optionBox ul {
margin:8px 3px 0 3px;
border-bottom:1px solid #eee;
}

.optionBox li {
height:28px;
border-top:1px solid #eee;
}

.optionBox li a {
padding:0 0 0 40px;
display:block;
font-size:1.1em;
background-image:url(../img/background/bg_combined.png);
background-repeat:no-repeat;
background-position:10px -174px;
font-weight:bold;
line-height:28px;
}

.optionBox li a:hover {
display:block;
background-color:#f8f8f8;
background-image:url(../img/background/bg_combined.png);
background-repeat:no-repeat;
background-position:-318px -174px;
text-decoration:none;
}