/* Define all main values for the web site */

/* TEXT STYLING FOR WEBSITE
----------------------------------------------*/


body
{
  font-family: skia, palatino;
  font-size: 0.9em;
  margin: 5;
  padding: 5;  
 }
  

/* paragraphs
---------------------------------------------*/

p
{
  font-size:1.3em;
  color:#00aeed;
  line-height:150%;
  
  }


/* yellow text */

.yellow
{
  color:#f8f400;
  }


/* red text */

.red
{
  color:#f00;
  }



/* MAIN LINKS
---------------------------------------------*/
a:link
{
  color:#00ff00;
  text-decoration:none;
  }

a:visited
{
  color:#00ff00;
  text-decoration:none;
  }

a:hover
{
  color:#ffff00;
  text-decoration:underline;
 
  }

a:active
{
  color:#ff0000;
  text-decoration:underline;
}


/* Big links 
------------------------------------*/

.biglink
{
font-size: 1.5em;
margin: 0px 0px 25px 0px
}




/* Headers
------------------------------------------------------*/

h1, h2, h3
{
font-family: skia, palatino, futura;
color: #f1a629;
  }

h1
{
font-size: 2.2em;
margin: 15px 15px 15px 5px;
  }

h2
{
font-size: 1.8em;
  }

h3
{
font-size: 1.5em;
line-height: 100%;
  }

/* Sub-headings for topical pages paragraphs  */

.topicalheading
{
margin: 0px 0px 0px 0px;
}


/* UNORDERED LISTS
--------------------------------------------*/

/* this is the style used for the main navbar links */

ul
{
  font-size: 1.2em;
  color:#f1a629;
  line-height:150%;
  list-style:none;
  padding:0 0 0 0;
}


/* the basic unordered list varieties to be used in the body of the site */


/* style class for the top of the list */
.listtitle
{
font-size: 1.4em;
color: #f1a629;
line-height: 100%;
list-style: none;
width: 300px;
padding: 0px 0px 8px 0px;
position: relative;
left: -15px;
}


.ul3
{
  font-size: 1.2em;
  color:#f1a629;
  line-height:150%;
  list-style: disc;
  width: 300px;
  padding: 0 0 0 15px;
  margin: 0px;
}





/* SAFE Acronym List Styling
---------------------------------------------------*/

.ul-safe
{
  font-size: 1.2em;
  color:#f1a629;
  line-height:150%;
  list-style:none;
  margin:10 0 10 0px;
  padding:0 0 0 0;
}


/* list item styling for safe acronym */
.safe
{
margin:5px 0 5px 0px;
}


/* Margin for Safe Acronym */
.safe-margin
{
margin:
25px 0 25 0;
}

/*------------------------------------------------------*/




/* increasing the list width */

.w400
{
width:400px;
}



.w450
{
width:450px;
}


.w500
{
width:500px;
}


.w550
{
width:550px;
}


.w575
{
width:575px;
}

.wide
{
width:550px;
}

/* margin for lists */

.margin-25-bottom
{
margin: 0 0 25px 0;
}

.margin-65-bottom
{
margin: 0 0 65px 0;
}

.top25
{
margin:25 0 0 0
}




/* youth topics unordered list of links */

.ul-youth-topics
{
  font-size: 1.3em;
  color:#f1a629;
  line-height:150%;
  list-style: none;
  width: 400px;
  padding: 0 0 0 0px;
  margin: 45px 25px 25px 0px;
}


.youth-topics-title
{
font-size: 1.4em;
color: #f1a629;
line-height: 100%;
list-style: none;
width: 500px;
padding: 0px 0px 8px 0px;
}


/* adult topics unordered list of links */

.adult-topics
{
  font-size: 1.3em;
  color:#f1a629;
  line-height:150%;
  list-style: none;
  width: 400px;
  padding: 0 0 0 0px;
  margin: 25px 25px 25px 0px;
}


/* move downs for unorderled lists
----------------------------------------------------*/

.junior-move-down2
{
margin: 65 0 25 35;
}

.youth-move-down2
{
margin: 45 0 30 35;
}

/*  biglink left margin of 35  */
.left35
{
margin:0 0 0 35;
}

.adult-move-down2
{
margin: 65 0 0 35;
}




/*  Horizontal Lists
------------------------------------------------------*/

/* this is the keeper--------------*/

.hor1
{
color:#f1a629;
  line-height:150%;
  font-size: 1.3em;
  list-style: none;
  padding: 0 0 0 0px;
  margin: 0 0 0 0px;
}

.hor-li
{
display: inline;
margin: 0px 13px 0px 13px;
padding:0px;
}

.hor-li2
{
display: inline;
margin: 0px 15px 0px 15px;
padding:0px;
}


.hor1-margin
{
margin: 30px 0 30px 0;
}


.hor2-margin
{
margin: 15px 0 25 0px;
}


/*----------------horizontal list with yin yang bullets---------------------------*/
.hor-yin
{
list-style: none;
}

.yin-bullet
{
display: inline;
background: transparent url(/newipma/logos/yin-bullet3.jpg) no-repeat left center;
margin:0 0 0 35px;
padding:0 0 0 35px;
}




/* Youth Creed
--------------------------------------------*/

#creedtop
 {
  font-size:1.5em;
  color:#f1a629;
  line-height:100%;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  }

#creed
 {
  font-size:1.3em;
  color:#f1a629;
  line-height:150%;
  text-align: center;
  font-style: italic;
  padding: 0 20px 0 20px;
  margin: 5px 0px 0px 0px;
  }


/* Centering text
-----------------------------------*/

.center
{
text-align: center;
}

.centeryellow
{
text-align: center;
color:#f8f400;
}


/* on the path topics unordered list of links */

.path-link-list
{
  font-size: 1.5em;
  color:#f1a629;
  line-height:150%;
  list-style: none;
  width: 300px;
  padding: 0 0 0px 0px;
  margin: 0px;
  position: relative;
  top: -10px;
}


/*  Announcements styling
------------------------------------------------------*/

.announcement-style
{
  line-height:100%;
  list-style:none;
  padding:0 0 0 0;
  margin:0 0 30px 0;
  position:relative;
  top: -5px;
  width: 500px;
}


.announce-date
{
font-size:1.2em;
color:#00aeed;
line-height: 100%;
padding: 0 0 10px 0;
}

.announcement-title
{
font-size: 1.6em;
line-height: 100%;
color:#f1a629;
padding: 0 0 10px 0;
}

.announcement
{
font-size: 1.1em;
line-height: 100%;
color:#00aeed;
padding: 0 0 10px 0;
}

.announcement2
{
font-size: 1.1em;
line-height: 100%;
color:#faf400;
padding: 0 0 10px 0;
}



/*  Contact Us styling
------------------------------------------------------*/

.contact-style
{
  line-height:100%;
  list-style:none;
  padding:0 0 0 0;
  margin:0 0 10px 0;
  position:relative;
  top: -5px;
  width: 500px;
}


.contact-name
{
font-size: 1.5em;
color:#f1a629;
line-height: 100%;
padding: 0 0 10px 0;
}

.contact-address
{
font-size: 1.1em;
line-height: 100%;
color:#00aeed;
padding: 0 0 10px 0;
}

.contact-phone
{
font-size: 1.5em;
color:#f1a629;
line-height: 100%;
padding: 0 0 10px 0;
}

.contact-mail
{
font-size: 1.5em;
line-height: 100%;
padding: 0;
}





/* blackfont for key words at bottom of pages
-----------------------------------------------------------------*/

.blackfont
{
color:#000000;
font-size:.1em;
line-height:100%;
margin:0px;
}