/* Start of CMSMS style sheet 'ABZ' */
body {
margin-top: 0px;
padding: 0;
color: #000000;
background-color: #bee4f1;
background-image:url(imgs/bg.jpg);
background-repeat: repeat-x;
font-family:"Trebuchet MS"; 
font-size: 13px;
line-height: 18px;}

#hrline {
  height: 1px;
  background-color:#e8f2f6;
  color:#e8f2f6; 
  margin-top:8px;}

.profilepicture {
float:right;
padding: 2px;
margin-left:10px;
border: 1px solid #8dbede; }

a:link { 
text-decoration: none; 
color: #0a4479; }

a:visited { 

color: #0a4479; }

#bodywrap {
width:850px; 
margin-top:47px;
margin-left: auto;
margin-right: auto;}

#header {
width: 850px;
height:106px;
background-image:url(imgs/header.png);}

#midsection {
width: 850px;
height:171px;
background-image:url(imgs/midsection.jpg);
margin-left: auto;
margin-right: auto; }

#contentwrapper {
width: 850px;
margin-bottom:0px;
background-color: #ffffff; }

#contentwrapper p {
margin-left:15px;
margin-right:15px;}

#contentwrapper h2 {
margin-left:15px;
margin-bottom:2px;
color:#0a4479;
font-family:"Trebuchet MS"; 
font-size: 20px;}

#contentwrapperprint {
width:100% 
margin-bottom:0px; }

#contentwrapperprint p {
color:#000000;
margin-left:15px;
margin-right:15px;}

#contentwrapperprint h2 {
margin-left:15px;
margin-bottom:2px;
color:#000000;
font-family:"Trebuchet MS"; 
font-size: 20px;}


.cwh3 {
margin-top:4px;
margin-bottom:5px;
float:left;
margin-left:15px;
color:#0a4479;
font-family:"Trebuchet MS"; 
font-size: 11px;
border-bottom: 1px solid #0a4479;
width:820px;}

.cwh3 a {text-decoration:none; 
color:#0a4479;}

.cwh3 b {
color:#000000;}

.pageutility {
margin-left:341px;}

.pageutility img {border-style:none;}

.pageutility a {text-decoration:none;}


.pageutility2 {margin-left:407px;}
.pageutility2 img {border-style:none;}
.pageutility2 a {text-decoration:none;}

.pageutility3 {margin-left:362px;}
.pageutility3 img {border-style:none;}
.pageutility3 a {text-decoration:none;}

.pageutilitys {margin-left:673px;}
.pageutilitys img {border-style:none;}
.pageutilitys a {text-decoration:none;}

.pageutility4 {margin-left:359px;}
.pageutility4 img {border-style:none;}
.pageutility4 a {text-decoration:none;}

.pageutility5 {margin-left:357px;}
.pageutility5 img {border-style:none;}
.pageutility5 a {text-decoration:none;}

.pageutility6 {margin-left:413px;}
.pageutility6 img {border-style:none;}
.pageutility6 a {text-decoration:none;}

.pageutility7 {margin-left:450px;}
.pageutility7 img {border-style:none;}
.pageutility7 a {text-decoration:none;}

.pageutility8 {margin-left:405px;}
.pageutility8 img {border-style:none;}
.pageutility8 a {text-decoration:none;}

.pageutility9 {margin-left:402px;}
.pageutility9 img {border-style:none;}
.pageutility9 a {text-decoration:none;}

.pageutility10 {margin-left:419px;}
.pageutility10 img {border-style:none;}
.pageutility10 a {text-decoration:none;}

#welcome {
background-image:url(imgs/welcome.jpg);
margin-top:7px;
margin-left: auto;
margin-right: auto; 
width:820px;
height:46px;}

#menuwrapper {
width:820px; 
margin-left: auto;
margin-right: auto; }

/*Nav Menu */

.menu {width:820px; height:34px; background-image:url(imgs/nav_bg.jpg); font-weight:bold; background-repeat:no-repeat; font-size:13px; font-family:"Trebuchet MS"; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:820px; w\idth:820px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:115px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:115px; text-align:center; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; text-decoration:none; color:#fff; width:105px; height:34px; border-width:1px 0 1px 1px; padding-left:3px; padding-right:3x; 
line-height:32px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:115px; w\idth:115px;}

