/* Start of CMSMS style sheet 'POCN CSS' */
/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {
	margin: 0;
	padding: 0;
}
/*Set initial font styles*/
body {
	text-align: left;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 75.01%;
	line-height: 1em;
}
/*set font size for all divs, this overrides some body rules*/
div {
	font-size: 1em;
}
/*if img is inside "a" it would have borders, we don't want that*/
img {
	border: 0;
}
/*default link styles*/
/* set all links to have underline and bluish color */
a, a:link a:active {
	text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
	background-color: inherit;
	color: #18507C;
}
a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #18507C;
/* a different color can be used for visited links */
}
/* remove underline on hover and change color */
a:hover {
	text-decoration: none;
	background-color: inherit;
	color: #385C72;
}
/*****************basic layout *****************/
body#inner {
	margin: 0;
	padding: 0;
/* default text color for entire site*/
	color: #333;
/* you can set your own image and background color here */
	background: #ECECEC url(assets/template/body-bg.jpg) repeat-x left top;
}

div#pagewrapper1 {
  background: #FFFFFF url(assets/template/pagewrapper_05.jpg) repeat-y 0px 330px;
  width: 987px;
  margin: 0 auto;
  padding: 0;
}
div#pagewrapper2 {
	margin: 0;
	background: transparent url(assets/template/pagewrapper_02.jpg) no-repeat top left;
	color: #002F58;
}
/* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */
div#header {
	height: 100px;
	margin: 0;
	padding: 0;
}
div#header h1 a, div#hp-header h1 a {
	display: block;
	height: 100px;
/* this hides the text */
	text-indent: -999em;
	text-decoration: none;
	outline: none;
}



div#header h1 {
	margin: 0;
	padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
	line-height: 0;
	font-size: 0;
/* this will keep IE6 from flickering on hover */
	background: transparent url(assets/template/pagewrapper_02.jpg) no-repeat left top;
}


div#content {
/* some air above and under menu and content */
	margin: 1.5em auto 0 auto;
	padding: 0px;
	min-height: 330px;
}
/* this gets all the outside calls that were used on the div#main before  */

div#main {
    width: 655px;
	float: left;
	margin: 0;
	padding: 30px 0 0 0;
}
div#sidebar {
	float: left;
	width: 26%;
/* FIX IE double margin bug */
	display: inline;
	margin: 20px 0px 20px 50px;
	padding: 0px;
}

#sidebar-buttons a  {
 font-weight: bold;
 font-size: 13px;
 text-decoration: none;
 outline: none;
}

.big-button-on {
 display: block;
 background: transparent url(assets/template/left-buttons.png) no-repeat left top ;
 width: 166px;
 height: 29px;
 margin: 10px auto 0 auto;
 padding: 17px 0 0 8px;
 overflow: hidden;
 color: #FFF !important;
}

.big-button-off {
 display: block;
 background: transparent url(assets/template/left-buttons.png) no-repeat left bottom;
 width: 166px;
 height: 29px;
 margin: 10px auto 0 auto;
 padding: 17px 0 0 8px;
 overflow: hidden;
 color: #002F58 !important;
}

div#sidebartext-top {
 margin: 50px auto 0 auto;
 background: transparent url(assets/template/sidebartext-top.jpg) no-repeat top left;
 width: 185px;
 height: 13px;
}

div#sidebartext {
 background: transparent url(assets/template/sidebartext.jpg) repeat-y top left;
 width: 145px;
 margin: 0px auto;
 padding: 0px 20px;
}

div#sidebartext-bottom {
 background: transparent url(assets/template/sidebartext-bottom.jpg) no-repeat top left;
 width: 185px;
 height: 13px;
 margin: 0 auto;
 padding: 0;
}

div#contentend {
 background: transparent url(assets/template/pagewrapper_08.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 987px;
 height: 13px;

}

div#footer {
    margin: 2em 0 0 0;
	padding: 0px ;
	color: #949494;
}

