@import '/include/screen.css';

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption
{
	border:none;
}

.body
{
	
}

table, td, th
{
	/*vertical-align:top;*/
}

textarea
{
	width:300px;
	height:150px;
}

table.nopadding15left td
{
	padding-left:0;
}


h1, h2, h3, h4
{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0;
}

h1
{
	font-size:30px;
	color:#003366;
	padding:5px 15px;
}

h2
{
	font-size:20px;
	color:#003366;
	padding:5px 15px;
}

h3
{
	text-transform:uppercase;
	font-size:12px;
	color:#427288;
	padding:10px 15px;
}

h4
{
	text-transform:uppercase;
	font-size:12px;
	color:#427288;
}

h3.original
{
	font-size:18px;
	color:#003366;
}

td, p, ul
{
	padding-left:15px;
}

td, p, ul, a, a:hover
{
	color:#666666;
}

hr.dotted
{
	border:0;
	border-top:1px dotted #99CCCC;
}

.padding15leftonly
{
	padding-left:15px;
}

.padding15left
{
	padding-left:15px;
	padding-top:15px;
}

.padding0left
{
	padding-left:0;
	padding-top:15px;
}

div.main
{
	background-image:url('http://www.pepww.net/images/bodybg.gif');
	background-position:top left;
	background-repeat:repeat-x;
	padding-bottom:20px;
}

div.footer
{
	background-image:url('http://www.pepww.net/images/bodybg.gif');
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px 0;
}

div.footer td, div.footer p
{
	padding-left:0;
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}


.width240
{
	width: 225px;
}

.width240first
{
	width: 240px;
	padding-left:0;
}

.colborder1
{
	border-right:1px solid #EEEEEE;
}

.redcomment
{
	color:#990000;
}

div.searchbox
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	vertical-align:middle;
	height:60px;
	position:relative;
}

div.searchbox div.tocenter
{
	position:absolute;
	top:50%;
}

div.searchbox div.tocenter div
{
	position:relative;
	top:-50%;
}

input.searchtext, input.logintext
{
	height:18px;
	border:1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}

input.searchbutton, input.loginbutton
{
	margin:0;
	padding:0;
	vertical-align:middle;
	margin-top:-3px;
}

div.menudiv
{
	background-image:url('http://www.pepww.net/images/menubg.jpg');
	background-repeat:repeat-x;
	margin-bottom:10px;
}

/* THIS IS A HACK FOR THE MILONIC TABLE - DO NOT REMOVE*/
table.milonictable
{
	margin:0;
	width:auto;
}

/****************************
	HOMEPAGE STYLES - START
****************************/

		div.homebigpic
		{
			background-image:url('/images/template/home_bigpic.jpg');
			background-repeat:no-repeat;
			height:233px;
			color:#FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			position:relative;
			margin-bottom:10px;
		}
		
		div.homebigpic div.text
		{
			position:absolute;
			left:240px;
			top:20px;
			width:400px;
			height:190px;
			overflow:hidden;
		}
		
		div.homebigpic div.text h1
		{
			font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			font-size:30px;
			color:#FFFFFF;
		}
		
		div.homebigpic div.text p
		{
			margin-bottom:10px;
			color:#FFFFFF;
			/*font-size:11px;*/
		}
		
		div.homebigpic div.text a, div.homebigpic div.text a:hover
		{
			color:#FFFFFF;
		}
		
		/*****************************/
		
		div.homebluebox
		{
			background-color:#DCE9EF;
			color:#427288;
		}
		
		div.homebluebox p
		{
			padding-left:15px;
		}
		
		div.homebluebox div.arrowse_blue
		{
			padding:10px 20px 0 40px;
			background-image:url('http://www.pepww.net/images/arrowse_blue.gif');
			background-repeat:no-repeat;
			background-position: 15px 15px;
		}
		
		div.homebluebox div.arrowse_blue p
		{
			padding-left:0;
			margin-bottom:10px;
		}
		
		
		h2.homebluebg
		{
			font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			font-size:20px;
			color:#FFFFFF;
			background-color:#5290AD;
			padding-left:15px;
		}
		
		h3.homebluebg
		{
			font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#FFFFFF;
			background-color:#5290AD;
			padding-left:15px;
		}
		
		div.newsletterbox
		{
			background-image:url('/images/template/newsletterbox.jpg');
			background-repeat:no-repeat;
			height:75px;
			overflow:hidden;
			color:#FFFFFF;
		}
		
		div.newsletterbox h3
		{
			margin-bottom:0;
		}
		
		div.newsletterbox h3, div.newsletterbox p, div.newsletterbox a
		{
			color:#FFFFFF;
		}
		
		div.newsletterbox p
		{
			padding:0 15px 10px 15px;
		}
		
		div.brownbox
		{
			background-color:#DED1C0;
		}
		
		div.beigebox
		{
			background-color:#F0ECE8;
		}
		
		ul.brownarrow
		{
			margin:0 15px 15px 15px;
		}
		
		ul.brownarrow li
		{
			list-style:none;
			padding:0 0 5px 30px;
			background-image:url('/images/template/arrowse_brown.gif');
			background-repeat:no-repeat;
			background-position:0 5px;
		}


