html { 
	overflow-x: hidden;
	overflow-y:scroll;
	}

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #fff;
    color: #666;
    width: 100%;
}

#container-main {
    /*width: 977px;*/
    width: 100%;
    height: 500px;
    min-height: 500px;
    /*margin: 0 auto;*/

}

#branding-textonly {
 display: none;
 visibility:hidden;
}

html>body #container-main
{
    height: auto;
    min-height: 500px;
}
#header {
	background:url(../images/header-bg.gif);
	width:100%;
}
#header .inner {
    background: url(../images/header2010.gif) no-repeat;
    margin: 0;
    padding: 0;
    height: 228px;
    width: 100%;
}

#content-outer
{
	width: 100%;
	text-align: center;
	margin-top:30px;
	overflow:hidden;
}

#content-inner
{
	width: 1000px;
	margin: 0 auto;
	overflow:hidden;
}

#branding-normalmode {
  float: left;
  clear: none;
  padding-left: 14px;
  padding-top: 66px;
}

#branding-normalmode a { display: block }

.header-image {
    background-image: url(../images/headerimage.jpg);
    margin: 50px 9px 0px 0px;
    padding: 0px;
    height: 123px;
    width: 211px;
    float: right;
    display: none;
}

#header-shadow {
    background-image: url(../images/shadow1.gif);
    margin: 0px;
    padding: 0px;
    height: 24px;
    width: 770px;
}

#utility-menu {
    float: right;
    display: inline;
    margin: 38px -195px 0px 0px;
    font: 10px Verdana, Arial, Helvetica,sans-serif;
    }

#utility-menu ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
    border: none;
    } 

#utility-menu li {
    padding-left: 15px;
    border: none;
    display: inline;
    background: url(../images/breadbullet.gif) no-repeat;
    }
#utility-menu a { color: #DFA25B; text-decoration: none; }
#utility-menu a:hover {
    color: #0B3C7F;
    text-decoration: none;
    }
#infobox {
    display:block;
    position:relative;
	width:770px;
    right:10px;
	text-align:right;
    }
#errormessage, #warnings
{
	color:Red;	
}

#bread-crumbs-left {
    width: 150px;
    margin: 0 0 0 10px;
    float:left;
    }

#bread-crumbs-right {
    margin: 0 100px 100px 280px;
    width: 900px;
    }
    
.bread-crumbs
{
	display:block;
	font: 15px Verdana, Arial, Helvetica,sans-serif;
	padding-top: 8px;
}

.bread-crumbs ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
    border: none;
    } 

.bread-crumbs li {
    padding: 0 15px;
    border: none;
    display: block;
    float:left;
    height: 30px;
    background: url(../images/bread-spacer.gif) no-repeat;
    }
    
.bread-crumbs li.no-spacer
{
	padding: 0 15px 0 0;
	background: none;
}

.bread-crumbs li.bread-button
{
	padding: 0 0 0 0;
	background: none;
}
    
.bread-crumbs a:link, .bread-crumbs a:visited { color: #fff; text-decoration: none; display:block; margin-top: 5px; }
.bread-crumbs a:hover, .bread-crumbs a.selected {
    text-decoration: none;
    height: 28px;
    border-bottom: 4px solid #ef980e;
	 display:block;
	 float:left;
    }
    
.bread-crumbs input[type=button].MyCollege
{
	width: 152px;
	height: 24px;
	background: url(../images/MyCollegeBtn.png) no-repeat;
	border-style: hidden;
	border-width: 0px;
	margin: 4px 0 0 3px;
	padding: 0 8px 4px 8px;
	font: 15px Verdana, Arial, Helvetica,sans-serif;
	text-align: left;
	color: #242a2e;
	cursor: pointer;
}
    
#nav-top-container
{
	width: 100%;
    position: relative;
    display: block;
    height: 54px;
    font: 12px Tahoma, Arial, Helvetica,sans-serif;
    color: #242a2e;
    margin: 0px;
    background: url(../images/nav/nav-top2010bg.gif) repeat;
}



#nav-top
{
	width: 800px;
	margin: 0px auto;
	padding: 0px;
}

#nav-top li
{
	display:block;
	background: url(../images/nav/nav-top2010spacer.gif) no-repeat;
	padding: 0 12px;
	float:left;
	margin-top: 6px;
	height: 46px;
}

#nav-top li.no-spacer
{
	padding: 0 10px 0 0;
	background: none;
}


#nav-top a:link, #nav-top a:visited
{
	display: block;
    float: left;
    line-height: 12px;
    margin: 12px 1px 4px 0px;
    text-decoration: none;
    color: #323b41;
    font: 12px Verdana, Arial, Helvetica,sans-serif;
    height: 30px;
    text-align: center;
}

#nav-top a:hover { color: #323b41; }
#nav-top a:link#current, #nav-top a:visited#current, #nav-top a:hover
{
    border-bottom: 4px solid #ef980e;
    padding-bottom: 0px;
    background: transparent;
    text-align: center;
}
#nav-top a:hover { border-bottom: 4px solid #ef980e; }


#crest {
    background-image: url(../images/crest.gif);
    height: 120px;
    width: 136px;
    margin: 0px;
    margin-left: 8px;
}

