/*GLOBAL STYLES*/
body {background:url(../images/bg.gif) top left repeat-x; text-align:center; margin:0px; padding:0px; font-family: Arial, Verdana, sans-serif, sans-serif; font-size: 0.7em; color:#7a7a7a; line-height:1.4em;}
#bgNav { background:url(../images/bg-bottom.gif) bottom left repeat-x; margin-bottom:50px; padding:0px; }
#flash {margin:0px; padding:0; z-index:10;}
#container {display:block; width:970px; margin: 0px auto; padding:0px; text-align: left;}

#content {display:block; width:735px; margin:20px 10px 20px 0px; padding:0px; float:left; min-height:300px;}
#right {display:block; width:225px; margin:20px 0px; padding:0px; float:left;}
#mapcontent {display:block; width:741px; margin:0px 0px 0px 0px; padding:30px 10px 10px 10px; float:left; background:url(../images/bg-content.gif) top left no-repeat;}

#htmlElement {padding: 10px; background-color: #000;}
.medialink {margin:0; padding:0px 0px 10px 0px; overflow:hidden; width:250px; float:left; display:block;}
.medialink a {display:block; text-decoration:none; margin:0px 2px 3px 0px; overflow:hidden;}

/*TOP NAV*/
#topnav {margin:40px 0px 0px 0px; padding:0px; display:block; float:right; width:450px;}
#topnav ul{margin:0px; padding:0px; display:inline; list-style-type:none; list-style-image:none;}	
#topnav li{display:block; float:left; margin:0px; padding:0px; list-style-type:none; list-style-image:none; background: url(../images/bullet-top.gif) top left no-repeat;}
#topnav a{text-decoration:none; padding:3px 15px 5px 7px; color:#7a7a7a; font-weight:600;}
#topnav a:hover { color:#082a81; }

/*NAV*/
#nav {margin:0px; padding:0px; color:#fff; display:block; text-align:left; font-size:12px; background:url(../images/sep.gif) top right no-repeat; height:30px;}
#nav ul{list-style-type:none; margin:0px; padding:0px; display:block; list-style-type:none; list-style-image:none; height:30px;}	
#nav li{display:block; float:left; margin:0px; padding:0px; list-style-type:none; list-style-image:none; background:url(../images/sep.gif) top left no-repeat; height:30px;}
#nav a{display:block; text-decoration:none; padding:7px 9px 0px 24px; color:#fff; font-weight:400; }
#nav a:hover {color:#082a81;}
#nav .last a {text-decoration:none; padding:0px; color:#fff; font-weight:400; padding:7px 0px 0px 24px; }
#nav .last a:hover { color:#082a81; }
#nav .first a {text-decoration:none; padding:0px; color:#fff; font-weight:400; padding:7px 9px 0px 24px; }

/*SUBNAV*/
#subnav {width:200px; display:block; float:left;}
#subnav ul{margin:0px ;padding:3px 0px 20px 0px;  list-style-type:none; list-style-image:none; display:block;}
#subnav li{margin:0px ;padding:0px; color:#ed1c24; border-bottom: 1px solid #f1f1f1;}
#subnav .menu_heading{color:#d21c0d; font-size:1.1em;  font-weight: bold;  border-bottom: 3px solid #f1f1f1;}
#subnav .hilite{ color:#d21c0d; background-color:#f1f1f1;}
#subnav li a{color:#7a7a7a; text-decoration:none; display:block; margin:0px 0px 0px 0px; padding:2px 2px 5px 8px; background: url(../images/bullet-top.gif) top left no-repeat;}
#subnav li a:hover{color:#d21c0d;}
#subnav img{display:block; margin:0px; padding:0px 0px;}


/*PAGE LAYOUT*/
h1 {font-family:Arial, Verdana, sans-serif; font-size: 1.6em; font-weight: normal; color: #082a81; margin-bottom:10px; padding-top:0px; margin-top:0px; line-height:normal; }
h2 {font-family:Arial, Verdana, sans-serif; font-size: 1.1em; font-weight: bold; color: #1755a5; padding:0px; margin:10px 0px 0px 0px;}
h3 {font-family:Arial, Verdana, sans-serif; font-size: 1em; font-weight: bold; color: #689acd; padding:0px; margin:10px 0px 0px 0px;}

img{border:none;}

a, a:link, a:active, a:visited {color:#082a81;}
a:hover {color:#6699cc;}
a img{border:none;}

ul {list-style-image: url(../images/bullet-top.gif); padding-top:0px; margin-top:0px;}

p {padding: 0px 0px 10px 0px; margin:0px;}

.clear {clear:both; line-height:1px; font-size:1px; height:1px; margin:0; padding:0;}
.hidden {display:none; visibility:hidden;}

.lightblue {color:#689acd;}
.red {color:#d21c0d;}
.normtext {color:#000; font-weight:normal; font-size:11px;}

.col1 {width:347px; float:left;}
.col2 {width:509px; float:left; padding-left:20px;}
.col2-home {width:509px; float:left; padding-left:20px; font-size:14px;}
.col3 {width:166px; float:left; margin-right:5px;}

.error {color:#d21c0d; border:1px solid #d21c0d; background-color:#ffe1de; padding:5px;}

.subshift {width:520px; float:right; display:block;}

/*BOXES*/
.bluebox a{background-color:#001390; padding:5px 30px; margin-right:15px; color:#fff;}
.bluebox a:hover{background-color:#d22216; text-decoration: none;}

.bigblue-btm {margin:0px; padding:0px; display:block; background: url(../images/bgs/bigblue-bottom.png) bottom left no-repeat;}
.bigblue-top {margin:0px; padding:0px; display:block; background: url(../images/bgs/bigblue-top.png) top left no-repeat; color:#fff;}
.bigblue-top a, .bigblue-top a:visited  {color:#fff; text-decoration:underline;}
.bigblue-top ul { list-style-image:none; list-style-type:none; padding:0px; margin:0px; }
.bigblue-top h1{ color:#fff;}
.bigblue-top h2{ color:#fff;}

.links {margin:10px 0px 0px 13px; padding:0px 0px 0px 12px; border-left:2px solid #5c62ad; width:180px; height:236px; float:left; display:inline;}
.links ul {margin:0; padding:5px 0px 0p 0px; list-style-type:none;}
.links li {margin:0; padding:0px 0px 5px 11px; list-style-type:none; background:url(../images/bulletbg.png) 0px 0px no-repeat; color:#6c6c6c; line-height:22px;}
.links a, .links a:link,.links a:active,.links a:visited { color:#6c6c6c; text-decoration:none;}
.links a:hover {color:#d21c0d; text-decoration:none;}

.rightbluebox {margin:0px; padding:10px; background:url(../images/bluebg.jpg) 0px 0px no-repeat; height:236px; }
.rightbluebox h1,.rightbluebox h2,.rightbluebox p,.rightbluebox a, .rightbluebox a:link,.rightbluebox a:active,.rightbluebox a:visited {margin:0; color:#FFF;}
.rightbluebox h1 {padding-bottom:10px;}

.quote-btm {margin:0px; padding:0px 0px 3px 0px; display:block; background: url(../images/bgs/quote-btm.gif) bottom left no-repeat;}
.quote-top {margin:0px; padding:10px 10px 7px 40px; display:block; background: url(../images/bgs/quote-top.png) top left no-repeat; color:#fff;}
.quote-top h2{ font-size:1.5em; font-weight:normal; color:#fff; padding:0px 0px 5px 0px; margin:0px; line-height:1.4em;}

.homequote-btm {margin:0px; padding:0px 0px 3px 0px; display:block; background: url(../images/bgs/homequote-btm.gif) bottom left no-repeat;}
.homequote-top {margin:0px; padding:10px 10px 7px 40px; display:block; background: url(../images/bgs/homequote-top.png) top left no-repeat; color:#fff;}
.homequote-top h2{ font-size:1.5em; font-weight:normal; color:#fff; padding:0px 0px 5px 0px; margin:0px; line-height:1.4em;}

.smlgrey-btm {margin:0px 0px 20px 0px; padding:0px 0px 8px 0px; display:block; background: url(../images/bgs/smlgrey-bottom.png) bottom left no-repeat; width:362px;}
.smlgrey-top {margin:0px; padding:10px 10px 0px 10px; display:block; background: url(../images/bgs/smlgrey-top.png) top left no-repeat;}
.smlgrey-top ul { list-style-image:none; list-style-type:none; padding:0px; margin:0px; }
.smlgrey-top h2{ color:#d21c0d;}
.smlgrey-top h3{ color:#666; font-size:1.4em; font-weight:normal;}
.smlgrey-top a{ display:block; text-align:right;}

.smlblue-btm {margin:0px 0px 00px 0px; padding:0px 0px 10px 0px; display:block; background: url(../images/bgs/smlblue-bottom.png) bottom left no-repeat; width:225px;}
.smlblue-top {margin:0px; padding:0px; display:block; background: url(../images/bgs/smlblue-top.png) top left no-repeat;}

.greyoutline-btm {margin:20px 0px 20px 0px; padding:0px 0px 6px 0px; display:block; background: url(../images/bgs/outline-bottom.png) bottom left no-repeat; width:225px;}
.greyoutline-top {margin:0px; padding:3px 5px 0px 10px; display:block; background: url(../images/bgs/outline-top.png) top left no-repeat;}
.greyoutline-top a{ display:block; text-align:right; margin:7px 0px 0px 0px;}

.latestnews {margin:20px 0px 10px 0px; padding:13px 10px 0px 10px; display:block; background: url(../images/bgs/latestnews.png) top left no-repeat; height:71px; overflow:hidden; text-align:right;}
.latestnews marquee {margin:0px; padding:0px; width:570px; height:20px; display:block; float:right;}

.opencourses {margin:0px 0px 10px 0px; padding:9px 10px 0px 279px; display:block; background: url(../images/bgs/opencourses.gif) top left no-repeat; height:71px; overflow:hidden;}
.opencourses a{margin:0px 0px 4px 4px; padding:0px; text-decoration:none; color:#666; display:block;}
.opencourses a:hover {color:#d21c0d;}

.journo {float:left; height:90px; margin:0px 7px 7px 0px; display:block; padding-bottom:2px; border-bottom:2px solid #e1e1e1; text-align:center; font-size:10px;}
.journo a{text-decoration:none; display:block;}

/*CONTACT FORM*/
.contact { background-color:#f1f1f1; padding:10px; }
.contact form { margin:0; padding:0; width:225px; color:#00447c; padding:3px 0px 3px 3px; margin-right:10px;}
.contact fieldset {margin:0; padding:0; border: none;}
.contact legend {margin:0; padding:0;}
.contact input, textarea, select {width:200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; padding:3px 0px 3px 3px; margin:2px 0px 0px 0px; border: 1px solid #999;}
.contact button {float:right; margin:3px 7px 0px 0px; padding: 0px 3px; font-weight:bold; border:1px solid #00447c; color:#00447c; background-color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;}
.contact label { margin:0; padding:0; }
.contact .textbox {width:240px; }
.leftformcol  {float:left; width:240px; margin-right:20px;}
.rightformcol {float:left; width:240px; text-align:left;}

/*FOOTER*/
#footer {margin:15px auto; color:#fff; height:141px; padding:0px; display:block; width:970px; text-align:left;}
#footer ul{list-style-type:none; list-style-image:none; margin:0px; padding-top:10px; display:block;}	
#footer li{display:inline; margin:0px; padding:0px;}
#footer a{display:inline; margin:0px; padding:0px; color:#fff;}
#footer a:hover{text-decoration:none; color:#fff;}