/***********************************************/

/* Chevy Chase Elementary School PTA

ccespta.org

CSS Styles

Copyright Bethesda Design Web 2008                   */

/***********************************************/ 



body{

	font-family: Arial, Helvetica, sans-serif;

	color: #222222;

	line-height: 1.3;	

	margin: 0px;

	padding: 0px;

}



p {padding: 0 5px 0 5px;}

a {	color: #c08245;

	text-decoration: none;}



a:link{

	color: #c08245;

	text-decoration: none;}







a:visited{

	color: #173b53;

	text-decoration: none;}



a:hover{

	color: #882931;

	text-decoration: underline;}



h1{

 font-family: "Trebuchet MS", Arial,sans-serif;

 font-size: 140%;

 color: #001122;

 margin: 0px;

 padding: 0;}



h2{

 font-family: Arial,sans-serif;

 font-size: 110%;

 color: #882931;

 margin: 0px;

 padding: 0;}



h3{

	font-family: Arial,sans-serif;

	font-size: 100%;

	color: #882931;

	margin: 0px;

	padding: 0px;

	line-height: 1.3em;}



h4{

 font-family: Arial,sans-serif;

 font-size: 95%;

 font-variant: small-caps;

 font-weight: 600;

 color: #882931;

 margin: 0px;

 padding: 0px;}



h5{

 font-family: Verdana,Arial,sans-serif;

 font-size: 100%;

 color: #334d55;

 margin: 0px;

 padding: 0px;}

 

 /*two misc emphasis styles*/

.emphasis {

	color: #006633;

	font-weight: 600;

	font-size: 1.1em;

	line-height: 1.3;

	font-variant: small-caps;

	text-align: center;

}



.redAnnounce {color: #882931; font-weight: 500; font-size: 140%;}



ul{

	list-style-image: url('images/star.gif');}

	/*misc.*/

.nosquare {list-style-type:  none;}



ul ul{

 list-style-image: url('images/star.gif');

}



ul ul ul{

 list-style-type: none;

}

    /*misc.*/

.caption {font-size: 80%;

font-variant: small-caps; 

margin: 0;}

.tinyfont {font-size: 80%;}



/***********************************************/

/* Forms                                 */

/***********************************************/



legend {color: #c08245;}

label{

 font-family: Arial,sans-serif;

 font-size: 100%;

 font-weight: bold;

 color: #173b55;

}

fieldset {width: 150px;}

.careers fieldset {border: 1px solid #DDD;}

.login {float: left; padding-top: 0; width: 150px;}

/***********************************************/

/* Layout Divs                                 */

/***********************************************/



#navBar{

  float: right;

	width: 20%;

	margin: 0px;

	padding: 0px;

	background-color: #ffffff;

}



#headlines{

  float:left;

	width: 23%;

	padding-right: 10px;

	margin: 40px 0 0 0;

}

  /*misc.*/

.leftimg {padding: 10px 0 0 10px;

margin-bottom: 15px;}

.rtimg {padding: 10px 0 0 0;

margin-bottom: 15px;}

.feature img.nopad {padding: 0 6px 0 0;}

a img.noborder {border: none;}



#content{

  float: left;

  width: 51%;

  margin: 50px 0 0 0;

}

#content1{

  float: left;

  width: 51%;

  margin: 20px 0 0 0;

}

#content a {text-decoration: underline;}



/***********************************************/

/* Sections                                  */

/***********************************************/



#siteName{

	text-align: center;

	margin: 0;

	padding: 0;

	height: 170px;



}



/*************** #pageName styles **************/



#pageName{

	margin: 0px;

	padding: 0px 0px 0px 10px;

}



/************** .feature styles ***************/



.feature{

	padding: 0px 0px 5px 10px;

	font-size: 83%;

	line-height: 1.2;

}



.feature h1 {font-weight: 500; line-height: 1.3;}

.feature h3{

	padding: 30px 0px 5px 0px;

	text-align: center;

}



.feature img{

	float: left;

	padding: 10px 10px 0px 0px;

}

.feature a {line-height: 1em}



.feature1{

	padding: 0px 0px 5px 10px;

	font-size: 83%;

	line-height: 1.2;

	border: dotted thin #c08245;

}



.feature1 h1 {font-weight: 500; line-height: 1.3;}

.feature1 h3{

	padding: 15px 0px 5px 0px;

	text-align: center;

}





   /*misc.*/

.greenNotice {color: #006666; font-weight: 600; margin: 15px 0 15px 0; border: thin solid #bbbbbb; padding: 10px;}

.greenNotice H3 {color: #CC3300;}





/************** .story styles *****************/



.story{

	clear: both;

	padding: 0px 0px 0px 10px;

	font-size: 80%;



}

.story a {line-height: 1em}

.story p{

	padding: 0;

}



.storyAnnounce {

	clear: both;

	padding: 0px 0px 0px 10px;

	font-size: 80%;

}



.storyAnnounce a {line-height: 1em}

.storyAnnounce p{

	padding: 0;

}



.story td {padding: 10px;}



/************** .story1 styles *****************/



.story1.feature h3 {margin: 0;}

.story1{

	clear: both;

	padding: 20px;

	font-size: 80%;

	background-image:url('images/burst.gif');

	background-repeat: no-repeat;	

}

.story1 a {line-height: 1em}

.story1 p{

	padding: 0;

}



.story1 td {padding: 10px;}



/************* #siteInfo styles ***************/



#siteInfo{

	clear: both;

	border: 1px solid #cccccc;

	font-size: 75%;

	color: #173b55;

	padding: 10px 10px 10px 10px;

}



#siteInfo img{

	padding: 4px 4px 4px 10px;

	vertical-align: middle;

}