#column-left {
	\width: 174px;
	w\idth: 154px;
	margin: 0 0 0 87px;
	height: auto;
	padding: 0px 12px 4px;
	display: inline;
	float: left;
	text-align:left;
}

#column-main {
    \width: 372px;
    w\idth: 362px;
    margin: 0px;
    padding: 0px 0px 10px 10px;
    display: inline;
    float: left;
    height:450px;
	 text-align:left;
}

html>body #column-main
{
	height:auto;
	min-height:350px;	
}


#column-right {
    width: 320px;
    margin: 0px;
    height: 450px;
    margin-left: 10px;
    padding-left: 15px;
    padding-top: 0px;
    display: inline;
    float: left;
    background: url(../images/rightcolumnbg2010.gif) no-repeat;
	 text-align:left;
}

#column-right .item
{
	clear: both;
	display:block;
	float: left;
	margin-bottom: 20px;
}

#column-right .item .newsGraphic, #column-right .item #newsContent
{
	float:left;
}

#column-right .item .newsGraphic img
{
	display:block;
	border:none;
	margin: 0 auto;
	width:60px
}
#column-right .item #newsContent
{
	width: 230px;
	text-align: left;
	margin: 0 0 0 20px;
}

#column-right .item .newsGraphic
{
	width:60px;
}

html>body #column-right 
{
	height:auto;
	min-height:450px;
}

input {
    font: 9px Tahoma, Arial, Helvetica, sans-serif;
    color: #666;
    border: 2px solid #DDD;
    background-color: #FFF;
    padding: 1px 4px;
    display: inline;
    float: left;
    margin: 1px;
    letter-spacing: 1px;
}

.searchbox
{
    border-top: 1px solid #E0E0E0;
    border-right: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    border-left: 1px solid #E0E0E0;
    padding: 3px;
    width: 105px;
    display:inline;
    float: left;    
}
.smalltext { font: 10px Arial, Helvetica, sans-serif; color:#CCC; }

#nav-left-container {
    margin-top: 5px;
	 overflow:hidden;
}

#nav-left-container ul
{
	margin-top: 0px;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}


#nav-left-container ul ul a
{
    \width: 142px;
    w\idth: 122px;
    height: 14px;
    display: block;
    padding: 3px 3px 3px 18px;
    margin-top: 2px;
    margin-left: 10px;
    font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
}

#nav-left-container a
{
    \width: 152px;
    w\idth: 132px;
    height: 15px;
    display: block;
    padding: 5px 5px 5px 15px;
    margin-bottom: 2px;
    border: 0px;
}

#nav-left-container a:active,
#nav-left-container a:focus,
#nav-left-container a:active img,
#nav-left-container a:focus img
{text-decoration:none;}

#nav-left-container a:hover {text-decoration:none; color: #e8eef2; background: url(../images/menu_buttons/button-new_selected.png) no-repeat 0% 50%; }
#nav-left-container a { background: url(../images/menu_buttons/button-new.png) no-repeat 0% 50%; color: #fff; text-decoration: none; }
#nav-left-container a.selected { background: url(../images/menu_buttons/button-new_selected.png) no-repeat 0% 50%; color: #ffffff;}

#nav-left-container ul ul a:hover { background: url(../images/menu_buttons/button2-new_selected.png) no-repeat 0% 50%; color: #e8eef2; }
#nav-left-container ul ul a { background: url(../images/menu_buttons/button2-new.png) no-repeat 0% 50%; color: #ffffff; text-decoration: none; }
#nav-left-container ul ul a.selected { background: url(../images/menu_buttons/button2-new_selected.png) no-repeat 0% 50%; color: #e8eef2; }


