/* Start of CMSMS style sheet 'Metros2' */
* {
margin:0;
padding:0;
}

/*Set initial font styles*/
body {
             text-align: left;
             font-family: verdana, arial, helvetica, sans-serif;
	/*color:#333333;*/
             font-size: 12px;
             line-height: 21px;
             /*background-color: #FFFFFF;*/
	background-image: url(uploads/images/bluebg1.jpg);
             background-repeat: repeat-x;
}

a{
             color: #333333;

}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0px;
	padding:0px;
}
a img { 
            border: 0; 
}

#wrapper {
	width:800px;
	margin:0px auto;
	background-color:#FFFFFF;
}

#content {
	width:778px;
	margin:0px auto;
	background-image:url(uploads/images/bg_header_top.gif);
	background-repeat:repeat-x;
	background-position:top;
	/*background-color:#FFF;*/

}

#header {
	height:96px;
}

#logo {
	width:258px;
	float:left;
}

#logo h1{
	font-size:26px;
	color:#F76B0C;
	font-weight: normal;
	text-decoration:none;
	padding-left: 40px;
	padding-top: 30px;
}

#logo h4 {
	font-size:16px;
	color:#003399;
	font-weight:bold;
	text-decoration:none;
	padding-top:70px;
             letter-spacing: -0.9px;
}

#tzcd {
	font-size:16px;
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
	padding-top:70px;
             letter-spacing: -0.9px;
}

#tzcdheader {
	font-size:12px;
	color:#003399;
	font-weight:bold;
	/*text-decoration:none;*/
             padding: 55px 0px 0px 28px;
	/*padding-top:55px;*/
             /*padding-left: 28px;*/
             letter-spacing: -0.9px;
             /*float: left;*/
             position: absolute;
             background-image:url(uploads/images/logos/usaflagtiny.gif);
             background-position: 4px 58px;
             background-repeat: no-repeat;

}
#mainimg {
	background-image:url(uploads/images/top5.jpg);
	background-repeat:no-repeat;
             background-position: right;
             background-color: #006AC3;
	height:132px;
	text-align:right;
}

#mainimg h3 {
	font-size:32px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:80px 30px 0px 0px;
}

#mainimg h4 {
	font-size:18px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px 0px 0px;
}

#contentarea {
	clear:both;
	padding:25px 0px;
}

#leftbar {
	float:left;
	width:780px;
	border-right:1px solid #BCBDBC;
             min-height:500px;
             height:auto !important;
             height:500px;
}
#leftbar img {
	padding: 4px;
	border: 1px solid #003399;
}

#leftbar h2{
             font-size:24px;
	color:#003399;
	font-weight:bold;
             letter-spacing: -0.5px;
	text-decoration:none;
	padding-left:40px;
	padding-bottom:15px;
}

#leftbar h4{
             font-size: 12px;
	color:#003399;
             letter-spacing: -0.5px;
	text-align:left;
	font-weight:bold;
             padding-bottom: 5px;
	padding-left:40px;
}

#leftbar p{
	/*color:#333333;*/
             /*font-size: 12px;*/
             /*line-height: 21px;*/
	/*font-weight:normal;*/
	/*text-decoration:none;*/
	padding:0px 40px;
}

#leftbar a {
	font-weight:bold;
             border-bottom: 1px dotted #006AC3;
	text-decoration:none;
}

#leftbar a:hover {
	font-weight:bold;
             border-bottom: 1px solid #006AC3;
	text-decoration:none;
          /*padding:0px 40px;*/
}

#rightbar {
	float:left;
	width:237px;
	text-decoration:none;
}

#rightbar h2{
	font-size:12px;
	color:#FFFFFF;
             letter-spacing: -0.5px;
text-transform: uppercase;
	font-weight:bold;
	text-decoration:none;
	padding-left: 7px;
	padding-bottom:2px;
             padding-top: 2px;
             background-color: #003399;
             margin-left: 4px;


}

/*#rightbar p{*/
	color:#333333;
             font-size: 12px;
             line-height: 21px;
	font-weight:normal;
	text-decoration:none;
	padding:0px 5px;
}

#rightbar a {
          /*font-size:11px;*/
	color:#003399;
	font-weight:bold;
          border-bottom: 1px dotted #003399;
	text-decoration: none;
          /*padding:0px 40px;*/
}