/****************************
	HOMEPAGE STYLES - END
****************************/

/****************************
	OTHER STYLES
****************************/

.text {
	padding:15px 15px 0 0;
}

h3.whitearrow
{
	color:#FFFFFF;
	background-image:url('http://www.pepww.net/images/arrowse_white.gif');
	background-repeat:no-repeat;
	background-color:#427288;
	background-position:15px 10px;
	padding-left:40px;
}

h4.rightlink
{
	color:#427288;
	text-align: right;
	text-transform:lowercase;
	padding: 5px 0px;
}

h4.rightlink a, h4.rightlink a:hover, h4.rightlink a:visited
{
text-decoration: none;
}

div.cornerboxbig
{
	background-color:#5290AD;
	background-image:url('http://www.pepww.net/images/bluecorner_big_br.jpg');
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-bottom:10px;
	padding-bottom:10px;
}

div.cornerboxsmall
{
	background-color:#5290AD;
	background-image:url('/images/template/bluecorner_small_br.jpg');
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-bottom:10px;
	padding-bottom:10px;
}

div.cornerboxtiny
{
	background-color:#5290AD;
	background-image:url('/images/template/bluecorner_tiny_br.jpg');
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-bottom:10px;
	padding-bottom:10px;
}

div.cornerboxbig a, div.cornerboxbig a:hover, div.cornerboxbig a:visited,
div.cornerboxsmall a, div.cornerboxsmall a:hover, div.cornerboxsmall a:visited,
div.cornerboxtiny a, div.cornerboxtiny a:hover, div.cornerboxtiny a:visited,
div.cornerboxcountry a, div.cornerboxcountry a:hover, div.cornerboxcountry a:visited
{
	color:#ffffff;
}

div.cornerboxcountry
{
	width:244px;
	margin-right:10px;
}

div.cornerboxaustralia
{
	background-image:url('/images/template/cornerbox_bg_australia.jpg');
	background-repeat:no-repeat;
	background-position:50% 0;
	height:135px;
}

div.cornerboxnz
{
	background-image:url('/images/template/cornerbox_bg_nz.jpg');
	background-repeat:no-repeat;
	background-position:50% 0;
	height:135px;
}

div.cornerboxasia
{
	background-image:url('/images/template/cornerbox_bg_asia.jpg');
	background-repeat:no-repeat;
	background-position:50% 0;
	height:135px;
}

div.cornerboxbig h1, div.cornerboxbig h2, div.cornerboxbig h3, div.cornerboxbig p, div.cornerboxbig td, div.cornerboxbig li,
div.cornerboxsmall h1, div.cornerboxsmall h2, div.cornerboxsmall h3, div.cornerboxsmall p, div.cornerboxsmall td, div.cornerboxsmall li,
div.cornerboxtiny h1, div.cornerboxtiny h2, div.cornerboxtiny h3, div.cornerboxtiny p, div.cornerboxtiny td, div.cornerboxtiny li
{
	color:#FFFFFF;
}

div.cornerboxbig ul, div.cornerboxsmall ul, div.cornerboxtiny ul
{
	list-style:none;
	margin:0 30px 0 0;
}

div.cornerboxbig ul li, div.cornerboxsmall ul li, div.cornerboxtiny ul li
{
	list-style:none;
	padding:3px 0;
	border-bottom:1px dotted #99CCCC;
}

