﻿html { 
    /* always show firefox scrollbar, to prevent horizontal shift. */
    overflow:-moz-scrollbars-vertical; 
}
body {
	min-width:1000px;
	margin:0;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
	background:#5789a4;
}
a {
	text-decoration:none;
}
a:hover {text-decoration:underline;}
img {border-style:none;}
form,
fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input,
textarea,
select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
#header {
	width:100%;
	background:#fff url(/App_Themes/collegiaterisk2011/images/bg-header.png) repeat-x 0 100%;
}
.header-holder {
	width:422px;
	min-height:87px;
	margin:0 auto;
	padding:42px 28px 0 550px;
	overflow:hidden;
	position:relative;
}
.logo {
	position:absolute;
	bottom:0;
	left:5px;
	margin:0;
	width:505px;
	height:125px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/App_Themes/collegiaterisk2011/images/logo.png) no-repeat;
}
.logo a {
	height:100%;
	display:block;
}
.top-menu {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	font:bold 14px/17px Arial, Helvetica, sans-serif;
}
.top-menu li {
	float:left;
	margin:0 2px 0 0;
}
.top-menu a {
	float:left;
	height:32px;
	padding:0 0 0 5px;
	color:#fff;
	text-decoration:none;
	background:url(/App_Themes/collegiaterisk2011/images/bg-btn.png) no-repeat;
}
.top-menu a:hover,
.top-menu .active
{
	background-position:0 -84px;
}
.top-menu span {
	float:left;
	padding:10px 15px 8px 10px;
	cursor:pointer;
	letter-spacing:-1px;
	background:url(/App_Themes/collegiaterisk2011/images/bg-btn.png) no-repeat 100% -42px;
}
.cufon-active .top-menu span {letter-spacing:0;}
.top-menu a:hover span,
.top-menu .active span 
{
	background-position:100% -126px;
}
#wrapper {
	width:100%;
	min-height:400px;
	overflow:hidden;
	background:url(/App_Themes/collegiaterisk2011/images/bg-page.png) repeat-x;
}
#main {
	width:940px;
	margin:0 auto;
	padding:0 17px;
	line-height:18px;
	overflow:hidden;
}
#nav {
	width:943px;
	margin:0 0 4px;
	padding:0;
	list-style:none;
	font:bold 16px/19px Arial, Helvetica, sans-serif;
	overflow:hidden;
}
#nav li {
	float:left;
	margin:0 3px 0 0;
}
#nav a {
	float:left;
	padding:13px 50px 6px 50px;
	color:#fff;
	text-align:center;
	background:url(/App_Themes/collegiaterisk2011/images/bg-nav.gif) repeat-x;
	height:19px;
}
.scaling-active#nav a {padding:13px 0 6px;}
#nav a:hover,
#nav .active a {
	color:#ffd33a;
	background:#00568b;
	text-decoration:none;
}
.top-section {
	padding:7px 20px 7px 19px;
	overflow:hidden;
	background:#ffc600;
}
.search {
	float:left;
	width:580px;
	height:32px;
	padding:6px 0 0 6px;
	background:url(/App_Themes/collegiaterisk2011/images/bg-form.png) no-repeat;
	margin:0;
}