#rightbar a:hover {
          /*font-size:11px;*/
	color:#003399;
	font-weight:bold;
          border-bottom: 1px solid #003399;
	text-decoration:none;
          /*padding:0px 40px;*/
}
#rightbar a:visited {
          /*font-size:11px;*/
	color:#003399;
	font-weight:bold;
          /*border-bottom: 1px dotted #003399;*/
	text-decoration: none;
          /*padding:0px 40px;*/
}
.rightbar img{
	border: none;
}
.orangetext {
	font-size:11px;
	color:#EE8907;
	font-weight:bold;
	text-decoration:none;
}

#bottom {
	clear:both;
	height:32px;
	padding-top:25px;
}

#email {
	float:left;
	width:500px;
	background-color:#006AC3;
	height:27px;
	padding-top:5px;
}
#email p{
	/*font-size:11px;*/
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding-left:35px;
}

#email a{
	color:#fff;
	font-weight:bold;
             border-bottom: 1px dotted #FFFFFF;
	text-decoration:none;
}

#email a:hover{
	color:#fff;
	font-weight:bold;
             border-bottom: 1px solid #FFFFFF;
	text-decoration:none;
	
}

#validtext {
	float:left;
	width:278px;
	background-color:#006AC3;
	height:27px;
	padding-top:5px;
}

#validtext p{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	padding-right:35px;
}

#validtext a{
	color:#fff;
	font-weight:bold;
             border-bottom: 1px dotted #FFFFFF;
	text-decoration:none;
}

#validtext a:hover{
	color:#fff;
	font-weight:bold;
             border-bottom: 1px solid #FFFFFF;
	text-decoration:none;
}

#content img {
	padding: 4px;
          /*border: 1px solid #003399;*/
}

img.alignleft {
	float: left;
	margin: 4px 15px 5px 0px;
}

img.alignright {
	float: right;
	margin: 0 0 5px 15px;
}

img.alignabove {
	margin: 0 0 10px 0;
}

.coach{
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 10px;
            height: 130px;
            width: 85%;
            border-bottom: 1px dotted #C7C7C7;
            padding-bottom: 10px;
}
.coach p{
	color:#666666;
             font-size: 15px;
             line-height: 21px;
	font-weight:normal;
	text-decoration:none;
	padding:0px 40px;
             width: 85%;
             float: right;
}
.coach h3{
             font-size: 12px;
	color:#003399;
             letter-spacing: -0.5px;
	text-align:left;
	font-weight:bold;
             padding-bottom: 5px;
}
.coach img{
	padding: 4px;
	border: 1px solid #006AC3;
             float: left;
             margin-right: 10px;

}#rightblock {
          /*margin-top: 5px;*/
          /*float: right;*/
          /*margin-right: 20px;*/
             width: 200px;
             margin-left: auto;
             margin-right: auto;
          /*position: relative;*/
          /*clear: left;*/
}
#anniversary {
          /*width: 212px;*/
             float: right;
          /*margin-left: auto;*/
          /*margin-right: auto;*/
}
#anniversary img {
	padding: 4px;
	border: 0px solid;
}
.rightbox {
            float: right;
            margin-top: 10px;
         /*border: 1px solid #003399;*/
            width: 100%;
            margin-right: auto;
            margin-left: auto;
         /*margin-bottom: 10px;*/
         /*height: 80px;*/
}
.rightbox a {
	text-decoration:none;
}
.rightad {
            /*float: right;*/
            margin-top: 10px;
            border: 1px solid #003399;
            /*width: 100%;*/
            /*margin-right: auto;*/
            /*margin-left: auto;*/
         /*margin-bottom: 10px;*/
}
.rightad a:hover {
	text-decoration:none;
             border: none;
}
.rightad img{
	 padding: 0px;
              border: 0px;
}
.rightad h3{
	 font-size:12px;
	 color:#FFFFFF;
              letter-spacing: -0.5px;
              text-transform: uppercase;
	 font-weight:bold;
              text-align: center;
	 text-decoration:none;
	 padding-bottom:2px;
              padding-top: 2px;
              background-color: #003399;
}
.rightad p{
	color:#333333;
             font-size: 10px;
             line-height: 14px;
	font-weight:bold;
	text-decoration:none;
	padding:8px 5px 10px 5px;
}

.rightad a {
	color:#003399;
	font-weight:bold;
             border-bottom: 1px dotted #003399;
	text-decoration: none;
}