.ContentButton
	{
		font-size : 10px;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight : bold;
		background-color: #f0f0f0;
		color: #666666;
		border-color : #cecece;
		border-width : 1px 2px 2px 1px;
}

.editoptions {
	width:100%;
	display:block;
	background-color:#f0f0f0;
	border:1px dashed gray;
	text-align:right;
	font-size:10px;
	padding:4px 2px 4px 2px;
}

.warn {
	color: #ff0000;
	FONT-SIZE: 10px;
	font-weight : bold;
	/* border:1px dashed #ff0000#; */
}
.QuickLoginHeading {
	font-size: 12px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}
.QuickLogin {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
}
.TextAreaQuickLogin {
	font-size: 10px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #dadadb;
	color: black;
	border: solid;
	border-color: #aaaeb1;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 3px;
	width: 100px;
	height: 15px;
}

.TextAreaContact {
	font-size : 10px;
	font-weight : normal;
	background-color: white;
	color: black;
	border : solid;
	border-color : #CCCCCC;
	border-width : 1px 1px 1px 1px;
	padding : 1px 1px 1px 3px;
	width: 200px;
}
.TextAreaContact-Large {
	font-size : 10px;
	font-weight : normal;
	background-color: white;
	color: black;
	border : solid;
	border-color : #CCCCCC;
	border-width : 1px 1px 1px 1px;
	padding : 1px 1px 1px 3px;
	
}

.buttonquicklogin {
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	background-color: #9a9b9d;
	color: black;
	border-color : #CCCCCC;
	border-width : 1px 3px 3px 1px;
}

.Select200 {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: white;
	color: black;
	border: solid;
	border-color: #CCCCCC;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 3px;
	width: 200px;
}

.Select150 {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: white;
	color: black;
	border: solid;
	border-color: #CCCCCC;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 3px;
	width: 150px;
}
.SelectCountry {
	font-size: 11px;
	font-family: Arial, Verdana, Geneva,Helvetica, sans-serif;
	font-weight: bold;
	background-color: #9a9b9d;
	color: white;
	border: solid;
	border-color: #CCCCCC;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 3px;
	width: 200px;
}

.SelectCountryHome {
	font-size: 11px;
	font-family: Arial, Verdana, Geneva,Helvetica, sans-serif;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #666666;
	border: solid;
	border-color: #CCCCCC;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 3px;
	width: 140px;
}

.SelectCountryFooter {
	font-size: 11px;
	font-family: Arial, Verdana, Geneva,Helvetica, sans-serif;
	font-weight: bold;
	background-color: #1a181c;
	color: #666666;
	border: solid;
	border-color: #666666;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 3px;
	margin: 3px 1px 1px 0px;
	width: 200px;
}