div#footer p {
	font-size: 0.8em;
	text-align: center;
	padding: 0 0 1em 0;
	margin: 0;
}
div#footer p a {
	color: #949494;
}

div#footer span {
 width: 2px;
 padding-left: 5px;
 padding-right: 5px;
 background: transparent url(assets/template/footer-menu-divider.gif) no-repeat center center;
}
/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}

div.left49 {
/* combined percentages of left+right equaling 100%  might lead to rounding error on some browser */
	width: 48%;
}
div.right49 {
	float: right;
	width: 248%;
/* set right to keep text on right */
	text-align: right;
}

/********************CONTENT STYLING*********************/
/* HEADINGS */

div#content h1, div#content h2 {
	color: #E0912E;
	font-size: 2em;
	text-align: left;
	padding-bottom: 1px;
	line-height: 1.5em;
	text-transform: uppercase;
	font-weight: normal;

}

div#sidebar h2 {
 font-size: 1.2em;
 font-weight: bold;
 color: #002F58;
 text-align: center;
 text-transform: none;
}

div#content h3 {
	color: #E0912E;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}

div#sidebar h3 {
 font-size: 1.1em;
 font-weight: bold;
 text-align: center;
}

div#content h4 {
	color: #002F58;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
div#content h5 {
	color: #002F58;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h6 {
	color: #002F58;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
/* END HEADINGS */
/* TEXT */
p {
/* default p font size, this is set different in some other divs */
	font-size: 1em;
/* some air around p elements */
	margin: 0;
	line-height: 1.4em;
	padding: 0 0 1.5em 0;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}

/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
/* END LISTS */

/************ HOME PAGE SPECIFIC *************/
body#hp-body {
	background: #ECECEC url(assets/template/hp-body-bg.jpg) repeat-x left top;
}
div#hp-header, div#hp-header h1, div#hp-header h1 a {

  height: 150px;
}

#hp-pagewrapper1 {
  background: #FFF url(assets/template/hp-content.png) repeat-y 0px 330px;
  width: 818px;
  margin: 0 auto;
  padding: 0;
}
#hp-pagewrapper2 {
  background: transparent url(assets/template/hp-header.png) no-repeat top left;
  margin: 0;
  color: #002F58;
  
}

#hp-contentend {
 background: transparent url(assets/template/hp-bottom-border.png) no-repeat top left;
 width: 818px;
 height: 10px;
 margin: -10px auto 0 auto;

}

.hp-english {
 margin: 10px 0 0 30px;
  width: 180px;
 padding: 0;
 float: left;
 clear:left;
 background-color: transparent;
}

.hp-espanol {
 margin: 10px 20px 0 0px;
 float: right;
 width: 180px;
 clear: right;
 padding: 0;
}

.hp-espanol div h2, .hp-english div h2 {
 font-size: 11pt !important;
 font-weight: bold !important;
 line-height: 1.5em !important;
 padding: 0 !important;
}

#menus ul {
 list-style-type: none;
 margin: 0;
 padding:0;
}

#menus ul li {
 float: left;
}

#menus #menu-en {
/* margin: 59px 0 0 12px;*/
 margin: 9px 0 0 12px;
 width: 370px;
 float: left;
}

#menus a, #menus  a:active, #menus a:visited {
 /*display: block;
 height: 30px;
 padding: 8px;
 color: #FFF;
 text-decoration: none;
 font-weight: bold;
 */

	font-size: 1em;
	font-weight: normal;
	color: #fff;
	padding: 5px 12px 8px 12px;
	display: block;
	text-decoration: none;
	outline: none;
	text-transform: uppercase;
	font-weight: bold;
}

#menus a:hover {
	background:  url(uploads/ngrey/darknav.png) repeat-x left center;
	color: #FFF;
 /*text-decoration: underline;*/
}


#menus #menu-es {
/* margin: 59px 0 0 0;*/
 margin: 9px 0 0 0;
 width: 370px;
 float: right;
}

/* End of 'POCN CSS' */