.rightad a:hover {
	color:#003399;
	font-weight:bold;
             border-bottom: 1px solid #003399;
	text-decoration:none;
}
.rightad a img {
             border-bottom: 0px;
}
/* End of 'Metros2' */

/* Start of CMSMS style sheet 'Metros : CSS Horiz Menu' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen 

Modified by Doug Case http://risingline.com to accomodate a transparent background on primary menu level
EDIT HERE comments added in comments above each element that would be typically edited

Sample coding for using this menu in a CMSMS template:

/*<div style="vertical-align: middle; margin: 0; padding: 0; width: 100%; background-position: left top; background-image:url('assets/images/06/navbar.png'); background-repeat:repeat-x; background-attachment:scroll">
<span style="margin-top:-2px">{menu template='cssmenu.tpl'}</span></div>*/

Gotchas:
>Make sure you've got the JavaScript helper loaded or this menu won't work in IE 6
>Apply the Accessibility CSS menu to your templates with this menu or you'll get hierarchical numbers with each menu item
 
Please contact me with comments, suggestions or corrections at http://risingline.com/contact_general_information.htm


/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }


/* EDIT HERE 1 - FROM DOUG - Below styles the dynamically created div id="menuwrapper"
Change settings here to:
>width of nav bar - common widths are 760px, 955px, or 100%
>alignment of all all levels of menu items */
#menuwrapper {

   float: right;
   /*clear: both;*/
   background-color: #0066CC;
   border-bottom: 1px solid #FFFFFF;
   /*width: 100%;*/
}
#menu_vert {
	margin:0px; 
	padding-top:66px;
}

/* EDIT HERE 2 - Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 129px; 
}

/* Unless you know what you do, do not touch these positioning elements */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
#primary-nav li { 
   width:129px;
   /*height:25px;*/
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}
/* End of positioning elements */ 

/* Styling the basic apperance of the menu elements
EDIT HERE 3- You can change the text color for all levels of the menu here. To change the sublevel text to a different
color see EDIT 6 */
#primary-nav a {
       display: block;
       margin: 0px;
       padding: 3px 10px;
       text-decoration: none;
       font-size:11px;
       text-align:center;
       color:#FFFFFF;
       font-weight:normal;
       text-decoration:none;
}
/* EDIT HERE 4 - You can edit or remove side bordres on the main nav bar. Font attributes set here affect all levels */
#primary-nav li a {
   /*border-right: 1px solid #FFFFFF;*/
   border-left: 1px solid #FFFFFF;
   border-bottom: 1px solid #FFFFFF;
   }
/* EDIT HERE 5 - Edit or remove bordres of the 2nd and 3rd level menu items
If you would like a different font color for submenu text change it here
 */
#primary-nav li li a { 
   border: 1px solid #FFFFFF;
}
/* EDIT HERE 6 - I set the background of the main nav bar to transparent so I can
 add gradient background pictures in the html. 
 Obviously, you can also change main nav bar to a different color.
 Note: Just changing this background color in the default CSS menu template will also affect
 all lower levels of the menu, you must also add the edits in 7 and 8 at the bottom of this sheet. */   
#primary-nav li, #primary-nav li.menuparent {
   background-color: transparent;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #003399; 
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
/* NOTE FROM DOUG - I changed the positioning so it's easier to use other arrow graphics. */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth {
   /* arrow for menuparents */
   background-image: url(../ma10.gif);
   background-position: 180px center;
   background-repeat: no-repeat;
   }

/* Styling the apperance of menu items on hover 
NOTE from Doug-added "#primary-nav ul li.menuparent:hover," to this section so it works in FF and IE6*/
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth,
#primary-nav ul li.menuparent:hover, 
#primary-nav li.menuactiveh {
   background-color: #0066CC;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}

/* IE Hacks */
/* EDIT HERE 7 - You can change the background color of submenu items that ARE NOT parents match with color in edit 8 */
#primary-nav li li {
   float: left;
   clear: both;
   background-color: #003399;
}
/* Don't change */
#primary-nav li li a { 
   height: 1%; 
}
/* EDIT HERE 8 - You can change the background color of submenu items that ARE parents (match with color in edit 7) */
#primary-nav ul li.menuparent {
   background-color: #5B8AB9;
}
/* End of 'Metros : CSS Horiz Menu' */