/* Start of CMSMS style sheet 'V2-style' */
/*****************
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, html {

margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	font-family:arial,sans-serif;
	font-size:small;
	color:#0B0040;
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 15px;
background: url(none) repeat-x; 
background-color:#000000;
}


/*
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
a:visited
 {
   text-decoration: none;
/* 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: #86c019; 
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   color: #53701d;
}

/*****************
basic layout 
*****************/

/* center wrapper, min max width */
div#pagewrapper {
   border: 0px solid black;
   max-width: 1000px; /* IE wont understand these, so we will use javascript magick */
   min-width: 1000px;
   background-color: #fff;;
   color: black;

position:relative; /* needed for footer positioning*//* this centers wrapper */
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
padding:0px;
width:1000px;
text-align:center;
align:center; 
margin:0 auto;
vertical-align: bottom;
padding-top:10px;
}


div#logo {
width:300px;
float:left;
}

div#bouncy-menu {
float:right;
margin-top:45px;
vertical-align: bottom;
}



div#search {
}

div#main {
padding:0px;
width:1000px;
align:center; 
margin:0 auto;
background:#fff url(none);
}



#sidebar-right {
   width:200px;
border-left:1px dotted #ccc;
padding:10px;
}

#sidebar-left {
   width:200px;
border-right:1px dotted #ccc;
padding:20px 10px;
}

div#footer {
	width:1000px;
	background:#000;
color:#666;
padding-top:20px;
text-align:center;
margin:0 auto;
   
}


/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}





/********************
CONTENT STYLING
*********************/
div#content {
padding:20px;
}

div#sub-menu ul{
margin-left:30px;
list-style-type: Square;
color:#53701d;
line-height:16px;
font-size:12px;

}

/* HEADINGS */


div#title {
font-size:18px;
color: #86c019;
font-weight:bold;
border-bottom:1px dotted #ccc;
padding:30px 20px 10px 20px;
}

.important {
color:#669900;
font-weight:bold;
}


h1 {
font-size:150%;
color: #86c019;
font-weight:bold;
}

h2 {
 color: #1A376F; 
   font-size: 130%;
font-weight:bold;
line-height:20px;
margin-top:20px;
margin-bottom:20px;

}

div#sidebox {
border: 1px solid #ccc;
margin: 0px 0px 20px 0px;
}

div#sidebox-h1 {
font-size:120%;
background: url(uploads/images/PEAK-head.jpg) no-repeat;
color: #FFF;
font-weight:bold;
padding:10px;
text-align:center;
}

div#sidebox-content {
padding: 20px 20px 0px 20px ;
}


h3 {
  color: #1A376F;
   font-size: 110%;
font-weight:bold;
line-height:20px;
margin-top:20px;
margin-bottom:20px;

   
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */


/* END TEXT */

/* LISTS */
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;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */


#myframe { height: 300px; width:500px; margin-left:0px; mergin-top:-10px;}


/* End of 'V2-style' */