/* Start of CMSMS style sheet 'Oxmarket Styles' */
body {
background:#FFFCDD;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
margin:0;
padding:0;
background-image:url(images/spring.jpg);
background-repeat:no-repeat;
line-height:1.5em;
}

p {
padding:0;
}

#wrapper {
width:900px;
margin:0 auto;
clear:both;
overflow:hidden;
margin-bottom:30px;
}

#leftshadow {
width:50px;
float:left;
background-image:url(images/left-shadow.png);
background-repeat:no-repeat;
height:780px;
}

#middle {
width:800px;
float:left;
}

#rightshadow {
width:25px;
float:left;
background-image:url(images/right-shadow.png);
background-repeat:no-repeat;
height:780px;
}


img {
border:0;
}

#clear {
clear:both;
width:800px;
overflow:hidden;
margin-bottom:30px;
}

/* Header */

#winterseason {
float:right;
width:800px;
text-align:right;
height:30px;
padding-top:10px;
font-size:16px;
color:#fff;
}

#banner {
background-image:url(images/banner.jpg);
height:109px;
}

/* Main columns */ 

#content {
overflow:hidden;
background:#FFFFFF;
}

#leftcol {
float:left;
width:150px;
padding:30px 10px;
background-image:url(images/latestnews.jpg);
background-repeat:no-repeat;
margin-top:30px;
color:#666;
}

#mag-leftcol {
float:left;
width:150px;
padding:20px 10px;
}

#picture-left {
float:left;
width:275px;
font-size:11px;
}

#picture-right {
float:left;
width:275px;
padding-left:10px;
font-size:11px;
}


#middlecol {
float:left;
width:340px;
padding:10px 10px 10px 20px;
}

#rightcol {
float:left;
width:225px;
margin-top:20px;
padding-left:20px;
}

#main-page {
width:580px;
padding:30px 10px 10px 20px;
float:left;
min-height:400px;
}

/* Other divs */

#social-networks {
padding-top:20px;
padding-left:5px;
}

#oxmarket-mag {
background:#898989;
width:226px;
color:#FFF;
}

#oxmarket-mag a {
color:#FFFCDD;
}

#oxmarket-mag a:hover {
color:#FFF;
text-decoration:none;
}

/* Fonts Stylings */

h4 {
padding:0;
margin:0;
}

#oxmarket-text {
padding:10px;
}

#footer a {
color:#FFFFFF;
}

#leftcol a {
font-weight:bold;
}

h1 {
padding:0;
margin:0;
}

.bold-16 {
font-size:16px;
}

.bold-24 {
font-size:24px;
line-height:1.5em;
color:#999;
}

.bold-14 {
font-size:16px;
}

a:link {
color: #8E9AC9;
text-decoration:none;
}

a:visited {
color:  #8E9AC9;
text-decoration:none;
}

a:hover {
color:#F6B283;
text-decoration:none;
}

a:active {
color:  #8E9AC9;
text-decoration:none;
}

.bold-13 {
font-weight:bold;
font-size:13px;
}

/* Footer */

#footer {
width:780px;
background: #8E9AC9;
height:50px;
color:#FFFFFF;
padding-left:20px;
margin-bottom:4px;
font-size:11px;
text-align:center;
line-height:0.5em;
padding-top:5px;
}

#footer a:hover {
color:#666;
}

/* Menu */

#menu {
background:#868CA4;
height:31px;
padding-left:20px;
}

#right {
width:740px;
float:right;
}


#nav, #nav ul { /* all lists */
padding: 0;
margin: 0 auto;
list-style: none;
line-height: 2.5;
font-size:13px;
width:100%;

} 


#nav a {
display: block;
width:100%;
text-decoration:none;
height:31px;
color:#FFFFFF;
}

#nav li { /* all list items */
float: left;
width: 7em;  /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
position: absolute;
background:#B8B8B8;
width: 13em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
font-size:11px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#nav a:hover, #nav li a:hover {color:#FFF; height:31px; line-height:2.5; width:7em; background:#B8B8B8;}
#nav li a { text-align:center; }
#nav li li a { width: 12em; text-align:left; padding-left:0.7em; }
#nav li li a:hover { width: 12.4em; background:#666666; color:#FFFFFF; }
/* End of 'Oxmarket Styles' */

