@charset "utf-8";
/* CSS Document */

/*@import "reset.css";  browser reset  - Yeah i think this might be dangerous for sharepoint*/ 

body { font:80%/160% Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; background: #fff url(images/bottombak.gif) repeat-x bottom; }
h1, h2, h3 { color: #555; font-weight: normal; line-height: normal; margin:0.2em 0em 0.3em 0em;}
h1 {font-size: 1.8em;}
a { text-decoration: none; } /* Leave the default link colour alone. */
form { padding: 0; margin: 0; }
legend { font-weight: bold; }
fieldset { margin-bottom: 2em; padding-right:5px;  }
th { font-weight: normal; }

/* core.css overrides */
.pageContent { font-family:Verdana; color :#000000; font-size:100.01% !important }
.ms-PostWrapper, .ms-blogrss {width: 481px;}
.ms-sbtable, .ms-sblink a:link, .ms-sblink a:visited {font-size: 1em;}
.ms-WPTitle {font-size: 1em;}
.ms-WPBody, .ms-WPBody td, .link-item, .link-item a, .link-item a:link, .description {font-size: 0.97em;}
.headertitle-band, .headertitle-band a, .headertitle-band a:link {font-size: 1.05em;}
.level-item, .level-item a, .level-item a:link {font-size: 0.95em;}
.ms-PostTitle 
{
	line-height: normal;
	font-size:150% !important;
}
.ms-PostBody
{
	font-size:100% !important;
}
html {height: auto;}
.ms-gb
{
	font-size:100%;
	white-space:normal;
}
table.ms-disc td, .ms-vb2, td.ms-vb, th.ms-vh, th.ms-vh2, th.ms-vh2-nograd, td.ms-vh-group { font-size:100% }
.ms-disc-bordered-noleft { font-size:100% !important; }
.ms-sbscopes {display: none;}
td.ms-sbcell {border-style: none; font-family: inherit;}
td.ms-sbtext {font-weight: normal; font-family: inherit;}
.ms-sbplain {border-style: inset; border-width: 1px; font-family: inherit; font-size: inherit;}
td.ms-sbgo {background-color: inherit;}
.ms-sbtable-ex {width: 370px;}
.ms-toolbar, .ms-menutoolbar td a, .ms-toolbarContainer, .ms-listheaderlabel, .ms-viewselector, .ms-viewselectorhover, .ms-descriptiontext, .ms-formdescription {font-size: 100%;}

/* Top Level Page containers */
.headerLinkImage {height: 60px; width: 205px; margin-top: 21px; margin-left: 15px; float: left; border: none;}

#page {
	width:100%;
	background:url(images/topbak.gif) repeat-x top;
}


#OuterContainer {
	width:930px;
	margin:auto;
	background-color:#FFFFFF;
}
#shadow {
	background:url(images/shadowBg.png) repeat-y;
	width:970px;
	margin:auto;
}

/* Headers */

#Head {
	background:url(images/HeadBg.jpg) repeat-x;
	padding: 4px 5px;
	color:#FFFFFF;
	/*font-size:13px;*/
	line-height: normal;
	clear: right;	
	height:20px;
}
#HeadLinks {
	float:right
}
#Head a:Link, #Head a:visited {
	color:#FFFFFF;
	text-decoration:none;
	padding:3px;
}
#Head a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#HeadSignIn {
	float:left;
	vertical-align:middle;
	height:20px;
}
#Header {
	height:180px;
	line-height: normal;
	background:url(images/header.jpg) no-repeat;
}

.printHeader {display: none;}

#Header h1 { font-size: 6px; color: #6A99C3; display: inline; padding:0; margin:0; position:absolute; top:25px; } /*This needs to be here for search engines and screen readers*/

#Logo {
	float:left;
	width:200px;
	margin:25px 20px;
}

.searchBox {
/*	float: right;
	clear: right;
	width: 300px;
	margin: 25px 100px 80px 50px;*/
}

