/*City Standard StyleSheet.*/

body { 
	background-color: #FeFeFe;/*off-white*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #333;
	margin: 0px;
	padding: 0px;}


/*Apply this class to the globalnavbar so the links will be white.*/
.globalnavbar { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}
a.globalnavbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.globalnavbar:visited { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.globalnavbar:hover { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}
a.globalnavbar:active { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}


/*Apply this class to the blackbar text so the links will be white and have a gold hover.*/
.blackbar { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none}
a.blackbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.blackbar:visited { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; text-decoration: none}
a.blackbar:hover { color: #CC9900; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.blackbar:active { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}

#container {position: relative; width:98%}


/*Apply this class to the sidelink text - color can be modified to match your colour scheme.  Do not remove the hover underline.*/
#leftSidebar {
	position: absolute; left:0; top:0;
	width:140px;
	text-align:right;
	font-size: 11px; 
	padding-left:5px;}
#leftSidebar p { 
	margin-top:0px; 
	margin-bottom:12px;
	margin-left:0px;
	margin-right:0px;} 
#leftSidebar h1 {
	color:#900;
	font-size: 11px; 
	margin:0px 0px 12px 0px;
	padding:3px 0px 12px 0px;
	text-transform:none;
	font-weight:normal;
	border-bottom:1px solid #999;}
#leftSidebar h1 a {
	color:#900;
	font-size: 11px; 
	margin:0px 0px 12px 0px;
	padding:3px 0px 12px 0px;
	font-weight:normal;
	text-transform:none;
	text-decoration:none;}
#leftSidebar h2 {
	color:#900;
	font-size: 11px; 
	margin:0px 0px 12px 5px;
	padding:12px 0px 3px 0px;}
#leftSidebar h2 a {font-size:11px;text-decoration:none; color:#900;}
#leftSidebar h2 li {padding-bottom:20px; border-bottom:1px solid #999;}

#leftSidebar h3 {color:#900; font-size:11px; margin:0px 0px 12px 5px; padding:12px 0px 3px 0px; font-weight:normal;}
#leftSidebar h3 li {margin-top:0px; margin-bottom:0px;}
#leftSidebar h3 a {font-size:11px; font-weight:normal;}

#leftSidebar ul {list-style-type:none;padding:0px;margin:0px;padding-bottom:20px;border-bottom:1px solid #999;}

#leftSidebar li { margin-left:10px; margin-top:12px;}/*puts space around each sidebar item*/
#leftSidebar li a { color: #006; font-size: 11px; text-decoration: none; }
#leftSidebar li a:link { text-decoration: none;}
#leftSidebar li a:active { text-decoration: none;}
#leftSidebar li a:visited { text-decoration: none;}
#leftSidebar li a:hover { text-decoration: underline; }

#content {
	margin-left:160px;/*don't know why this can't be 160, but it's out of alignment when it is*/
	margin-bottom:20px; text-align: left;	
	margin-right:25px;
	font-size:13px; /*width: 97%;*/}
	
/*These are the heading styles. Colors can be changed to match your colour scheme*/
#content h1 { 
	font-size: 20px; 
	font-weight: normal; 
	color: #900;}
#content h2 { 
	font-size: 16px; 
	color: #900;
	font-weight: normal;}
#content h3 {
	font-size: 14px; 
	font-weight: bold; 
	color: #900}
#content h4 { 
	font-size: 13px; 
	font-weight: bold; 
	color: #900}



#footer {
	clear:both;
	margin-left:160px;
	margin-right:5%;
	padding-bottom:5%;
	border-top: 1px solid #999;
	color:#999;}
#footer p {	font-size: 10px; }



#content img.ImgRight { float: right; margin-right: 10px; margin-left: 25px; margin-bottom: 10px;border: 1px solid #598aa4; }
#content img.ImgFlushRight { padding:0; float: right; margin-right: 5px; margin-left: 25px; margin-bottom: 10px;border: 1px solid #598aa4; }
#content img.ImgRightNoBord { float: right; margin-right: 10px; margin-left: 25px; margin-bottom: 10px; }
#content img.ImgLeft { float: left; margin-right: 25px;border: 1px solid #598aa4; }
#content img.ImgLeftNoBord { float: left; margin-right: 25px; }
#content img.reg { float: none; }
#content img.soundByte { float: left; margin-right: 10px;}
#content img.regTop {float: none; margin: 0;}

#byte { float: right; width: 90px; text-align: right; margin-left: 45px; margin-right: 5px; margin-bottom: 10px;}
#byte img { float: right; border: none; margin-left: 5px;}
#byte p { margin:0; padding:0; margin-top: 8px;color: #597187; font-weight: bold; font-size: 10px;font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center;}
#bytes { }
#bytes ul {	margin:0; padding: 0; list-style-type: none;}
#bytes ul li { margin-left: 25px; padding-left:15px;
	margin-bottom: 12px;
	list-style-image: url(../images/soundByte_sm.gif);
	list-style-position: 0;
}

/*This is the default link style for any links that you do not apply a class to.  These are the City standard and should not be changed.*/
a:link { color: #000066; text-decoration: underline}
a:visited { color: #336600; text-decoration: underline}
a:hover { color: #000066; text-decoration: underline}
a:active { color: #000066; text-decoration: underline}




/*This is the main and secondary styles in the header bar.  Colours can be changed to match your colour scheme.  Fonts and sizes should stay as is*/
.maintitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; color: #FFCC00; font-weight: normal}
.secondarytitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color: #CCCCCC}

/*This is the sidebartitle style.  Colour can be changed to match your colour scheme.  Fonts and sizes should stay as is.*/
.sidebartitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; text-decoration: none}
a.sidebartitle:link { color: #990000; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidebartitle:visited { color: #990000; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}
a.sidebartitle:hover { color: #990000; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidebartitle:active { color: #990000; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}


/*This is the styles for body, and tables.  Do not alter.*/
td {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333}

blockquote { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333}
p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333}
li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333}

ul { list-style-type:square }

/*This is the smalltext style.*/
.smalltext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #333333}

.heading1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #990000 }
.heading2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #990000 ; font-weight: normal}
.heading3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990000 }
.heading4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #990000 }
.medtext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}
.whitetext {  font-size: 12px; color: #FFFFFF}
.highlight {  font-size: 11px; color: #990000; background-color: #FFFFCC}
.cell_top_dashed {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-top-color: #999999;
}
.outlineBlack {
	border: 1px solid #333333;
}
#downloads {
	padding: 10px;
	float: right;
	margin-left: 20px;
	width: 210px;
	margin-bottom: 15px;
	border: 1px solid #d1dbe0; /*background-color:#d1dbe0 /*#DBE2E8*/;
}
#booklet {
	float: left;
	width: 90%;
}
#manual {
	float: left;
	width: 45%;
}
#brochure {
	float: left;
	width: 45%;
}
#info {
	clear: left;
	float: left;
	width: 100%;
}
.temp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF3300;
}
.myth {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #597187;
}

#contacts { margin: 10px 0px; }
#contacts h5 { font-weight: bold; margin-top: 10px; margin-bottom: 0; padding:0; }
#contacts p.hd { margin:0; padding:0; margin-top:0; margin-bottom: 0; font-weight: bold; }
#contact p { margin:0; padding:0; margin-bottom: 0px; }