.search label {
	width:197px;
	padding:4px 0 0 0;
	text-align:right;
	letter-spacing:-1px;
}
.search .bg-inp {
	float:left;
	width:314px;
	margin:0 6px 0 0;
	padding:2px 3px;
	height:23px;
	background:url(/App_Themes/collegiaterisk2011/images/bg-inp.png) no-repeat;
}
.search .inp-txt {
	float:left;
	width:308px;
	margin:0;
	padding:4px 3px 3px;
	font-size:14px;
	line-height:16px;
	background:none;
	border:0;
}
.search .searchlink {
	float:left;
	width:43px;
	height:27px;
	margin:0;
	padding:0;
	border:0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	background:url(/App_Themes/collegiaterisk2011/images/bg-submit.png) no-repeat;
}
.search .searchlink:hover {background-position:0 -37px;}
.social-holder {
	float:right;
	padding:11px 0 0;
}
.search label,
.social-holder .title {
	float:left;
	margin:0 6px 0 0;
	color:#020e1b;
	font-size:22px;
	line-height:25px;
}
.social {
	float:left;
	margin:-3px 0 0 0;
	padding:0;
	list-style:none;
}
.social li {
	float:left;
	margin:0 5px 0 0;
}
.social a {display:block;}
.social .facebook,
.social .twitter,
.social .you-tube {
	width:26px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/App_Themes/collegiaterisk2011/images/bg-social.png) no-repeat 0 1px;
}
.social .facebook {background-position:0px 0px;}
.social .twitter {background-position:0px -37px;}
.social .you-tube {background-position:1px -74px;}
.white-box {
	width:974px;
	margin:-13px -17px 0;
	padding:30px 0 0;
	overflow:hidden;
	background:url(/App_Themes/collegiaterisk2011/images/bg-white-box.png) no-repeat;
}
.white-holder {
	width:974px;
	padding:0 0 30px;
	background:url(/App_Themes/collegiaterisk2011/images/bg-white-box.png) no-repeat 100% 100%;
}
.white-frame {
	width:907px;
	float:left;
	padding:0 25px 15px 42px;
	background:url(/App_Themes/collegiaterisk2011/images/bg-white-box.png) repeat-y -983px 0;
}
#content-full {
	width:803px;
	padding:15px 67px 0 0;
}
#content {
	float:right;
	width:515px;
	padding:15px 67px 0 0;
}
#content h1 {
	font-size:22px;
	line-height:25px;
	margin:0 0 13px;
}
#content p {margin:0 0 18px;}
#content ul {
	margin:0;
	padding:3px 0 0 8px;
	list-style:none;
}
#content ul li {
	margin:0 0 14px;
	padding:0 0 0 18px;
	background:url(/App_Themes/collegiaterisk2011/images/bullet-01.png) no-repeat 0 4px;
}
.content-section {
	float:left;
	width:907px;
	margin:-5px 0 0;
}
.content-txt {
	float:left;
	width:270px;
	padding:20px 0 10px 14px;
}
.content-txt h2 {
	font-size:22px;
	line-height:25px;
	margin:0 0 6px;
}
.content-txt p {margin:0 0 13px;}
.content-txt .note {text-align:left;}
.btn-area {
	float:right;
	position:relative;
}
.btn-area img {vertical-align:top;}
.btn-list {
	position:absolute;
	top:8px;
	left:9px;
	margin:0;
	padding:0;
	list-style:none;
}
.btn-list li {margin:0 0 6px;}
.btn-list a {
	display:block;
	width:234px;
	height:70px;
	padding:10px 10px 4px 15px;
	overflow:hidden;
}
.btn-list a:hover {
	padding:7px 7px 1px 12px;
	color:#fff;
	text-decoration:none;
	background-position:230px 12px;
}
.btn-list .title {
	display:block;
	color:#fff;
	padding:0 20px 1px 0;
	font-size:26px;
	line-height:29px;
}
.btn-list .blue {
	color:#abcce4;
	background:#093b5e url(/App_Themes/collegiaterisk2011/images/bg-arrow.png) no-repeat 233px 15px;
}
.btn-list .blue:hover {
	border:3px solid #7dcaff;
	background-color:#001d31;
}
.btn-list .brown:hover {
	border:3px solid #ffc600;
	background-color:#312600;
}
.btn-list .black:hover {
	border:3px solid #fff;
	background-color:#000;
}
.btn-list .brown {
	color:#ffe17a;
	background:#604b00 url(/App_Themes/collegiaterisk2011/images/bg-arrow.png) no-repeat 233px 15px;
}
.btn-list .black {
	color:#b5b5b5;
	background:#212121 url(/App_Themes/collegiaterisk2011/images/bg-arrow.png) no-repeat 233px 15px;
}
.yellow-box {
	width:974px;
	margin:-27px -17px 0;
	padding:204px 0 0;
	background:url(/App_Themes/collegiaterisk2011/images/bg-yellow-box.png) no-repeat;
}
.yellow-holder {
	width:974px;
	padding:0 0 204px;
	background:url(/App_Themes/collegiaterisk2011/images/bg-yellow-box.png) no-repeat 100% 100%;
}
.yellow-frame {
	float:left;
	width:876px;
	padding:0 45px 0 53px;
	background:url(/App_Themes/collegiaterisk2011/images/bg-yellow-box.png) repeat-y -984px 0;
}
.white-holder:after,
.yellow-holder:after,
.box-section:after {
	display:block;
	clear:both;
	content:'';
}
.yellow-content {
	float:left;
	width:876px;
	margin:-175px 0 -156px;
}
.news {
	float:left;
	width:277px;
	margin:0 45px 0 0;
}
.news h2 {
	font-size:26px;
	line-height:29px;
	margin:0 0 8px;
}
.news ul {
	width:100%;
	margin:0;
	padding:0;
	color:#fff;
	line-height:20px;
	list-style:none;
	overflow:hidden;
}
.news li {
	padding:14px 9px 9px;
	margin:0 0 5px;
	overflow:hidden;
	background:#366684;
}
.news li a{
	color: #eebd39;
}
.news img {
	float:left;
	margin:0 8px 0 0;
}
.news .post {
	height:1%;
	padding:3px 0 0;
	overflow:hidden;
}
.news p {margin:0;}
.content-frame {
	height:1%;
	padding:18px 0 0;
	overflow:hidden;
}
.content-frame img {
	float:left;
	margin:0 26px 0 0;
}
.content-frame h3 {
	font-size:20px;
	line-height:23px;
	margin:0 0 10px;
	padding:7px 0 0;
}
.content-frame p {margin:0 0 10px;}
.box-section {
	width:948px;
	margin:-26px -17px 0;
}
.img-box {
	float:left;
	width:336px;
	margin:0 -26px 0 0;
	padding:33px 0 0;
	background:url(/App_Themes/collegiaterisk2011/images/bg-img-box.png) no-repeat;
}
.wide {
	width:354px;
	background-position:-1038px 0;
}
.img-holder {
	width:336px;
	padding:0 0 33px;
	background:url(/App_Themes/collegiaterisk2011/images/bg-img-box.png) no-repeat -692px 100%;
}
.wide .img-holder {
	width:354px;
	background-position:-1766px 100%;
}
.img-frame {
	overflow:hidden;
	padding:0 32px;
	background:url(/App_Themes/collegiaterisk2011/images/bg-img-box.png) repeat-y -346px 0;
}
.wide .img-frame {background-position:-1402px 0;}
.img-box img {vertical-align:top;}
#sidebar {
	float:left;
	width:288px;
	padding:15px 0 0;
}
.note {
	display:block;
	margin:0 0 8px;
	color:#ca9300;
	font-size:24px;
	line-height:27px;
	letter-spacing:-1px;
	text-align:center;
}
.note em {
	font-style:normal;
	color:#093b5e;
}
.sub-nav {
	margin:0 0 14px;
	padding:14px 11px 12px 10px;
	list-style:none;
	font:bold 16px/19px Arial, Helvetica, sans-serif;
	border:1px solid #5f8ea8;
	background:#dce3e9;
}
.sub-nav li {margin:0 0 2px;}
.sub-nav a {
	display:block;
	padding:11px 8px;
	color:#1a3d59;
	background:#aec6d7;
	border-left:23px solid #558fb3;
}
.sub-nav a:hover
{
	padding:11px 8px 11px 31px;
	color:#fff;
	border:0;
	text-decoration:none;
	background:#0c6196 url(/App_Themes/collegiaterisk2011/images/bullet-03.gif) no-repeat 13px 15px;
}
.sub-nav .active a 
{
	padding:11px 8px 11px 31px;
	color:#fff;
	border:0;
	text-decoration:none;
	background-color:#0c6196;
}
.images {
	width:290px;
	margin:0 0 14px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.images li {
	float:left;
	margin:0 2px 1px 0;
}
.images img {
	display:block;
	margin:0 0 1px;
}
.item-box {
	margin:0 0 14px;
	overflow:hidden;
	border:1px solid #9c770a;
}
.item-box img {vertical-align:top;}
#footer {
	width:974px;
	margin:0 auto;
	padding:4px 0 0;
	overflow:hidden;
}
.additional-nav {
	width:100%;
	margin:0 0 22px;
	padding:0;
	list-style:none;
	font:bold 16px/19px Arial, Helvetica, sans-serif;
	overflow:hidden;
}
.additional-nav li {
	float:left;
	padding:0 55px;
}
.additional-nav a {
	float:left;
	color:#fff;
	text-align:center;
}
.additional-nav a:hover {text-decoration:none;}
.footer-holder {
	width:940px;
	margin:0 17px;
	padding:14px 0 20px;
	overflow:hidden;
	border-top:2px solid #233742;
}
.footer-holder a {text-decoration:underline;
	color:#000000;
}

