@charset "UTF-8";
/* Sweet & Maxwell Microsite  */

body{ /* this makes the site sit in the center of the browser */
	padding: 0;
	text-align: center;
	
	/* set up for main body copy styles and over all look */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

html {
    height: 101%;
}

.micro #container{ /* this holds the site together and also set text to left justified */
	width:1024px;
	margin: 0px auto 0px auto;
	text-align: left;
}

/* start of header section */

.micro #header{
	height:155px;
}

.micro #title{
	height:120px;
	width: 794px;
	float: left;
}

.micro #author{
	height:1px;
	width: 1024px;
	float:left;
	background-color:#A00000;
}

.micro #imageHead{
	height:120px;
	width: 230px;
	float:right;
	background-image:url(images/header_02.jpg);
	background-repeat:no-repeat;
}

/* end of header section */

/* start of main (body copy) section */

.micro #main{
	width:500px;
	float:left;
	padding-top: 25px;
}

/* end of main section */

/* start of left hand colloum */

.micro #left{
    width:237px;
	float:left;
	padding:30px 0px 0px 0px;
}

.micro #nav{
	width:160px;
	height:240px; /* provisonal height for nav will use List and images to make roll overs */
	margin: 35px 52px 20px 27px; 
}

.micro #imageLeft{
	width:160px;
	height:211px;
	margin: 0 52px 10px 27px;
	background-image:url(images/imageLeft_11.jpg);
	background-repeat:no-repeat;
}

/

/* list nav */

#links ul {
    list-style-type: none;
    width:160px;
	height:211px;
	margin: 0 52px 10px 27px;
} 

#links li {
        width:160px;
        margin: -6px 0 0px -14px;
		list-style-type:none;
		color:#fff;
}

* html #links li {
      margin: -6px 0 0px -2px;
}
	  

#links li a { 
        color: #4b4b4b;
        display: block;
        font: lighter 100% Arial, Helvetica, sans-serif;
        padding: 10px;
        text-decoration: none;
		background:#eaeaea;
}


#links li .active {
        background: #DC0A0A;
		color:#fff;
		border-bottom:4px solid #ffb400;
		margin-bottom:-4px;
}

#links li a:hover {
        color:#fff;
		background: #DC0A0A;
	    border-bottom:4px solid #ffb400;
		margin-bottom:-4px;
}



/* start of right hand colloum */

.micro #right{
	/*width:277px; */
	float:left;
}

.micro #imageRight{
	width:202px;
	height:266px;
	margin:38px 29px 0 46px;
	background-image:url(images/imageRight.jpg);
	background-repeat:no-repeat;
}

.micro #button{
	width: 202px;
	margin: 0 29px 0 46px;
}

.micro #text{
	width: 202px;
	margin: 0 29px 0 46px;
}

/* styles for copy in right hand coloum */

.micro #bigP{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#DC0A0A;
	text-transform:uppercase;
	padding:0 0 0 10px;
	line-height:16px;
}

.micro #littleP{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#DC0A0A;
	padding:0 0 0 10px;
	line-height:16px;	
}

/* end of right hand colloum */

/* start of footer */

.micro #footer{
	height:100px;
/*	width:1024px; */
}

.micro #horizontal{
	height:10px;
	width:995px;
	border-top:solid #A00000 1px;
	background-repeat:repeat-x;
	margin:0px 29px 0px 27px;
}

.micro #smLogo{
	height:67px;
	width:160px;
	margin:0 52px 0 27px;
	float:left;
}

.micro #footNav{
	height:39px;
	width:480px;
	float:left;
	text-align: center;
	padding-top: 28px;
}

.micro #trLogo{
	height:67px;
	width:202px;
	margin: 0 29px 0 46px;
	float:left;
}

/* end of footer */

/* clearfloats reset everthing at the end and puts the footer into the container */

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* end of clearfloats */

/* start of left hand links */

a.left  {
	font-family: Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	font-weight:lighter;
}

a.left:link {
	text-decoration: none;
	color: #4b4b4b;
}

a.left:visited {
	text-decoration: none;
	color: #4b4b4b;
}

a.left:hover {
	color: #FFF;
}

a.left:active {
	text-decoration: none;
	color: #FFF;
}

/* end of left hand links */

/* start of footer nav links */

a.foot  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #4b4b4b;
	font-weight:lighter;
}

a.foot:link {
	text-decoration: none;
	font-size:10px;
	color: #4b4b4b;
}

a.foot:visited {
	text-decoration: none;
	font-size:10px;
	color: #4b4b4b;
}

a.foot:hover {
	text-decoration: underline;
	font-size:10px;
	color: #4b4b4b;
}

a.foot:active {
	text-decoration: none;
	font-size:10px;
	color: #4b4b4b;
}

/* end of footer nav links */


/* start of main links */

a  {
	font-family: Arial, Helvetica, sans-serif;
	color: #A00000;
	font-weight:bold;
}

a:link {
	text-decoration: underline;
	color: #A00000;
}

a:visited {
	text-decoration: underline;
	color: #A00000;
}

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

a:active {
	text-decoration: underline;
	color: #DC0A0A;
}

/* end of main links */


h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	text-transform:uppercase;
	font-size:30px;
	color:#A00000;
	padding: 0 0 0 39px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:18px;
	text-transform:uppercase;
	color:#FFF;
	margin: 3px 0 0 39px;
}


h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#A00000;
	text-transform:uppercase;
}

h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#A00000;
	text-transform:uppercase;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b4b4b;
	line-height:15px;
}


/* start of links no-indent */  
  li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b4b4b;
	line-height:15px;
	padding:0 20px 10px 0;
	margin:0 0 0 -28px;
}
/* end of links no-indent */  

/* start of links indent */   
  li.indent{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b4b4b;
	line-height:15px;
	padding:0 20px 10px 0;
	margin:0px;
}

/* end of links indent */