/* Colors */

/*
	Dark Blue:#006699
*/


/* Base */

body
{
	background:url(../Images/BodyBack.png) top repeat-x;
	color:#404040;
	background-color:#a2b9cc;
	font-size:76%;
	font-family:arial,helvetica,sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	color:#006699
}

h1
{
	font-size:120%;
}

h2
{
	font-size:110%;
}

h3, h4, h5, h6
{
	font-size:100%;
}

hr 
{
	float:left;
	margin:2px;
}

a
{
	text-decoration:none;
	color:#006699;
}

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

.SimpleList
{
	margin:0;
	padding:0;
	list-style:none;
}

.HeaderWithIconContainer
{
	position:relative;
	width:120px;
	padding-right:64px;
	height:64px;
	background:bottom right no-repeat;
}		

.HeaderWithIcon h1, .HeaderWithIcon h2, .HeaderWithIcon h3
{
	font-size:120%;
	margin:0;
	padding:0;
}

.HeaderWithIcon
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:120px;
}

/* Page Structure */

.MainContainer
{
	position:relative;
	width:940px;
	margin:40px auto 0 auto;
	padding:0;
	overflow:hidden;
	border:#010234 5px solid;
	background:#FFFFFF;
}

.Header
{
	position:relative;
	width:940px;
	height:105px;
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
	background:url(../Images/HeaderBack.png) no-repeat;
}

.HeaderElements
{
	position:relative;
	padding:8px;
	float:right;
}

.MenuStrip
{
	position:relative;
	width:940px;
	height:35px;
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
	background:url(../Images/MenuStripBack.png) repeat-x;
}	

.BreadCrumbs
{
	position:relative;
	width:100%;
	margin:0;
	padding:0.9% 0.5% 0.8% 0.5%;
	overflow:hidden;
	clear:both;
	background:url(../Images/BreadcrumbsBack.png) repeat-x;
	color:#000000;
	font-size:90%;
	color:Navy;
}

.BreadCrumbs a, .Breadcrumbs a:hover
{
	color:#000000;
	font-weight:bold;
}

.MainContent
{
	position:relative;
	width:920px;
	margin:0;
	padding:0 10px 0 10px;
	overflow:hidden;
	clear:both;
	background:#E8F2F7;
}

.ContentBlock
{
	padding-bottom:10px;
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
	clear:both;
}

/* Page Structure Ends */

/* Columns */	

.LeftCol, .RightCol, .MenuCol, .WithMenuCol, .FullWidth
{
	position:relative;	
	overflow:hidden;	
}

.LeftCol
{
	width:585px;
	float:left;
}

.RightCol
{
	width:325px;
	float:right;
}

.MenuCol
{
	position:absolute;
	left:0;
	top:0;
	width:201px;
	float:left;
	z-index:1;
}

.WithMenuCol
{
	float:right;
	top:0;
	width:720px;
	float:right;
	z-index:0;
}

/* Column Ends */

/* Menu Strip */

.MenuStripList
{
	list-style:none;
	margin:0;
	padding:0;
	font-size:102%;
	font-weight:bold;
}

.MenuStripList li
{
	display:inline;
}

.MenuStripList a
{
	display:block;
	float:left;
	height:27px;
	padding:8px 22px 0 22px;	
	text-decoration:none;
	color:#FFFFFF;
	text-align:center;
	background:url(../Images/MenuStripItemBack.png) top right no-repeat;
}

.MenuStripList a:hover
{
	border:1% solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	background:url(../Images/MenuStripHoverBack.png) repeat-x;
}

/* Menu Strip Ends */

/* Panels */
/* Makes header tags uniform size when used in a panel title */
.LeftPanelHeader h1, 
.LeftPanelHeader h2, 
.LeftPanelHeader h3, 
.LeftPanelHeader h4, 
.LeftPanelHeaderNarrow h1, 
.LeftPanelHeaderNarrow h2, 
.LeftPanelHeaderNarrow h3, 
.LeftPanelHeaderNarrow h4, 
.RightPanelHeader h1, 
.RightPanelHeader h2, 
.RightPanelHeader h3, 
.RightPanelHeader h4, 
.MenuHeader h1, 
.MenuHeader h2, 
.MenuHeader h3, 
.MenuHeader h4, 
.PublicationsLoginPanelHeader h2, 
.SmallPanelHeader h2, 
.WelcomePanelHeader h1, 
.WelcomePanelHeader h2
{
	font-size:inherit;
	line-height:inherit;
	margin:0;
	padding:0;
	line-height:18px;
	font-size:16px;
	color:inherit;
}