.menu {
	float:left;
	width:400px;
	margin:0 20px 10px 0;
	padding:0;
	list-style:none;
	color:#000000;
}
.menu li {
	float:left;
	padding:0 12px;
	background:url(/App_Themes/collegiaterisk2011/images/bullet-02.gif) no-repeat 0 50%;
}
.menu li:first-child {
	background:none;
	padding:0 12px 0 0;
}
.copyright {
	height:1%;
	overflow:hidden;
	text-align:right;
}
.copyright p {margin:0;}
.separator {
	padding:0 0 0 25px;
	background:url(/App_Themes/collegiaterisk2011/images/bullet-02.gif) no-repeat 10px 50%;
}

/* "Edit Module" button that appears on the front-end for authorized users. */
.webmodules_editModuleLink,
a.webmodules_editModuleLink,
a.webmodules_editModuleLink:link,
a.webmodules_editModuleLink:visited {
    background-color: #FFFFA5;
    padding: 1px 2px 2px 2px;
    border: 1px dotted gray;
    position: absolute; /*preserve layout*/
    font-size: 100%;
    color: Blue;
    font-weight: normal;
    text-decoration: underline;
    z-index: 9999; /*CMS buttons should always be on top.*/
}
.webmodules_editModuleLink:hover,
a.webmodules_editModuleLink:hover {
    font-size: 100%;
    color: #00A2FF;
}