.searchBox a {/*color:#333333; border-style: none;*/}

#SRSB {float:right; margin-right: 160px; margin-top: 25px;}

#SRSB a {
            color:#333333;
}

#AdSearch {
	padding-left:52px;
}

#TopMenu {       
                border:0px solid #ff0000;
                margin:40px auto 0px auto;
                clear:both;
}
#FontControler{
                border:0px solid #ff0000;
                margin-top:-7px;
                padding:15px 20px 0px 20px; 
                text-align:right; clear: both;
}

.HomeImages {
	margin-bottom:15px;
	width:468px;
}


#HomeImages a:link, #HomeImages a:visited {
                color:#000000 !important;
}
#HomeImagesRow2 {
                margin-top:5px
}
.HomeImageImage_item {
                width:153px;
                height:119px
}
.HomeTitleImg1 {
                width:153px;
                background: url(images/img_HomeIco1_top.jpg) no-repeat #BFD2B4;
                border-right:4px solid white;
                text-align:center;
                font-weight:bold
}
.HomeTitleImg2 {
                width:153px;
                background: url(images/img_HomeIco2_top.jpg) no-repeat #E6DE92 top;
                border-right:4px solid white;
                text-align:center;
                font-weight:bold
}
.HomeTitleImg3 {
                width:153px;
                background: url(images/img_HomeIco3_top.jpg) no-repeat #B89CC8 top;
                border-right:4px solid white;
                text-align:center;
                font-weight:bold
}
.HomeTitleImg4 {
                width:153px;
                background: url(images/img_HomeIco4_btn.jpg) no-repeat #E5D3A5 bottom;
                border-right:4px solid white;
                text-align:center;
                font-weight:bold
}
.HomeTitleImg5 {
                width:153px;
                background: url(images/img_HomeIco5_btn.jpg) no-repeat #BA8B92 bottom;
                border-right:4px solid white;
                text-align:center;
                font-weight:bold
}
.HomeTitleImg6 {
                width:153px;
                background: url(images/img_HomeIco6_btn.jpg) no-repeat #EDAEA0 bottom;
                border-right:4px solid white;
                text-align:center;
                font-weight:bold
}
.img_title_home {
                padding:4px
}
.singleImage {
/*	width:153px;
	height:161px;*/
	padding-right: 3px;
	padding-bottom: 3px;
	float: left;
	border-style: none;
}

.container { width: 890px; padding: 20px 20px 20px 20px;} 

#PageBodyLeftColumn {
	float:left;
	width:485px;
}
#WhatsNew {
	padding-top:20px;
	margin-right:20px;
}
#UpcomingEvents 
{
	margin-right:20px;
}

#Title{
float:left;
}

#RSS{float:right; padding-top:10px}
#RSS img { vertical-align:middle }


#EventItem{
margin:0px 0px;
}

#PageBodyRightColumn {
	float:right;
	width:380px;
}
#RightTopContainer {
	width:350px;
	background:url(images/grrnBgtop.gif) no-repeat;
	padding:15px;
	border:0px solid #ff0000;
/*	padding-right:25px;*/
}

.RightTopContainerSmall {
    width:180px;
    background:url(images/RoundedBgSmall.jpg) no-repeat;
    margin-top:10px;
    border:px solid #ff0000;
}
.RightTopContainerSmallBottom {
	background:url(images/RoundedBgBottomSmall.jpg) no-repeat bottom;
	border:px solid #00cc00;               
	padding:15px;   
	width:150px;      
}

#GreenBgBottom {
	background:url(images/grrnBgbottom.gif) no-repeat bottom;
	background-position-x:0px;
}
#RightTopContainer a:link, #RightTopContainer a:visited {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
#RightTopContainerItems{padding-left:30px;}

.BrownBgBottom {
	background: url(images/brownBottom.jpg) no-repeat bottom;
	background-position-x:0px;
}