.LeftPanelHeader, 
.LeftPanelBody, 
.LeftPanelBottom, 
.LeftPanelHeaderNarrow, 
.LeftPanelBodyNarrow, 
.LeftPanelBottomNarrow, 
.RightPanelHeader, 
.RightPanelBody, 
.RightPanelBottom, 
.MenuHeader, 
.MenuBody, 
.MenuBottom, 
.SmallPanelHeader, 
.SmallPanelBody, 
.SmallPanelBottom, 
.WelcomePanelMain
{
	position:relative;
	float:left;
	clear:both;
	overflow:hidden;
}

.LeftPanel, .RightPanel, .LeftPanelNarrow
{
	position:relative;
	overflow:hidden;
	float:none;
	margin:0 0 1px 0;
	padding:0 0 0 0;
}

.LeftPanel
{
	width:585px;
}

.LeftPanelHeader
{
	width:575px;
	height:34px;
	padding:26px 0 0 10px;
	background-image:url(../Images/LeftPanelHeaderBack.png);
	color:#006699;
}

.LeftPanelBody
{
	width:565px;
	padding:0 10px 0 10px;
	background:url(../Images/LeftPanelBodyBack.png) repeat-y;
}

.LeftPanelBottom
{
	width:585px;
	height:10px;
	background-image:url(../Images/LeftPanelBottomBack.png);
}

/* Left panel narrow */

.LeftPanelNarrow
{
	width:285px;
	float:left;
}

.RightMargin 
{
	margin-right:15px;
}

.LeftPanelHeaderNarrow
{
	width:280px;
	height:34px;
	padding:26px 0 0 10px;
	background-image:url(../Images/LeftPanelHeaderBackNarrow.png);
	color:#006699;
}

.LeftPanelBodyNarrow
{
	width:270px;
	padding:0 10px 0 10px;
	background:url(../Images/LeftPanelBodyBackNarrow.png) repeat-y;
}

.LeftPanelBottomNarrow
{
	width:285px;
	height:10px;
	background-image:url(../Images/LeftPanelBottomBackNarrow.png);
}

/* Right panel */	

.RightPanel
{
	width:325px;
}

.RightPanelHeader
{
	width:315px;
	height:34px;
	padding:26px 0 0 10px;
	background-image:url(../Images/RightPanelHeaderBack.png);
	color:#006699;
}

.RightPanelBody
{
	width:305px;
	padding:0 10px 0 10px;
	background:url(../Images/RightPanelBodyBack.png) repeat-y;
}

.RightPanelBottom
{
	width:325px;
	height:10px;
	background-image:url(../Images/RightPanelBottomBack.png);
}

.SmallPanelHeader
{
	width:190px;
	height:34px;
	padding:26px 10px 0 10px;
	background-image:url(../Images/SmallPanelHeaderBack.png);
	color:#006699;
	text-align:center;
}

.SmallPanelBody
{
	width:190px;
	padding:0 10px 0 10px;
	background:url(../Images/SmallPanelBodyBack.png) repeat-y;
}

.SmallPanelBottom
{
	width:210px;
	height:10px;
	background-color:Gray;
	background-image:url(../Images/SmallPanelBottomBack.png);
}

.WelcomePanelHeader
{
	width:575px;
	height:34px;
	padding:26px 0 0 10px;
	background-image:url(../Images/WelcomePanelHeaderBack.png);
	font-size:16px;
	line-height:18px;
	color:#000000;
}

.WelcomePanelMain
{
	width:565px;
	padding:0 10px 10px 10px;
	background:url(../Images/WelcomePanelMainBack.png) bottom;
}	

.WelcomePanelContent
{
	width:350px;
	min-height:200px;
    height:auto !important;
    height:200px;
    font-weight:bold;
}	

/* Panels End */

/* Menu */

.MenuHeader
{
	width:191px;
	height:24px;
	margin:0;
	padding:16px 0 0 10px;
	background:url(../Images/MenuHeaderBack.png);
	font-size:14px;
	line-height:14px;
	color:#006699;
}

.MenuBody
{
	width:180px;
	margin:0;
	padding:10px 10px 10px 10px;
	background-color:#FFFFFF;
	border-left:1px solid #b2b2b2;
}

.VerticalMenuList
{
	list-style:none;
	margin:0;
	padding:0;
	font-size:110%;
	font-weight:normal;
	color:#006699;
}