/* Navigation Links */
/*div.border-topLeft { border-top:1px solid #cc9933;border-left:1px solid #cc9933}*/
div.leftmenunavHeader
{
	background-color:#EAEEF0; 
	font-size:12px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding:0 10px; 
	font-weight:bold;
	text-transform:uppercase;
	color:#003366;
	height:35px; 
	line-height:35px;
}
div.leftmenunav { margin: 0; padding: 0;}
div.leftmenunav ul { margin: 0; padding: 0; font-size: 11px;}
div.leftmenunav ul a { text-decoration: none; color: #477a35; display: block; font-size: 11px; }
div.leftmenunav ul a:active { text-decoration: none; color: #477a35; display: block; font-size: 11px; }

/* Level 1 */
/* what you do in this div cascades to the next ones so you dont HAVE to set them but for the sake of completeness we will. For instance we only need to set the rhs border in the next level ul to do the rest entirely

.page = normal link page not selected and no children
.act = normal link page selected and no children
.hasChild = page with submenu but not selected (not open)
.hasChildAct = page with submenu open and submenu nested within it
.isFirst = Not the first in a list but actually the first AFTER the end of a submenu. Sorry about the name
.lastInList = This name is right.

*/


/********************
		Level 1 
*********************/
div.leftmenunav ul { list-style-type: none; padding: 0; margin:0; margin-left:0;}
div.leftmenunav ul li { 
	padding:0 0 0 22px; margin:0; display:list-item; background-color:#EAEEF0; 
	border-bottom:1px dotted #99CCCC; line-height:25px;
	background-image:url(http://www.pepww.net/images/bullet_square.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

div.leftmenunav ul li.page a { text-decoration: none; color:#003366; display: block; vertical-align:middle; }
div.leftmenunav ul li.act { background-color:#DAE0E3; font-weight:bold;}
div.leftmenunav ul li.act a{ text-decoration: none; color:#003366; display: block; vertical-align:middle; }

div.leftmenunav ul li.hasChild a{ text-decoration: none; color:#003366; display: block; vertical-align:middle; }

div.leftmenunav ul li.hasChildAct { background-color:#DAE0E3; font-weight:bold;}
div.leftmenunav ul li.hasChildAct a{  text-decoration: none; color:#003366; display: block; vertical-align:middle; font-weight:bold; }


/********************
		Level 2 
*********************/
div.leftmenunav ul li ul { list-style-type: none; padding: 0; margin:0; margin-left:-12px;}
div.leftmenunav ul li ul li { 
	padding:0 0 0 12px; margin:0; display:list-item; border:none; background-color:#DAE0E3; 
	background-image:url(/images/template/bullet_arrow.gif); background-repeat:no-repeat; background-position:0 10px; 
	line-height:25px;
}

div.leftmenunav ul li ul li.page a { text-decoration: none; color:#003366; display: block; vertical-align:middle; border:none; font-weight:normal; }
div.leftmenunav ul li ul li.act { background-color:#DAE0E3;}
div.leftmenunav ul li ul li.act a{ text-decoration: none; color:#003366; display: block; vertical-align:middle;  border:none; font-weight:bold;}

div.leftmenunav ul li ul li.hasChild a{ text-decoration: none; color:#003366; display: block; vertical-align:middle; border:none; font-weight:normal;}

div.leftmenunav ul li ul li.hasChildAct { background-color:#DAE0E3;}
div.leftmenunav ul li ul li.hasChildAct a{  text-decoration: none; color:#003366; display: block; vertical-align:middle; border:none;  font-weight:bold;}

/********************
		Level 3 
*********************/
div.leftmenunav ul li ul li ul { list-style-type: none; padding: 0; margin:0;}
div.leftmenunav ul li ul li ul li { 
	padding:0 0 0 12px; margin:0; display:list-item; border:none; background-color:#DAE0E3;  
	background-image:url(/images/template/bullet_arrow.gif); background-repeat:no-repeat; background-position:0 10px; line-height:25px;
}
div.leftmenunav ul li ul li ul li:first-child { border-top:none; }

div.leftmenunav ul li ul li ul li.page a { text-decoration: none; color:#003366; display: block; vertical-align:middle; border:none;  font-weight:normal;}
div.leftmenunav ul li ul li ul li.act { background-color:#DAE0E3;}
div.leftmenunav ul li ul li ul li.act a{ text-decoration: none; color:#003366; display: block; vertical-align:middle; border:none;  font-weight:bold;}

div.leftmenunav ul li ul li ul li.hasChild a{ text-decoration: none; color:#003366; display: block; vertical-align:middle; border:none;  font-weight:normal;}

div.leftmenunav ul li ul li ul li.hasChildAct { background-color:#DAE0E3;}
div.leftmenunav ul li ul li ul li.hasChildAct a{  text-decoration: none; color:#003366; display: block; vertical-align:middle; border:none;  font-weight:bold;}

.TextAreaEditorWidth
	{
	background-color: white;
	color: black;
	border: solid;
	border-color: #000000;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 3px;
	width: 800px;
	height: 600px;
}


.textarea-newsletter {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: white;
	color: black;
	border: solid;
	border-color: #CCCCCC;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 3px;
	width: 170px;
	height:15px;
	line-height:15px;
	vertical-align:middle;
	margin:0 5px 5px 0;
}

* html .textarea-newsletter
{
	height:20px;
}

.textarea-newsletter-half {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: white;
	color: black;
	border: solid;
	border-color: #CCCCCC;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 3px;
	width: 90px;
	height:15px;
	line-height:15px;
	vertical-align:middle;
	margin:0 5px 5px 0;
}

* html .textarea-newsletter-half
{
	height:20px;
}