/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  CEPlett Page Pack
  Vertical 2 Column Centered
  -----------------------------------
*/

/*Text align center on the body is the only way to center 
a CSS layout in IE5 PC.*/
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	margin: 3px 0;
	padding: 0;
	text-align: center;
	background-color: #C3BEB8;
	background-image: url(../images/CEP_pbg.jpg);
	font-size: 0.85em;
	line-height: .95em;
}

/*We used text align center on the body (for IE5). This centers
the wrapper- and all the text inside. So we set text align to
turn off centering for elements inside the wrapper DIV.
Then to center the layout for modern browsers, we set left
and right margins to "auto". Width 750px sets the overall layout width
and the width of the 2 columns, plus and padding or borders must not
exceed this value.*/
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 750px;
}

/*The mainbox DIV contains all of the elements that comprise the larger
rounded box: the CEPlett logo, main content area, copyright notice
and the footer. Mainbox is floated right, adjacent to the sidebar.
The sidebar is also floated right, but since the mainbox comes first
in the source code, it is positioned to the right of sidebar.
The background image is positioned at the top left edge and tiles
vertically along the Y-Axis - creating the border effect on the
left edge of the box.*/
#mainbox {
	width: 565px;
	float: right;
	background-image: url(../images/CEP_leftmidBG.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
}

/*The masthead DIV contains the background images that comprise the
mainbox's upper curve, as well as the logodiv.
Masthead's background image tiles left to right along the X-Axis
creating the masthead's textured backdrop.*/
#masthead {
	background-image: url(../images/CEP_mhBG.jpg);
	background-repeat: repeat-x;
}

/*The logodiv carries the embedded logo image and a right-aligned
background image that creates the abstract pear scene and the
top right corner of the top curve.*/
#logodiv {
	background-image: url(../images/CEP_logoBG.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#p7scroller1 {
	visibility: hidden;
}
#p7s1content1 {
	visibility: hidden;
}
#newsnotes {
	visibility: hidden;
}
#mainflash {
	padding: 0px 0px 0px 0px;
	background-image: url(../images/CEP_mid.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	font-size: 0.85em;
	line-height: 1.2em;
	color: #1C6671;
	border-right-style: solid;
	border-right-width: 4px;
	border-right-color: #B9B5AC;
}

#mainformcontent {
	background-image: url(../images/CEP_mid.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	font-size: 10px;
	line-height: 11px;
	color: #1C6671;
	border-right-style: solid;
	border-right-width: 4px;
	border-right-color: #B9B5AC;
}

/*Paragraph margins are set.*/
#maincontent p {

	color: #1C6671;
}

copyrightnotice DIV.*/
#copyrightdiv {
	background-image: url(../images/CEP_copyBG.gif);
	background-repeat: repeat-x;
	background-color: #CCCCB9;
	visibility: hidden;
}


#copyrightnotice {
	background-image: url(../images/CEP_brCorner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	visibility: hidden;	
}


#sidebar {
	visibility: hidden;	
}

#menubar {
	visibility: hidden;	
}

drop shadow.*/
#sidecontent {
	visibility: hidden;	
}

/*Margins set for all paragraphs inside sidecontent.*/
#sidecontent p {
	visibility: hidden;	
}

/*Sidebarfooter contains an embedded image that creates the sidebar's
bottom curve. Setting the font-size to a tiny size prevents this
DIV from growing too tall when users resize text. Without this
workaround, certain user text sizes would cause an artifact to
appear at the bottom of the sidebar.*/
#sidebarfooter {
	visibility: hidden;
} 

.greeting {
	visibility: hidden;	
}

/*Footer styles*/
#footer {
	visibility: hidden;
}
#footer p {
	margin: 0 0 3px 0;
}

/*Heading Styles*/
h1, h2, h3 {
	margin: 0px;
	font-size: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	line-height: normal;
	font-weight: normal;
}
h2, h3 {
	margin: 24px 0 0 0;
	font-size: 1.6em;
	color: #666666;
}
h3 {
	font-size: 1.4em;
}
#sidebar h3 {
	visibility: hidden;
}

/*Link Styles. Applies to links except
those that are in the main menubar.*/
a:link {
	color: #777048;
}
a:visited {
	color: #777048;
}
a:hover, a:active, a:focus {
	color: #777048;
}
#sidecontent a:link {
	color: #FFFFCC;
}
#sidecontent a:visited {
	color: #FFFFCC;
}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #FFFFFF;
}
#footer a:link {
	color: #666666;
}
#footer a:visited {
	color: #666666;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #333333;
}
#pup {position:absolute; visibility:hidden; z-index:200; width:130; }
.noboxform{
	color: #999999;
	font-size: 9px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 12px;
	text-align: center;
}
.stylesmall{
	color: #333333;
	font-size: 10px;
	line-height: 11px;
	text-align: left;
}
.styletiny{
	color: #999999;
	font-size: 9px;
	line-height: 10px;
}
.formtext {
	color: #3139A6;
	font-size: 10px;
	letter-spacing: normal;
	line-height: 11px;
}
.formtextdisabled {
	color: #000000;
	font-size: 10px;
	letter-spacing: normal;
	line-height: 11px;
	background-color: #FFFFFF;

}
.noradiocheck {
	color: #FFFFFF;
	font-size: 10px;
	letter-spacing: normal;
	line-height: 11px;
	background-color: #FFFFFF;

}