/*********** #navBar link styles ***********/



#navBar ul a:link, #navBar ul a:visited {display: block;}

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



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#navBar li {border-bottom: 1px solid #EEE;}



/* fix for browsers that don't need the hack */

html>body #navBar li {border-bottom: none;}





/*********** #sectionLinks styles ***********/



#sectionLinks{

	position: relative;

	margin: 0px;

	line-height: 1.3;

    padding: 2px 0 2px 0;

	font-size: 90%;

	font-weight:600;

	letter-spacing: -0.03px;

}

#sectionlinks h1 {font-weight: 400;}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

}

#sectionLinks p{

	font-size: 90%;

	font-weight: 400;

}





#sectionLinks a {

	display: block;

	border-top: 1px solid #cccccc;

	padding: 2px 0px 2px 10px;

}



#sectionLinks a:hover{background: transparent url('images/navdust.gif') no-repeat center right;}



#sectionLinks h3 {border-top: thin solid #c08245; background: transparent url('images/navbutton.jpg') no-repeat center right;}

    /*misc.*/

h3.nobackgd {background: none;}

/*********** .relatedLinks styles ***********/



.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	font-size: 90%;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a:link,

.relatedLinks a:visited {

	display: block; 

}



/************** #advert styles **************/



#advert{

	padding: 10px 10px 10px 0;

	

}

#homelogin{

	padding: 2px 10px 2px 0;

}



#advert img{

	display: block;

}

#advert p {width: 175px;

line-height: 1.3;}



#flashPlayer {padding: 10px 0 0 0;}

/************** #headlines styles **************/



#headlines{

	margin: 0px;

	padding: 0px 0px 0px 10px;

	font-size: 80%;

}



#headlines p{

	padding: 0px;

}

/****** bannerbox highlight (index page only) ******/

#banner table h1 {

	color: #001122;

	font-size: 24px;

	font-weight: 500;

}

.starred{

	list-style-image: url('images/starred.gif');}

.stargold{

	list-style-image: url('images/stargold.gif');

	list-style-position: outside;

}

#banner h1.goldhd {color: #c08245;}

#banner table p, #banner table ul li {margin: 0 auto; font-size: 90%; color: #fff; font-weight: 600;}

#banner table {height: 8em; margin: 0; width: 100%;}

#banner table tr td a {text-decoration: none; color: #fff; font-weight: 600; font-size: 100%; line-height: 1.3; letter-spacing: -0.03px; }



#banner table tr td a:hover {text-decoration: underline; color: #fff; font-weight: 600; font-size: 100%; line-height: 1.3; letter-spacing: -0.03px; }



#banner table tr td.topbox1 {width: 33%; background: #b53542 url('images/redbk.png') top left repeat-x; padding: 5px;}



#banner table tr td.topbox2 {width: 33%; background: #E5AA70 url('images/goldbk.png') top left repeat-x; padding: 5px;}



#banner table tr td.topbox3 {width: 33%; background: #284062; padding: 0 0 0 10px;}



#banner table tr td ul {padding-left: 36px;}

    /*misc.*/

.largerfont {

	font-size: 100%;

	font-weight: 400;

	font-family: Arial, Helvetica, sans-serif;

}





.redfont {

	color: #990000;

	font-weight: bold;

}

.purplefont {color: #604CEB;

	font-weight: bold;}

.redfonttab {

	color: #990000;

	font-weight: bold;

	border-top: thick solid #eeeeee;

}

.botborder {border-bottom: thick solid #eeeeee;}

 /************styles for directory****************/

#directory {font-size: 0.9em;padding:3px;margin: 25px 0 10px 17px; width: 425px;}

#directory ul {list-style-type: none;}

#directory li {float: left;display: inline;margin: 0 5px 0 0px;display: block;}

#directory li a {color: #666;padding: 4px;border: 1px solid #222222;text-decoration: none;float: left;}

#directory li a:hover {color: #666;background: #c08245;border: 1px solid #acbb7a;}

#directory li.nolink {color: #CCC;border: 1px solid #F3F3F3;padding: 4px;}

#directory li.current {color: #666;border: 1px solid #5588cc;padding: 4px;background: #b9ceea;}

   /*misc.*/

#p7TBM {

	line-height: 1.1;

}

.nodot {

	list-style-type: none;}

.bk2 {background-color: #eeeeee;}

.bk1 {background-color: #eeeedd;}

.blue {color: #003366;

font-weight: bold;

}



#content .feature .linsep a {

	line-height: 2em;

}

.listmargin {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: -10px;

}

.nobullet {list-style-type: none;}

.sidepic {margin: 15px 20px 0 20px;}

.box {font-size: .9em;}