/* "Edit Page" button that appears on the front-end for authorized users. */
.webmodules_editPageLink,
a.webmodules_editPageLink,
a.webmodules_editPageLink:link,
a.webmodules_editPageLink:visited {
    background-color: #FFFFA5;
    padding: 1px 2px 2px 2px;
    border: 1px dotted gray;
    position: absolute; 
    top: 5px;
    left: 5px;
    font-size: 100%;
    color: Blue;
    font-weight: normal;
    text-decoration: underline;
    z-index: 9999; /*CMS buttons should always be on top.*/
}
.webmodules_editPageLink:hover,
a.webmodules_editPageLink:hover {
    font-size: 100%;
    color: #00A2FF;
}

/* sub navigation highlighted/activated style. */
.subnav .on a:link, .subnav .on a:visited, .subnav .on a:hover, .subnav .on a:active {
	background-color: #00FF00;
}

/******************************************************************************
 main navigation menu. 
******************************************************************************/
.mainNavDropDown {
    z-index: 1; /* do not remove; fixes IE8 rendering issue. */
    padding: 10px 0px 0px 0px;
}

/* the <table> element for each menu item. */
.mainNavDropDown_item {
}

/* this <td> is contained by the <table> above. */
.mainNavDropDown_item td {
}

/* this <a> is contained by the <td> above. */
.mainNavDropDown_item a {
    display: block; /* do not mess with this. */
}

/* do *not* put multiplicative things like padding in here. */
.mainNavDropDown_item, /* required */
.mainNavDropDown_item a, /* required */
.mainNavDropDown_item a:link, /* required */
.mainNavDropDown_item a:visited /* required */ {
	background-color: #00FF00;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    width: 15em;
    padding: 10px 5px;
}

/* the <table> element for each menu item. */
.mainNavDropDown_item_hover {
}

/* this <td> is contained by the <table> above. */
.mainNavDropDown_item_hover td /* important */ {
}

/* this <a> is contained by the <td> above. */
.mainNavDropDown_item_hover a {
    display: block; /* do not mess with this. */
}

/* do *not* put multiplicative things like padding in here. */
.mainNavDropDown_item_hover, /* required */
.mainNavDropDown_item_hover a, /* required */
.mainNavDropDown_item_hover a:link, /* required */
.mainNavDropDown_item_hover a:visited, /* required */
.mainNavDropDown_item_hover a:hover, /* required */
.mainNavDropDown_item_hover a:active /* required */ {
	background-color: #00FF00;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    width: 15em;
    padding: 10px 5px;
}


.font9 
{
	font-weight:bold;
}