.RightTopContainer2 {
	width:350px;
	min-height: 229px; height: auto !important; height: 229px;
	background:url(images/brownTop.jpg) no-repeat;
	padding:15px;
	margin-top:10px;
}
#MapControl {
	margin:10px 0px 10px 3px;
}


/* Heading Styles */


.BlueHeading {
	font-size:16px;
	color:#0066CC;
	font-weight:bold;
}
.TextBold {
	font-weight:bold;
}
.BrownText {
	color:#9E6041
}
.BlueText {
	color:#0066CC;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* FOOTER */
.footer{ border:0px dotted #ff0000; height:100%;clear :both; width:890px; padding: 25px 20px 10px 20px; font-size: 90%; background: url(images/footerbak.jpg) no-repeat top; border-top: 2px solid #69c; }
.vonlogo{ float: right; }
.vonlogo img {border-style: none;}
.footerlinks{ margin: 0px 250px 0px 0px; }
.footerlinks p { font-size: 85%;}
ul.digdeep{ margin:0px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #69c; }
ul.digdeep li { margin:0px 0px 8px 0px; list-style-type: none; }
ul.footersitewide { margin:10px 0px 0px 0px; padding: 0px; font-size: 11px; min-height: 60px;}
ul.footersitewide li{ display: inline; margin:0; list-style-type: none; padding-right: 10px; font-weight:bold; }



/* MAIN NAVIGATION*/
div.mainnav {background: url(images/TopMenu_top.gif) no-repeat;}
div.mainnavclear {background: url(images/TopMenu_bottom.gif) no-repeat bottom; font-size: 1%; clear:both; margin:0px;
	padding:0px; height: 20px;}
ul.navlist{ margin: 0px; padding: 8px 0px 0px 2px; font-size:13px }
ul.navlist li{ display: block; list-style-type: none; float: left;
	background: url(images/TopMenu_Sep.gif) no-repeat right; font-weight: bold; font-size: 95%; line-height: 120%;
	text-align: center; margin:0px; padding:2px 0px 2px 0px; }
ul.navlist a, ul.navlist a:link, ul.navlist a:visited { color: #fff; }
ul.navlist a:active, ul.navlist a:hover { color: #ee6; }
ul.navlist li.active a, ul.navlist li.active a:link, ul.navlist li.active a:visited { color: #ee6; } /* the active state for when you are in a section */

/* PADDINGS*/

.Padding_Top_10 {
padding-top:10px;
}

.Padding_Bottom_20 {
padding-bottom:20px;
}

.Margin0Padding0{
margin:0px;
padding:0px;

}



.onecolumn {} /*I don't know what CSS I could use in here but I want to keep the option open*/
.navcolumn {float:left;width:220px;} /* Navigation on the left */
.contentcolumn {float:right;width:640px;} /* Main Content Column */
.contentmiddle {float:left; width:380px;} /* Main Content Column - middle area */
.contentright {float:right; width:230px;} /* Main Content Column - right area  */

.contentcolumnreverse {float:left;width:640px;} /* No Left Nav Wide Main Column */
.columnreverseright {float:right;width:220px;} /*  No Left Nav Narrow Right Column */
.contentcolumnreversefull {float:left;width:100%;} /* No Left Nav Wide Main Column Full Width */

 /* Generic 2 & 3 templates */
.gen23col0 {clear:both; width:640px; margin-bottom: 2em;} /* Generic 3 template - top & bottom area  */
.gen23col1 {float:left; width:305px; margin-bottom: 2em;} /* Generic 3 template - middle area */
.gen23col2 {float:right; width:305px; margin-bottom: 2em;} /* Generic 3 template - right area  */

/*LEFT NAVIGATION*/
.navcolumn h3 {padding:0px; margin-left: 6px;} /**/
.navcolumn ul {padding:0px; margin:0px;} /**/
.navcolumn ul li {padding:0px 0px 0px 12px; margin-left: 6px; line-height: 140%; list-style-type: none; background-image: url(images/Bullet-lvl2.gif); background-repeat: no-repeat; background-position: 0 .55em;} /**/
.navcolumn ul li ul {padding:0px; margin:0px 0px 7px 0px;} /**/
.navcolumn ul li ul li {padding:0px 0px 0px 12px; margin:0px; list-style-type: none; background-image: url(images/Bullet-lvl3.gif); background-repeat: no-repeat; background-position: 0 .55em;} /**/


/* CONTACT US */
table.contactform { width: 440px; }
table.contactform th { width: 160px; text-align: left; }
table.contactform label {  font-weight:bold;}
table.contactform { display: block; margin-bottom: 0.5em; padding: 0pt; }
table.contactform input, table.contactform textarea {width:250px !important;} 
input:focus, textarea:focus { background: #EFEFEF none repeat scroll 0%; color: #000000; }

/* LOGIN */
.lg-row {clear:left; width:890px; margin-bottom: 2em;} /* This is the row  */
.lg-col1 {float:left; width:440px; padding-right: 15px; border-right: none;} /* First column on left */
.lg-col2 {float:right; width:420px;} /* Second Column on the right */
.lg-col1-One {float:left; width:890px; padding-right: 15px;} /* One column center*/
table.signupform { width: 400px; } 
table.signupform th { width: 200px; text-align: right; }
table.signupform label {  font-weight:bold;}
table.signupform p { font-size: 82%; color: #666; margin: 0em 0em 1.5em 0em; }
table.signupform input, table.contactform textarea {width:250px;}
table.loginform { width: 800px; margin-bottom:2em; }
table.loginform th { width: 200px; text-align: right; }
table.loginform label { font-weight:bold;}
table.loginform p { font-size: 82%; color: #666; margin: 0em 0em 1.5em 0em; }
.loginerror {
	padding:20px; margin:20px; border: 1px dotted #900; background-color: #ffd; font-size: 115%; font-weight:bold;
}

/* FAQ */
dt { cursor: pointer; font-weight: bold; text-decoration: none; color: #036; display: block; padding:3px 0px 3px 12px; background-image: url(images/DTplus.jpg); background-repeat: no-repeat; background-position: 0 .7em; }
dt:hover {background-color:#def;}

.DTminus {background-image: url(images/DTminus.gif); background-repeat: no-repeat; background-position: 0 .7em;}
.DTplus {background-image: url(images/DTplus.gif); background-repeat: no-repeat; background-position: 0 .7em;}


.showDD { position: relative; top: 0px; margin:10px 0px 15px 12px; }
dd,.hideDD{ top: -9999px; padding-left: 15px; position: absolute; }

 /* COMMUNITY RESOURCES */
.cr-row {clear:left; width:890px; margin-bottom: 2em;} /* This is the row  */
.cr-col1 {float:left; width:280px; margin-right: 25px;} /* First column on left */
.cr-col2 {float:left; width:280px; margin-right: 25px;} /* Second Column in middle */
.cr-col3 {float:left; width:280px;} /* Third column on right */


/*MISC ELEMENTS*/
ul.linklist {padding:0px; margin:0px 0px 2em 0px;} /**/
ul.linklist li {padding:0px 0px 2px 0px; margin:0px 0px 6px 0px; list-style-type: none; border-bottom: 1px solid #666;} /**/

div.picturearea {float:left; width:252px; padding:15px 25px 10px 0px; margin:0px;} /* This is in Generic Template #4*/
div.picturearea p {padding:0px; margin:0px;} /* This is in Generic Template #4*/
div.picturearea cite {font-style: italic; font-weight: bold; text-align:center; display:block; margin:0px;} /* This is in Generic Template #4*/

div.picturepart {margin-bottom:2em;} /* This is for the webpart */
div.picturepart cite {font-style: italic; font-weight: bold; text-align:center; display:block; margin:0px;} /* This is for the webpart */

div.summaryzone { clear:both; width:640px; margin-top: 2em; margin-bottom: 2em; } /* This is in Generic Template #7  */
div.summarytext {float:right; width:435px; } /*  This is in Generic Template #7 */
div.summaryimage {float:left; width:180px;  zoom: 5;  } /*  This is in Generic Template #7 */


/*MY SITE --  column widths had to be adjusted - div class names adjusted*/  

div.mysitecontentcolumn {float:right;width:660px;} /* Main Content Column */
div.mysitecontentmiddle{float:left; width:440px;} /* Main Content Column - middle area */
div.mysitecontentright{float:right; width: 200px;}  /* Main Content Column - right area  - made thinner for the MYSite  */
div.mysitenavcolumn{float:left;width:190px;} /* Navigation on the left - made thinner for the MYSite */
div.mysitenavcolumn h3 {padding:0px; margin:0px;} /**/
div.mysitenavcolumn ul {padding:0px; margin:0px;} /**/
div.mysitenavcolumn ul li {padding:0px 0px 0px 12px; margin:0px; list-style-type: none; background-image: url(images/Bullet-lvl2.gif); background-repeat: no-repeat; background-position: 0 .55em;} /**/
div.mysitenavcolumn ul li ul {padding:0px; margin:0px 0px 7px 0px;} /**/
div.mysitenavcolumn ul li ul li {padding:0px 0px 0px 12px; margin:0px; list-style-type: none; background-image: url(images/Bullet-lvl3.gif); background-repeat: no-repeat; background-position: 0 .55em;} /**/
div.mysiteCJcontentcolumn {margin-left:140px; !margin-left:0px; !float:left; width:742px; !width:660px; !padding-left:10px;}
div.mysiteCJnavcolumn{float:left;width:120px;} /* Navigation on the left - made thinner for the MYSite */
div.mysiteCJnavcolumn h3 {padding:0px; margin:0px;} /**/
div.mysiteCJnavcolumn ul {padding:0px; margin:0px;} /**/
div.mysiteCJnavcolumn ul li {padding:0px 0px 0px 12px; margin:0px; list-style-type: none; background-image: url(images/Bullet-lvl2.gif); background-repeat: no-repeat; background-position: 0 .55em;} /**/
div.mysiteCJnavcolumn ul li ul {padding:0px; margin:0px 0px 7px 0px;} /**/
div.mysiteCJnavcolumn ul li ul li {padding:0px 0px 0px 12px; margin:0px; list-style-type: none; background-image: url(images/Bullet-lvl3.gif); background-repeat: no-repeat; background-position: 0 .55em;} /**/

table.profileform { width: 430px; }
table.profileform th { width: 180px; text-align: right; }
table.profileform label {  font-weight:bold;}
table.profileform p { font-size: 82%; color: #666; margin: 0em 0em 1.5em 0em; }
span.forceFixCheckBox input { width:25px !important }

/* POP UP */
div.Pfm-row label { float: left; padding: 3px 12px 0px 0px; text-align: right; font-weight:bold; width: 180px; }
div.Pfm-row { display: block; margin-bottom: 0.5em; padding: 0pt; }
div.Pfm-row input, div.Pfm-row textarea {width:200px;} 

.ClearBG {background:none;}

#PopUpBody{padding:10px;}
#PopUpForm{margin-bottom:15px;background-color:#C5D8E8;}

#PopUpFormTitle{padding:5px; background-color:#6AA5D5}

#PopUpFormBody{padding:5px; }
#PopUpFormLeft{float:left; width:70%;}
#PopUpFormRight{float:left; width:28%;}

.RowMarginBt_15{margin:10px 0;}


#MessageBox {border:1px solid #FDCD74; background:#FCEDC4; padding:5px;}

.contentcolumn td {
	padding-right:10px;
}

#PageBody #MSO_ContentTable div {
	border:0px solid #ff0000;
	font-size:98.01%
}
.navcolumn .ms-quickLaunch  {
	font-size:100%
}
.navcolumn .ms-quickLaunch a {
	font-size:100%
}
.ms-quicklaunchheader {
	font-size:100%;
}
.siteActionMenu {}
#MSOZoneCell_WebPartWPQ2 {	 
}
#discList #MSOZoneCell_WebPartWPQ2 {
	font-size:100.01%;
}
#discList .ms-vb, #discList .ms-vb-user {
	font-size:100.01% !important;
}

.ms-disc-bordered
{
	font-size:100.01% !important;
}

.contentcolumn font {
	line-height:normal !important;
}

.ms-pagebreadcrumb {
                background:none;
}
.ms-pagebreadcrumb a:link, .ms-pagebreadcrumb a:visited {
                background:none;
}
td.ms-pagebreadcrumb { padding-right:50px !important}

/* Self-Assessment */
.radioContainer input {
	width:84px;
}

.ms-rtetoolbarmenu
{
	padding-right: 1px !important;
}

.RightTopContainerSmall2 {
                width:220px;
                background:url(images/RoundedBgSmall2.jpg) no-repeat top;
                margin-top:10px;
                border:px solid #ff0000;
                
}
.RightTopContainerSmallbody2 {
                background:url(images/RoundedBgSmall2bg.jpg) repeat-y;
                border:px solid #00cc00;               
                padding:15px;   
                width:190px;      
}
.RightTopContainerSmallBottom2 {
                background:url(images/RoundedBgBottomSmall2.jpg) no-repeat top;
                border:px solid #00cc00;               
                padding:15px;   
                width:190px;      
}

#ImageWrapItem{border: 0px; margin:0px 0px 0px 0px; padding:5px; float:left; line-height:18px;}
#ImageWrapItem img{float: left; margin:0px 5px 0px 0px;}

#GreenBox1{background:url(images/disclaimerTop.jpg) no-repeat; width:220px;}
#GreenBox1Bottom{background:url(images/disclaimerBottom.jpg) no-repeat bottom; margin-left:-3px;  padding:15px; font-size:100%; font-style:italic; line-height:22px;}

.ms-PostFooter a
{
	white-space:normal !important;
}

.imgContainer img
{
	float:left !important;
	margin-right:8px;
}
.contL{
	border-left: 0 !important;
}
.contB{
	border-right: 0 !important;
	border-left: 0 !important;
}
.ms-standardheader{
	font-size:1.3em;
}
.ms-formtable{
	font-size:1.3em;
}

.ms-gridT1 {
	FONT-SIZE: 0.9em; WIDTH: 190px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-ALIGN: left
}

.ms-gridCol {
	FONT-SIZE: 0.9em; WIDTH: 90px; COLOR: #7f7f7f; FONT-FAMILY: verdana; TEXT-ALIGN: center
}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix {    height: 1%;}

.clearboth{ clear:both}
.border_right{ border-right:1px solid #ccc}

table.contactformtype2 { width: 440px; }
table.contactformtype2 th { width: 160px; text-align: left;padding:6px 6px 6px 0px; }
table.contactformtype2 td{padding:6px}
table.contactformtype2 label { width: 300px !important; font-weight:bold; }
table.contactformtype2 { display: block; margin-bottom: 0.5em; padding: 0pt; }
table.contactformtype2 input, table.contactformtype2 textarea {width:250px !important;} 
input:focus, textarea:focus { background: #EFEFEF none repeat scroll 0%; color: #000000; }

table.contactformtype3 { width: 650px; }
table.contactformtype3 th { width: 300px; text-align: left;padding:6px 6px 6px 0px; }
table.contactformtype3 td{padding:6px}
table.contactformtype3 label { width: 300px !important; font-weight:bold; }
table.contactformtype3 { display: block; margin-bottom: 0.5em; padding: 0pt; }
table.contactformtype3 input, table.contactformtype3 textarea {width:250px !important;} 
input:focus, textarea:focus { background: #EFEFEF none repeat scroll 0%; color: #000000; }