.VerticalMenuList a
{
	display:block;
	padding:4px;
	text-decoration:none;
	color:#006699;
}

.VerticalMenuList a:hover
{
	padding-bottom:2px;
	padding:3px 3px 2px 3px;
	border:1px solid #b5d7e9;
	border-bottom:2px solid #006699;
	background-color:#e8f2f7;
	color:#006699;
}

.VerticalMenuListSelected
{
	font-weight:bold;
}

.MenuBottom
{
	width:201px;
	height:20px;
	background:url(../Images/MenuBottomBack.png);
}

/* Menu End */

/* With Menu */

.WithMenuTop, 

.WithMenuTop, .WithMenuBody, .WithMenuBottom
{
	display:inline;
	float:left;
	overflow:hidden;
	margin:0;
}


.WithMenuTop
{
	width:720px;
	height:10px;
	background:url(../Images/WithMenuBackTop.png) top left no-repeat;
	
}

.WithMenuBody
{
	width:680px;
	padding:0 19px 10px 19px;
	border-right:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
	background-color:#FFFFFF;
}

.WithMenuBottom
{
	float:left;
	width:720px;
	height:10px;
	background:url(../Images/WithMenuBottomBack.png);
}

/* With Menu */

/* Full Width */

.FullWidthTop, .FullWidthBody, .FullWidthBottom
{
	display:inline;
	float:left;
	overflow:hidden;
	margin:0;
}

.FullWidthTop
{
	width:920px;
	height:10px;
	background:url(../Images/FullWidthTopBack.png) top left no-repeat;
}

.FullWidthBody
{
	width:880px;
	padding:0 19px 10px 19px;
	border-right:1px solid #b2b2b2;
	border-left:1px solid #b2b2b2;
	background-color:#FFFFFF;
}

.FullWidthBottom
{
	float:left;
	width:920px;
	height:10px;
	background:url(../Images/FullWidthBottomBack.png);
}

/* Full Width */

.Footer
{
	position:relative;
	width:100%;
	margin:0;
	padding:0.9% 0.5% 0.8% 0.5%;
	overflow:hidden;
	clear:both;
	background:url(../Images/FooterBack.png) repeat-x;
	color:#ffffff;
	font-size:80%;
	font-weight:bold;
}

.Footer a, .Footer a:hover
{
	color:#ffffff;
}

/* End Page Structure */

/* Forms */

.FormLabel
{
	display:block;
	float:left;
	margin-top:.4em;
	margin-right:.5em;
	text-align:right;
	font-weight:bold;
}

input[type=submit], input[type=button]
{
	overflow:hidden;
    border:1px solid #0e5786;
    padding:2px 10px 2px 10px;
    background:#3e8bb2 url(../Images/ButtonBack.png) top repeat-x;
    color:#FFFFFF;
    margin:3px;
    font-size:14px;
    line-height:14px;
    font-weight:bold;
}

input[type=submit]:hover, input[type=button]:hover
{
    background:#3e8bb2 url(../Images/ButtonBackHover.png) top repeat-x;
}

input[disabled="disabled"], input.disabled
{
	background:#3e8bb2 url(../Images/ButtonBackDisabled.png) top repeat-x;
	cursor:pointer;
}

input[disabled="disabled"]:hover, input.disabled:hover
{
	background:#3e8bb2 url(../Images/ButtonBackDisabledHover.png) top repeat-x;
}

.ErrorLabel
{
	font-weight:bold;
	color:Red;
}

.FormContainer
{
	background-color:#b6d8e9;
	overflow:hidden;
	border:1px solid #3e8bb2;
	border-bottom:2px solid #006699;
}

.FormCol
{
	padding:2%;
	width:46%;
	overflow:hidden;
}

.FormCol p
{
	height:5em;
	margin:0;
	padding:0;
}

.ButtonGroup
{
	width:605px;
	padding:20px 20px 20px 20px;
	margin:0 auto 20px auto;
	border:1px solid #999999;
	background:#eeeeee;
	overflow:hidden;
	text-align:center;
}	

/* Forms End */



/* Login */

.LoginPanel
{
	width:325px;
	margin:0 auto;
	padding-bottom:40px;
	margin-bottom:40px;
	position:relative;
	overflow:hidden;
	clear:both;
}

.LoginPanel label
{
	width:90px;
}