/* style the second level background */
.menu ul ul 
a.drop, .menu ul ul a.drop:visited {background:#000000;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#d9e6ef;}
.menu ul ul :hover > a.drop {background:#d9e6ef;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0; width:115px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links - width determines width of dropdown */
.menu ul ul a, .menu ul ul a:visited {background:#d9e6ef; font-size:12px; color:#01265d; height:auto; line-height:1em; padding:5px 5px; width:119px; border-width:0 1px 1px 1px;}
.menu ul ul a:hover {color:#ffffff; background:#18548b;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000000; }
.menu :hover > a, .menu ul ul :hover > a {color:#000000; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.menu a#current { background-color:#ffffff; color:#18548b
;}	

#bucketholder {
width:835px; 
height:250px;
margin-left:15px;
padding-bottom: 10px; }

.idTabs {
margin-top:0px;
padding: 0px;
float: left;
width: 295px;
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
margin-bottom:4px;}

.idTabs ul {
margin-left: 0px;
padding-left: 0px;}

.idTabs li {
display: inline;
margin: 0px;
padding: 0px;
float: left;
color: #ffffff;
text-align: center;
font-size: 13px;
margin-left: 0px;
padding-left: 0px;}

.idTabs li a {
background-image:url(imgs/btn_bg.jpg);
color: #ffffff;
font-weight:bold;
text-decoration: none;
padding-top:4px;
padding-left: 10px;
padding-right: 10px;
height: 25px;
margin-right: 4px;
display: block;
float: left;
border: 1px solid #10497e;}

.idTabs li a:visited {
border: 1px solid #10497e;}

.idTabs li a:hover {
border: 1px solid #10497e;}

.idTabs li a.selected {
color: #000000;
font-weight:bold;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
height: 25px;
display: block;
float: left;
margin-right: 4px;
border: 1px solid #10497e;}

#dynamic_tab_1 {
float: left;
width: 295px;
height:215px;
display: block;
background-image:url(imgs/bucket_1_bg.jpg);
border: 1px solid #10497e;
margin-bottom: 10px;}

#dynamic_tab_1 h2 {
font-size: 16px;
font-weight:bold;
color: #ffffff;
margin-left: 9px; 
display: block;
margin-top: 6px;
margin-bottom: 2px; }

#dynamic_tab_1 p {
font-size: 12px;
color: #ffffff;
margin-left: 9px; 
display: block;
margin-top: 6px;
margin-bottom: 5px; }

#dynamic_tab_2 {
float: left;
width: 295px;
height:215px;
display: none;
background-image:url(imgs/bucket_1_bg.jpg);
border: 1px solid #10497e;
margin-bottom: 10px;}

#dynamic_tab_2 h2 {
font-size: 13px;
font-weight:bold;
color: #000000;
margin-left: 9px; 
display: block;
margin-top: 6px;
margin-bottom: 2px; }

#dynamic_tab_2 p {
font-size: 12px;
color: #ffffff;
margin-left: 9px; 
display: block;
margin-top: 6px;
margin-bottom: 5px; }

#dynamic_tab_1 a:visited,#dynamic_tab_1 a:hover,#dynamic_tab_2 a:visited,#dynamic_tab_2 a:hover,#dynamic_tab_3 a:visited,#dymanic_tab_3 a:hover{
color: #393939; }

#photoalbum {
width: 196px;
height: 215px;
overflow: hidden;
margin-right: 4px;
margin-left: 4px;
float: right;
background-image:url(imgs/bucket_2_bg.jpg);
border: 1px solid #10497e;}

#photoalbum h2 {
font-size: 16px;
font-weight:bold;
color: #ffffff;
margin-left: 9px; 
display: block;
margin-top: 6px;
margin-bottom: 2px; }

#photoalbum p
{font-size: 12px;
color: #ffffff;
margin-left: 9px; 
display: block;
margin-top: 6px;
margin-bottom: 5px; }

#upcomingevents {
width: 317px;
height: 215px;
overflow: hidden;
margin-right: 13px;
float: left;
background-image:url(imgs/bucket_3_bg.jpg);
border: 1px solid #10497e;}

#upcomingevents h2 {
font-size: 16px;
font-weight:bold;
color: #ffffff;
margin-left: 9px; 
display: block;
margin-top: 6px;
margin-bottom: 2px; }

#upcomingevents p {
font-size: 12px;
color: #ffffff;
margin-left: 9px; 
display: block;
margin-top: 6px;
margin-bottom: 5px; }

.thumbnail-div {
padding: 2px;
margin-left:9px;
margin-top:5px;
width:172px;
height:63px;
border: 1px solid #93c9f1; }

.more {
float: right;
margin-right: 8px;
padding-bottom:3px;}

/* FOOTER */

#footer {
clear: both;
font-size:11px;
margin-top:0px;
width: 850px;
height: 14px;
background-color:#0a4479;
text-align: center;
color: #FFFFFF;
padding-bottom:8px;
padding-top:5px;}

#footer a {
color: #FFFFFF;
text-decoration:underline; }

.tc {margin-left:13px;}

.fclass form {

margin-left: 13px;
padding-left: 13px;
padding-bottom:15px;
background-color:#ffffff;
width: 600px; }

.fclass label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 93px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

.fclass input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE *
							 
}






/* End of 'ABZ' */

