/* Start of CMSMS style sheet 'MUDS' */
/*********************************************
Stylesheet for Melbourne University Debating Society
Adapted by Tom Sutherland
Based on original design by Jaani Riordan
Version 1.0
10 December 2009
*********************************************/

* {
    padding: 0;
    margin: 0;
} 

body {
background: #FFFFFF;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
color: #000000;
line-height: 16px;
min-width: 890px;
}
small {font-size: 11px;}

img { border: none; }
a { text-decoration: none; color: #063498; }
a:hover { text-decoration: none; color : #031A4F; }
h3 { border-bottom: 1px dotted #021B52; color: #021B52; padding-bottom: 4px; margin: 14px 0px 6px 0px; font-weight: 100; font-size: 22px; letter-spacing: 0px;}
h4 { color: #021B52; margin: 0px 0 4px 0; font-weight: 100; font-size: 18px; letter-spacing: 0px;}
h3 a { text-decoration: none; font-size: 22px; letter-spacing: 0px; }
h3 a:hover { color: #333; }

#wrap {
width: 95%;
margin: 0px auto;
}

#top { 
background: #FFFFFF;
padding: 0px 0;
}

#header {
height: 87px;
}

#header h1 {
font-size: 38px;
font-weight: 600;
letter-spacing: -2px;
padding: 40px 0 0 33px;
}
#header h1 a {
color: #021B52;
text-decoration: none;
}
#header h1 a:hover {
color: #111;
text-decoration: none;
}

#header h2 {
font-size: 16px;
color: #021B52;
padding: 9px 0 0 33px;
}

#menu {
height: 30px;
line-height: 30px;
background: #FFFFFF repeat-y;
padding-left: 0px;
}
#menu li
{
float: left;
list-style-type: none;
padding-right: 10px;
}
#menu li a{ 
color: #031A4F;
display: block;
text-decoration: none;
padding: 0 11px;
font-weight: bold;
font-size: 12px;
}
#menu li a:hover {
color: #FFFFFF;
background: #042C7D;
}
#menu ul { }


#content { 
padding: 0 0px;
background: #FFFFFF repeat-y;
}

#left {
padding: 0px 0px 20px 8px;
width: 70%;
float: left;
font-size: 12px;
text-align: left;
letter-spacing: 0px;
}
#left h3 { border-bottom: 1px dotted #021B52; letter-spacing: 0px; }
#left ul { margin: 0px 20px; padding: 10px 0 10px 0; }
#left ul li { margin: 0px 20px;  }
#left ul li a { color: #052C7E; font-weight: 100; display: block; text-decoration: none; font-size: 12px; }
#left ul li a:hover { color : #031A4F; }

#right {
width: 26%;
min-width: 120px;
float: right;
background: #FFFFFF;
}
#right h3 { color: #021B52; font-size: 15px; font-weight: bold;}
#right ul { list-style-type: none; }
#right ul li { padding: 2px 0 0px 0px; }
#right ul li a { border-left: 4px solid #021B52; padding-left: 11px; color: #000000; background: #E5E5E5; font-weight: 100; display: block; text-decoration: none; font-size: 12px; line-height: 30px; }
#right ul li a:hover { color : #FFFFFF; background: #042c7d; }

#footer {
font-size: 11px;
color: #3e3e3e;
text-align: center;
height: 35px;
line-height: 16px;
background: #FFFFFF repeat-y;
}
#footer a { 
color: #063498;
}
#footer a:hover {
color: #031A4F; 
text-decoration: underline; 
}

#bottom {
background: #FFFFFF no-repeat;
padding: 5px 0;
}

.mainTable { background-color: #FFFFFF; padding: 1px 6px 1px 6px; }

td.topRow { color: #00016F; font-weight: bold; background-image: url('../images/muds_gradient_grey.gif'); background-repeat: repeat; height: 34px; padding: 0 0 0 8px; }

.h3 { border-bottom: 1px dotted #021B52; color: #021B52; margin: 0px 0 6px 0; font-weight: 100; font-size: 22px; letter-spacing: 0px;}
.h4 { color: #021B52; margin: 0px 0 4px 0; font-weight: bold; font-size: 15px; letter-spacing: 0px;}
.small {font-size: 11px;}
.h4right { color: #021B52; font-weight: 100; font-size: 15px; letter-spacing: 0px; background: #b7c7e0;  padding: 10px 0px 10px 6px; display: block; }

#footermenu ul { padding: 0px; margin: 0px; list-style: none; }
#footermenu ul li { display: inline; position: relative; height: 35px; margin: 0px; }
#footermenu ul li a { font-size: 90%; color: #031A4F; text-decoration: none; padding: 0 11px; font-weight: bold; }
#footermenu ul li a:hover { color: #000000; text-decoration: none;  }
/* End of 'MUDS' */

