/* Main Text Areas*/

body {
    COLOR : #000000;
    FONT-FAMILY : Arial, Helvetica, sans-serif;
    FONT-SIZE : 80%;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

TD  {
    COLOR : #000000;
    FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 100%;
}


/* Other Text Areas*/
h1 {
    COLOR : #004281;
    FONT-SIZE : 140%;
}
h2 {
    COLOR : #004281;
    FONT-SIZE : 120%;
    margin-bottom: 3px;
}
h3 {
    COLOR :#004281;
    FONT-SIZE : 100%;
    margin-bottom: 0px;
}
ul {
    COLOR : #000000;
    font-weight: none;
}
div.sidenavsub {
    padding-left: 10px;
    padding-bottom: 10px;
}

/* Workpackages, Members, Flagship Projects */

.RedHeading {
    font-size: 110%;
    font-weight: bold;
    color: #800000;
}

/* TD*/

TD.topnav  {
    width: 770px;
    height: 22px;
    background: #004281;
    vertical-align: middle;
    COLOR : #6298BF;
    text-align:center;
}
TD.topnav_members  {
    width: 770px;
    height: 22px;
    background: #004281;
    vertical-align: middle;
    padding-left: 20px;
    COLOR : #6298BF;
}

TD.sidenav  {
    width: 180px;
    background: #EDF2F6;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 5px;
	text-align: left;
}
TD.sidenav_members  {
    width: 180px;
    background: #FEEDE3;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 5px;
	
}

TD.main  {
    width: 550px;
    background: #ffffff;
    color: #000000;
    padding: 20px;
    border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	text-align: left;
}

TD.footer  {
    width: 770px;
    height: 22px;
    background: #ffffff;
    vertical-align: middle;
    padding-top: 20px;
    COLOR : #6298BF;
    text-align: center;
}

TD.BrdrLeft  {
	border-left: 1px solid #E0E0E0;
}

TD.formhead  {
    font-size: 100%;
}
TD.leftpic {
    padding-right: 20px;
}

/* used in home page, latest news */

TD.blueBox  {
    background: #EDF2F6;
    padding-top: 5px;
	padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 5px;
    border: 1px solid #E0E0E0;
}

TD.greenBox  {
    background: #87C540;
    padding-top: 5px;
	padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 5px;
    border: 1px solid #E0E0E0;
}

TD.DblueBox  {
    background: #4F85BB;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #E0E0E0;
}

TD.blueBoxNoPAD  {
    background: #EDF2F6;
    padding-top: 10px;
    border: 1px solid #E0E0E0;
}

TD.orangeBox  {
	background: #EC8022;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #E0E0E0;
	padding-bottom: 5px;

}
TD.yellowBox  {
	background: #F4DC00;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #E0E0E0;
	padding-bottom: 5px;

}

TD.greyBox  {
    background: #C6C8CA;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 5px;
    border: 1px solid #E0E0E0;
}


/* Links*/
a {
    COLOR : #004281;
    FONT-FAMILY : Arial, Helvetica, sans-serif;
    TEXT-DECORATION : underline;
}
a:hover {
    COLOR : #ff0000;
    FONT-FAMILY : Arial, Helvetica, sans-serif;
    TEXT-DECORATION : underline;
}

a.none {
    COLOR : #000000;
    FONT-FAMILY : Arial, Helvetica, sans-serif;
    TEXT-DECORATION : none;
}

a.topnav  {
    COLOR : #ffffff;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : none;
    FONT-WEIGHT : bold;
    FONT-SIZE : 100%;
}

a.topnav:hover  {
    COLOR : #FFCC00;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : none;
    FONT-WEIGHT : bold;
    FONT-SIZE : 100%;
}

a.topnavon  {
    COLOR : #ffcc00;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : none;
    FONT-WEIGHT : bold;
    FONT-SIZE : 100%;
}

a.topnavon:hover  {
    COLOR : #ffcc00;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : none;
    FONT-WEIGHT : bold;
    FONT-SIZE : 100%;
}

a.sidenav  {
    COLOR : #004281;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : none;
    FONT-WEIGHT : bold;
    FONT-SIZE : 80%;
    line-height: 150%;
}
a.sidenav:hover  {
    COLOR : #004281;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : underline;
    FONT-WEIGHT : bold;
    FONT-SIZE : 80%;
    line-height: 150%;
}
a.sidenavon  {
    COLOR : #CC3300;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : none;
    FONT-WEIGHT : bold;
    FONT-SIZE : 80%;
    line-height: 150%;
}
a.sidenavon:hover  {
    COLOR : #CC3300;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : underline;
    FONT-WEIGHT : bold;
    FONT-SIZE : 80%;
    line-height: 150%;
}
a.sidenavsub  {
    COLOR : #004281;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : none;
    FONT-SIZE : 80%;
}
a.sidenavsub:hover  {
    COLOR : #004281;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : underline;
    FONT-SIZE : 80%;
}
a.sidenavsubon  {
    COLOR : #004281;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : none;
    FONT-WEIGHT : bold;
    FONT-SIZE : 80%;
}
a.sidenavsubon:hover  {
    COLOR : #004281;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : underline;
    FONT-WEIGHT : bold;
    FONT-SIZE : 80%;
}

a.basenav  {
    COLOR : #004281;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : none;
    FONT-SIZE : 90%;
}
a.basenav:hover  {
    COLOR : #004281;
    FONT-FAMILY : Verdana, Helvetica, Arial, sans-serif;
    TEXT-DECORATION : underline;
    FONT-SIZE : 90%;
}

/* a {text-decoration:none; color:#333399;}*/
a h2{color:#AA3333; text-decoration:none; font-size:16px;}

h2 a {color:#AA3333;
 font-size:16px;
}
.red_style a {font-size:14px;color:#AA3333;font-weight:bold;}
.blue_style{color:#3333AA;font-size:14px;font-weight:bold;}

/* Forms*/
form {
    margin: 0;
    padding: 0;
    border: 0;
}


INPUT.textbox  {
    WIDTH : 100px;
    HEIGHT : 16px;
    FONT-FAMILY : Arial, Helvetica, sans-serif;
    FONT-SIZE : 13px;
}

.redtxt {
	color:#800000;
}

.bluetxt {
	color:#004281;
}

.whitetxt {
	color:#FFFFFF;
}

.magentatxt {
	color:#EC008C;
}


.blkBorder {
	border: 3px solid #000000;
}

.legend {
	color:#666666;
    FONT-SIZE : 10px;
}

/* Content Area - Download Centre */
.DocumentMiddle
{
	background-color: #F7F3F7;
	color: Black;
	padding: 5px;
	/*width: 100%;*/
	border-top: 1px solid #9C9A9C;
	border-left: solid 1px #9C9A9C;
	border-right: solid 1px #9C9A9C;
	border-bottom: 1px solid #9C9A9C;
   FONT-SIZE : 80%;
}

.ContentTitle 
{
	border-bottom: 1px dashed #9C9A9C;
	background-color: #DDDDDD;
	color: Black;
	height: 15px;
	text-align: left;
	margin-top: 1px;
	padding: 1px;
	vertical-align: top;
    FONT-SIZE : 95%;
}

/****************************************
SUMMER SCHOOL
****************************************/

/* TD*/
TD.SSmain  {
    width: 770px;
    background: #ffffff;
    color: #000000;
    padding: 0px;
    border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
}

TD.SSCellOrange  {
    width: 770px;
    height: 25px;
    background: #EC8022;
    vertical-align: middle;
    COLOR : #FFFFFF;
    text-align:center;
	font-weight: bold;
}

TD.SSmenu  {
    width: 770px;
    height: 22px;
    background: #ffffff;
    vertical-align: middle;
    COLOR : #6298BF;
    text-align: center;
	FONT-SIZE : 100%;
}

TD.SSCellBlue  {
    width: 770px;
    height: 25px;
    background: #6298BF;
    vertical-align: middle;
    COLOR : #FFFFFF;
    text-align:center;
	font-weight: bold;
}