/*
#nav-left-container ul
{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

#nav-left-container ul ul a
{
    \width: 144px;
    w\idth: 120px;
    display: block;
    padding: 3px 3px 3px 18px;
    background-color: #fff;
    border: 1px solid #DFA25B;
    margin-top: 2px;
    margin-left: 10px;
    font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
}

#nav-left-container a
{
    \width: 154px;
    w\idth: 130px;
    display: block;
    padding: 4px 5px 4px 15px;
    background-color: #fff;
    border: 1px solid #DFA25B;
    margin-top: 3px;
}

#nav-left-container a:link, #nav-left-container a:visited { color: #666; text-decoration: none; }
#nav-left-container a:hover { background-color: #FFEFCF; }
#nav-left-container a.selected {
    background: #CC6600;
    color: #fff;
    border: #DFA25B 1px solid;
}
*/
.generic-box
{
    height: auto;
    border: 2px solid #DDD;
    padding: 8px;
    margin-top: 10px;
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    color: #666;

}
.generic-box h1 { font-size: 16px; color: #777; font-weight: bold; }
#poll           { \width: 154px; w\idth: 134px; }
#poll-yes       { display: inline; width: auto; height: auto; text-align: center; padding: 10px; }
#poll-no        { display: inline; width: auto; height: auto; text-align: center; padding: 10px; }

h1          { font: normal 19px Verdana, Arial, Helvetica,sans-serif; color: #3e5561; margin-top:0; margin-bottom:20px;}
h2          { font: bold 16px Arial, Helvetica, sans-serif; color: #4E7CBB; }
h3          { font: bold 14px Arial, Helvetica, sans-serif; color: #1B4988; }
h4          { font: bold 12px Arial, Helvetica, sans-serif; color: #1B4988; }
.componentresources h4  { font: bold 12px Arial, Helvetica, sans-serif; color: #1B4988; margin-bottom: 0px; padding-bottom:0px;}

.centre         { text-align: center; }
a:link, a:visited   { color: #C26904; text-decoration: none;}
a:hover         { color: #0B3C7F; text-decoration: underline;}
a em            { font-style: normal; text-decoration: underline; }

#footer {
    background: #f3f4f4;
    float: left;
    height: 68px;
    width: 100%;
    text-align: center;
    border-top: solid 1px ececec;
    padding-top: 10px;
}

#footerseparator {
    display:none;
}

#footer #contact1
{
	margin-left: 130px;
}

#footer #contact span
{
	clear: both;
}

#backtotoplink a {
    float: right;
    display: block;
    background: url(../images/topofpage.gif) no-repeat center right;
    margin-right: 14px;
    padding-right: 28px;
    height: 22px;
    line-height: 20px;

}

#footer div.foot-section
{
	background-image: url(../images/nav/nav-top2010spacer.gif);
	background-repeat: no-repeat;
	width:261px;
	float:left;
	padding-left: 15px;
}

#footer div.no-separator
{
	background:none;
}

#emailfooter {
    background-image: url(../images/icons/EmailIcon2010.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-bottom: 2px;
    padding-left: 20px;
    margin-left: 4px;
    float: left;
}

#phonefooter {
    background-image: url(../images/icons/TelIcon2010.gif);
    background-repeat: no-repeat;
	background-position: 1px 2px;
    padding-bottom: 2px;
    padding-left: 20px;
    margin: 0 0 14px 4px;
    float: left;
}

#address 
{
	background-image: url(../images/icons/AddressIcon2010.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 25px;
    text-align: left;
    line-height: 16px;
    display: block;
    clear: none;
    position: relative;
}





#validation #streamon a
{
	margin-top: 0px;
}
#streamon img,
#streamon a,
#validation img,
#validation a
{
	border:none;
	
}

#streamon 
{
	display:block;
	position:relative;
    float:left;
    margin-left: 50px;
    clear: none;
    border:none;
}

#validation 
{
	display:block;
	position:relative;
    clear: none;
    border:none;
    width: 350px;
}

#validation a
{
	display: block;
	float: left;
	clear:both;
	margin: 5px 0 10px 0;
	height: 16px;
}

input[hidden] {
	display:none;
}
#normalmode
{
    display:none;
}
#header-text
{
    display: block;
    visibility:hidden;
}


#emptymenu {
display: none;
visibility:hidden;
}

.emptymenubtm {
display: none;
visibility:hidden;
}
.hide, p.hide 
{
    visibility: hidden;
    display: none;
}
input[type=hidden] { visibility: hidden; width:0px; height:0px; display:none;  }

#loginpanel {
   border: 0px;
   margin: 0px;
   padding: 0px;
}


.loginpanel label{
   clear: left; 
   color:#6c6c6c;
   display: block;
   padding-top: 8px;
   border: 0px;
   font:bold 11px Arial, Helvetica, sans-serif;
}

.loginpanel input{
   clear: left; 
   display:inline;
   width:180px;
   font-family: arial,helvetica,sans-serif;
   font-size:100%;
   font-weight:bold;
   background: #eeeeff;
   border: 1px inset #999;
   margin: 0px;
   padding: 2px;
}

.loginpanel input.pass{
   display: inline;
   width: 100px;
   background: #eeffff;
   font-family: arial,helvetica,sans-serif;
   font-size: 100%;
   font-weight:bold;
   margin: 0px 1px 0px 0px;
   border: 1px inset #999;
   padding: 2px;
}

.loginpanel input.btn{
   clear: both;
   display: inline;
   width: 60px;
   background: #000099;
   color:#ffffff;
   font-family: arial,helvetica,sans-serif;
   font-size: 100%;
   font-weight: bold;
   margin: 10px 0px 0px 60px;
   border: 2px solid #ccccdd;
   padding: 0px;
   cursor: pointer;
}

#activityForm input
{
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
    color: #666;
    border: 1px solid #666;
    background-color: #FFF;
    padding: 1px 4px;
    display: inline;
    clear:both;
    float: left;
    margin: 1px;
    margin-bottom:5px;
    letter-spacing: 1px;
    width:200px;
    height:15px;
}

#activityForm select
{
	display:block;
	float:left;
	clear:both;
	position:relative;
	margin-bottom:5px;
}


#activityForm label
{
    display: inline;
    clear:both;
    float: left;
    margin: 0px 0px;
}

#activityForm .btn
{
	float:left;
	display: inline;
	width: 120px;
	font-family: arial,helvetica,sans-serif;
	font-size: 100%;
	margin: 5px 0px 5px 2px;
	border: 1px solid #666;
	padding: 0px;
	height:20px;
	color: White;
	background:#666;
}

.printbtn
{
	float:left;
	display: inline;
	width: 120px;
	font-family: arial,helvetica,sans-serif;
	font-size: 100%;
	margin: 5px 0px 5px 2px;
	border: 1px solid #666;
	padding: 0px;
	height:20px;
	color: White;
	background:#666;
}


#activityForm #calbox
{margin-bottom:0px;}

#cmetable
{
	background: #DDD;
	border: solid 1px #DDD;
	margin-left:5px;	
}

#pointstotal
{
	display:block;
	position:relative;
	height:20px;
	background:#DDD;	
}
#pointstotal h3
{
	display:block;
	position:relative;
	margin:0px;
	right:5px;
	float:right;	
}

.cmepadding
{
	background: #DDD;
	border: solid 1px #DDD;	
}

.cmeform
{
	background:#DDD;
}
.cmefields
{
	display:block;
	position:relative;
	border:0px;
	width:500px;
	padding:5px 0px;
	left:5px;
}


#newscomponentlist h4 { font: bolder 12px Tahoma, Arial, Helvetica, sans-serif; color: #1B4988; }
#newscomponentlist #publicationDate { font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color: #4E7CBB; }#newsItemHeader h1 { font: bolder 14px Tahoma, Arial, Helvetica, sans-serif; color: #1B4988; }
#newsItemHeader a { font: bolder 14px Tahoma, Arial, Helvetica, sans-serif; color: #1B4988; }
#newsItemHeader #publicationDate { font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color: #4E7CBB; }
#cmplist h3 { font: bolder 12px Tahoma, Arial, Helvetica, sans-serif; color: #4E7CBB; }
.componentresources h4 { font: bolder 11px Tahoma, Arial, Helvetica, sans-serif; color: #4E7CBB; }

#componentsearch {
  padding-top: 14px;
  padding-top: 10px;
}

#componentsearch label
{
	display:block;
	position:relative;
	margin:5px 0px;	
}

#componentsearch #searchterm{
   clear: left; 
   display:inline;
   width:180px;
   background: #eeeeff;
   border: 1px inset #999;
   margin: 15px 2px 0px 0px;
   padding: 2px;
   font-family: arial,helvetica,sans-serif;
   font-size:11px;
   padding: 2px;
}

#componentsearch #search {
   display: inline;
   width: 80px;
   background: #ddddee;
   color:#333366;
   margin: 0px 0px 0px 2px;
   border: 1px solid #000099;
   cursor: pointer;
   font-family: arial,helvetica,sans-serif;
   font-size:10px;
   padding: 1px;
}

#componentsearch #clearsearch {
   display: inline;
   width: 80px;
   background: #ddddee;
   color:#333366;
   margin: 0px 4px 0px 2px;
   border: 1px solid #000099;
   cursor: pointer;
   font-family: arial,helvetica,sans-serif;
   font-size:10px;
   padding: 1px;
}

.errormsg
{
	color:Red;
	font-weight:bold;	
}
#breadcrumbs {
	margin-bottom:10px;
}





#nav-top-container,
#header
{
	overflow:hidden;
}

/*
* {
	border:1px red solid;
}
*/


div.loading
{
	background: url("../images/ajax-loader.gif") no-repeat center;
	height: inherit;
	min-height: 200px;
}