.PublicationsLoginPanel, .PublicationsLoginPanelHeader, .PublicationsLoginPanelBody, .PublicationsLoginPanelBottom
{
	position:relative;
	float:left;
	clear:both;
	overflow:hidden;
}

.PublicationsLoginPanel
{
	width:430px;
}

.PublicationsLoginPanel label
{
	width:100px;
}

.PublicationsLoginPanelHeader
{
	width:410px;
	height:34px;
	padding:26px 0 0 10px;
	background-image:url(../Images/PublicationsLoginHeaderBack.png);
	font-size:16px;
	line-height:16px;
	color:#006699;
}

.PublicationsLoginPanelBody
{
	width:400px;
	padding:0 10px 0 10px;
	background:url(../Images/PublicationsLoginBodyBack.png) repeat-y;
}

.PublicationsLoginPanelBottom
{
	width:420px;
	height:10px;
	background-image:url(../Images/PublicationsLoginBottomBack.png);
}

/* Login End */

/* Edit Home Page */

.EditPanel
{
	width:625px;
	padding:10px;
	margin:0 auto;
	border:1px solid #999999;
	background:#eeeeee;
	overflow:hidden;
}

.EditPanel h2
{
	font-size:120%;
}	

.PanelSurround
{
	width:585px;
	padding:10px 20px 20px 20px;
	margin:0 auto 20px auto;
	border:1px solid #999999;
	background:#E8F2F7;
	overflow:hidden;
}

.PanelContainer
{
	width:585px;
	margin:0 auto;
	overflow:hidden;
}

.PanelContainer input[type="text"]
{
	border:1px solid #999999;
	background-color:Transparent;
}

.PanelChanges
{
	float:right;
	font-size:80%;
}

/* Edit Home Page */

/* News Panel */

.NewsPanelTable, .ReportPanelTable
{
	border:none;
	width:100%;
}

.NewsPanelTable td, .ReportPanelTable td
{
	padding-bottom:10px;
	vertical-align:top;
}

.NewsPanelTable a:hover, .ReportPanelTable a:hover
{
	text-decoration:none;
}

.NewsPanelTable img, .ReportPanelTable img
{
	border:none;
	padding:0 8px 0 0;
}

.FeatureHeadline
{
	font-size:120%;
	color:#006699;
	padding-bottom:0;
}

.FeatureStory
{
	font-size:90%;
}

.FeatureStory p
{
	margin:0;
	padding:0;
}

.HeadlineCol, .ReportTitle
{
	color:#006699
}

.DateCol
{
	text-align:right;
	color:#b1b1b1;
}
/* News panel End */

/* Home Page Login Panel */

.HomeLoginPanel
{
	float:left;
	width:200px;
	color:#006699;
	background:url(../Images/HomePageRegistrationBack.png) top right no-repeat;
}

.HomeLoginPanel h2
{
	font-size:150%;
	margin-bottom:8px;
	padding:0;
}

.HomeLoginPanel p
{
	margin:0;
	padding:0;
}

/* Home Page Login Panel End */

/* Miscellaneous */

.RegistrationContent
{
	width:357px;
	float:right;
	padding-left:8px;
}

.SendEmail
{
	background:#ffffff;
}

/* Questionnaire */

.Question 
{
    background-color:#efefef;
    padding:10px;
}

.ResponderDetailsTable 
{
    width:65%;
    margin:0 auto;
    border:1px solid #999999;
}

.ResponderDetailsLabel 
{
    width:35%;
    font-weight:bold;
    text-align:right;
}

.ResponderDetailsControlCell 
{
    width:50%;
}

.ResponderDetailsSmallText 
{
    font-size:80%;
}

/* Twitter begins */

.TwitterContainer, .SocialContainer
{
	position:inherit;
	float:left;
	width:272px;
	padding:0px 10px 0px 0px;
	border-right:1px solid #999999;
}	

.TwitterURL, 
.FacebookURL, 
.YouTubeURL
{
	float:left;
	position:inherit;	
	width:225px;
	padding:5px 0px 0px 60px;
	height:50px;
	vertical-align:middle;
	background:url(../Images/TwitterIconSmall.png) top left no-repeat;
	font-size:80%;
	font-weight:bold;	
}

.TwitterURL a, 
.TwitterURL a:visited,
.FacebookURL a,
.FacebookURL a:visited,
.YouTubeURL a,
.YouTubeURL a:visited
{
	float:left;
	font-size:160%;
	font-weight:bold;
	text-decoration:none;
	margin-top:5px;
}

.TwitterURL a:hover,
.FacebookURL a:hover,
.YouTubeURL a:hover
{
	text-decoration:underline;
}

.Tweet, .SocialInfo
{
	float:left;
	position:inherit;
	font-size:90%;
	padding-bottom:5px;
}

.TweetInfo
{
	font-size:90%;
	font-weight:bold;
}

.TweetStatus
{
	float:left;
	width:100%;
	margin:5px 0 0 0;
	font-size:80%;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #999999;	
}


/* Twitter ends */

/* Social begins */

.SocialContainer 
{
	float:right;
	width:260px;
	border-right:none;
}

.SocialInfo 
{
	border-bottom:1px dotted #999999;
}

.FacebookURL 
{
	background:url(../Images/FacebookIconSmall.png) top left no-repeat;	
}

.YouTubeURL 
{
	background:url(../Images/YouTubeIconSmall.png) top left no-repeat;	
}

.TopPadding 
{
	margin-top:10px;
}

/* Social ends */

.ClassOverviewDetails 
{
	float:left;
	position:inherit;
	width:98%;
	height:147px;
	padding:1%;
	margin:0px 0px 10px 0px;
	background-color:#efefef;
	border:1px dotted #999999;
	font-size:90%;
}

.Synopsis 
{
	float:left;
	position:inherit;	
	margin:10px 0px 0px 0px;	
	font-weight:bold;
}

.NewsItemContainer 
{
	float:left;
	position:inherit;
	width:100%;
	padding:0px 0px 10px 0px;
	overflow:hidden;
}

.NewsItemDate 
{
	float:left;
	position:inherit;
	width:100%;
	font-size:90%;
	font-weight:bold;
	margin:0px 0px 3px 0px;
	overflow:hidden;	
}

.NewsItemHeadline 
{
	float:left;
	position:inherit;
	width:100%;
	font-size:120%;
	font-weight:bold;
	margin:0px 0px 6px 0px;	
	overflow:hidden;	
}

.NewsItemDetails 
{
	float:left;
	position:inherit;
	width:100%;
	font-size:90%;	
	overflow:hidden;
	border-bottom:1px dotted #444444;
	padding-bottom:5px;	
}	

.NewsTickerButtons 
{
	float:left;
	position:inherit;
	width:100%;
	text-align:right;
	border-top:1px solid #999999;
	padding-top:3px;
	overflow:hidden;	
}

.PollQuestion 
{
	float:left;
	position:inherit;
	width:100%;
	height:40px;
	padding:0px 0px 3px 0px;
	font-size:90%;
	font-style:italic;
	border-bottom:1px dotted #444444;
}	

.PollOptions 
{
	float:left;
	position:inherit;
	width:100%;
	padding:3px 0px 0px 0px;
	font-size:80%;
	border-bottom:1px dotted #444444;	
}	

.PollButton 
{
	float:right;
	position:inherit;
	height:15px;
	padding:5px 5px 0px 0px;
	font-size:90%;
}	

.PollResults 
{
	float:left;
	width:100%;
	margin:3px 0px 0px 0px;
	border-bottom:1px dotted #444444;
}

.PollResultOptions 
{
	float:left;
	width:48%;
	font-size:75%;
	padding:5px 0px 0px 0px;
}

.PollResultGraph
{
	float:right;
	position:relative;
	bottom:0px;
	width:48%;
	height:115px;
}

.PollGraphBar 
{
	float:left;
	position:absolute;
	bottom:0px;
	border:1px solid #444444;
	border-bottom:none;
	margin:0px 1px 0px 0px;
}

.Bar1 
{
	background-color:#DCF1FC;
}

.Bar2
{
	background-color:#996699;
}

.Bar3 
{
	background-color:#E1FF88;
}

.Bar4 
{
	background-color:#FF6666;
}	

.PollGraphPercentage 
{
	float:left;
	position:absolute;
	text-align:center;
	font-size:80%;
}

.PollLegend 
{
	float:left;
	width:115px;
	padding:1px 0px 1px 18px;
	margin:0px 0px 6px 0px;
	background-color:Yellow;
}

.Option1 
{
	background:url(../Images/PollLegend1.png) top left no-repeat;	
}

.Option2
{
	background:url(../Images/PollLegend2.png) top left no-repeat;	
}

.Option3
{
	background:url(../Images/PollLegend3.png) top left no-repeat;	
}

.Option4
{
	background:url(../Images/PollLegend4.png) top left no-repeat;	
}