/*** TEST ***/
#CSStest {background: blue; width:400px; height: 400px;}


/*** STYLE ***/

* {margin: 0; padding: 0;}

body {
background: #ffddb1;
font-family: Arial;
text-align:center; /* Hack for IE5/Win */
color: black;
font-size: 12px;
}

p {
margin-top: 0px;
padding-top: 0px;
}

img { 
margin: 0px;
padding: 0px;
border:none;
}

ul {
margin-left:10px;
padding-left:8px;
font-size:13px;
}

li {
margin:2px 0;
font-size:13px;
}

.bulleted {background: url(../Images/Bullet_Orange.gif) top left no-repeat; padding-left: 13px;}
.bulletedMFM {background: url(../Images/Bullet_MFM.gif) top left no-repeat; padding-left: 13px;}
.bulleted2 {background: url(../Images/Bullet_green.gif) top left no-repeat; padding-left: 13px;}

/*** DIVS ***/

#main_container {
		width:700px;
		margin:0px auto; /* Right and left margin widths set to "auto" */
		text-align:left; /* Counteract to IE5/Win Hack */
		background: #fff;
		}
		
#header {
		clear:both;
		width: 700px; height: 66px;
		background: url(../Images/PetaF_Header.gif) top left no-repeat;
		margin-bottom: 1px;
		}
#header a:hover {text-decoration: none}	

#header a {display: block;text-decoration: none;height: 50px}
		
/*** TOP NAVBAR ***/
/*** this bar is an horizontal list, made with help of http://www.alistapart.com/articles/slidingdoors ***/

#navbar {
		float: right;
		width: 700px;height: 30px;
		background: url(../Images/Navbar_BG.gif) repeat-x;
		margin-bottom: 0;
		}
		
#navbar ul {
    margin:0;
    padding:0;
    list-style:none;
	font-size:12px;
    }
    
#navbar li {
    float:right;
    margin:0;
    padding:0;
    background: url(../Images/Navbar_FillAndRight.gif) top right no-repeat;
	font-size:12px;
    }
    
#navbar a {color: white;font-size: 12px;font-weight: bold; text-decoration: none;
	float: left; /** floated left for IEMAC bug (auto-width block elements aligned verticaly) and - see below - floated none for other browsers - see http://www.alistapart.com/articles/slidingdoors **/
	display: block;
	padding-top: 5px;
	padding-right: 11px;
	padding-bottom: 10px;
	padding-left: 11px;
	background: url(../Images/Navbar_Left.gif) top left no-repeat;
	/** if you define height 30px here, IE PC displays elements vertically - Use a padding-bottom instead**/
    } 
/* Commented Backslash Hack : hides rule from IE5-Mac - see http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \*/
#navbar a {float:none;}
/* End IE5-Mac hack */  
         
 	
/*** END TOP NAVBAR ***/		

#main_content_line {clear: both;}

/*** LEFT NAV DIVS ***/	
		
#left_nav {
		display: inline; /*** PCIE bug fix for the doublemargin issue - see http://www.positioniseverything.net/explorer/doubled-margin.html***/
		float: left;
		width: 182px;
		margin-bottom: 5px;
		margin-left: 5px;
		}

#left_nav a.more {
		display: block;
		color: #FF9910;
		text-align: left;
		text-decoration: none;
		margin-top: 0px;
		margin-bottom: 5px;
		padding-bottom: 0px;
		padding-right: 5px;
		border-bottom: 0px;
		}	

#left_nav_orange_container {
		background-image: url(../Images/LeftNavorange_FillAndBot.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		padding-bottom: 1px;
		margin-left: 0px;
		margin-bottom: 4px;
		}

#left_nav_orange_content {
		background-image: url(../Images/LeftNavorange_Top.gif);
		background-position: top left;
		background-repeat: no-repeat;
		margin-left: 0px;
		}
		
#left_nav_orange_content p {
		color: black;
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 5px;
		padding-left: 10px;
		padding-right: 5px;
		padding-bottom: 2px;
		border-bottom: 1px solid #FFF600;
		}
#left_nav_orange_content p.more {
		color: #FFF600;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 5px;
		padding-bottom: 0px;
		padding-right: 5px;
		border-bottom: 0px;
		}
		
#left_nav_orange_content a.more {
		display: block;
		color: #FFF600;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 5px;
		padding-bottom: 0px;
		padding-right: 5px;
		border-bottom: 0px;
		}												
		
#left_nav_orange_content h1 {
		color: #FFF600;
		font-size: 15px;
		text-align: center;
		margin-top: 0px;
		padding-top: 4px;
		padding-bottom: 2px;
		border-bottom: 1px solid #FFF600;
		margin-bottom: 5px;
		}

#left_nav_orange_content a {
		color: black;
		text-decoration: none;
		}
		
#left_nav_orange_content a.more {
		color: #FFF600;
		}	
		
#left_nav_white_container {
		background-image: url(../Images/LeftNavWhite_FillAndBot.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		padding-bottom: 1px;
		margin-left: 0px;
		}

#left_nav_white_content {
		background-image: url(../Images/LeftNavWhite_Top.gif);
		background-position: top left;
		background-repeat: no-repeat;
		margin-left: 0px;
		}
		
#left_nav_white_content p {
		color: black;
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 5px;
		padding-left: 10px;
		padding-bottom: 2px;
		padding-right: 5px;
		border-bottom: 1px solid #FF9100;
		}
		
#left_nav_white_content p.more {
		color: #FF9100;
		text-align: right;
		margin-top: 0px;
		margin-bottom: 5px;
		padding-bottom: 0px;
		padding-right: 5px;
		border-bottom: 0px;
		}												
		
#left_nav_white_content h1 {
		color: #FF9100;
		font-size: 15px;
		text-align: center;
		margin-top: 0px;
		padding-top: 4px;
		padding-bottom: 2px;
		border-bottom: 1px solid #FF9100;
		margin-bottom: 5px;
		}

#left_nav_white_content a {
		color: black;
		text-decoration: none;
		}
		
#left_nav_white_content a.more {
		color: #FF9100;
		}							
		
#left_nav_subscribe_container {
		background-image: url(/Images/LeftNav_Subscribe_FillAndBot.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		margin-left: 0px;	
		margin-bottom: 5px;
		padding-bottom: 6px;
		}
		
#left_nav_subscribe_content {
		background-image: url(/Images/LeftNav_Subscribe_Top.gif);
		background-position: top left;
		background-repeat: no-repeat;
		margin-left: 0px;
		text-align: left;
		vertical-align: middle;
		padding-left: 8px;
		font-size: 11px;
		}
		
#left_nav_subscribe_content h2 {
		font-size: 11px;
		color: #FF9100;
		margin-top: 0px;
		padding-top: 4px;
		padding-bottom: 0px;
		margin-bottom: 2px;
		}	

/*** END LEFT NAV DIVS ***/			
		

/*** Main content Divs ***/

#main_content {width: 498px;
		margin-left: 197px;
		background-color: #FFFFFF;
		}
		
#main_content h1 {font-size: 16px; color: #FF9100; padding-top: 10px; padding-bottom: 10px; margin: 0px;}
#main_content h2 {font-size: 14px; color: #FF9100; margin-top: 5px; margin-bottom: 10px}
#main_content p {margin-bottom: 8px;margin-top: 2px; line-height: 15px;}
#main_content p.more {text-align: right;margin-bottom: 0px; margin-right: 3px;margin-top: -3px;margin-bottom: 0px;}		
#main_content a {color: #FF9100; text-decoration: none; font-weight: bold;}
#main_content a.text_like_link {color: black; text-decoration: underline; font-weight: normal;}		

/*** Home pages Divs ***/
#main_content_home {
float: left;
width: 498px;
margin:10px 0 0 10px;
background-color: #FFFFFF;
}
#main_content_home h1 {font-size: 16px; color: #FF9100; padding-top: 10px; padding-bottom: 10px; margin: 0px;}
#main_content_home h2 {font-size: 14px; color: #FF9100; margin-top: 5px; margin-bottom: 10px}
#main_content_home p {margin-bottom: 8px;margin-top: 2px; line-height: 15px;}
#main_content_home p.more {text-align: right;margin-bottom: 0px; margin-right: 3px;margin-top: -3px;margin-bottom: 0px;}		
#main_content_home a {color: #FF9100; text-decoration: none; font-weight: bold;}
#main_content_home a.text_like_link {color: black; text-decoration: underline; font-weight: normal; font-size:12px;}		

#main_content_left_column {
float: left;
margin-bottom: 5px;
padding-bottom: 0;
padding-right: 0;
width: 220px;/*215*/
}

#main_content_right_column_HomePage {
width: 270px;
float: right;
height: 180px;
background: url(../Buttons/Homepage_pic.jpg) top left no-repeat;
margin:0 0 0 0px;
}

#main_content_teaser {margin-top: 0px; margin-bottom: 3px;}/**displayinline**/

#main_content_separator {clear: both ; height: 3px;width: 492px; background: url(../Images/main_content_hr.gif) top left no-repeat; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px;}

/*** END Home pages Divs ***/

/*** Our Work Overseas Divs ***/
#main_content_left_col_2thirds {
display: inline; /*** PCIE double margin bug fix ***/
float: left;
margin-bottom: 5px;
padding-bottom: 0px;
padding-right: 3px;
width: 300px;
}

#main_content_right_col_1third {
width: 184px;
margin-left: 303px;
padding-left: 3px;
}

/*** END Our Work Overseas Divs ***/

/*** Teachers Say Divs ***/

#r_floated_image_capt {float: right;
		display: inline;
		width: 220px;
		margin-left: 10px;
		margin-right: 10px;
		padding: 0px;
		}

/*** END Teachers Say Divs ***/

/*** END Main content Divs ***/						

/*** BOTTOM NAVBAR ***/

/***#bottom_navbar {
		float: right;
		clear: both;
		width: 700px;height: 17px;
		margin-top: 15px;
		color: #999999;
		}
		
#bottom_navbar ul {
    margin:0;
    padding:0;
    list-style:none;
    }
    
#bottom_navbar li {
    float:right;
    margin:0;
    padding:0;
    
    }
    
#bottom_navbar a {color: #999999;text-decoration: none;font-size: 12px;
	float: left; /** floated left for IEMAC bug (auto-width block elements aligned verticaly) and - see below - floated none for other browsers - see http://www.alistapart.com/articles/slidingdoors **/
	/* display: block;
	padding-left: 8px;
	padding-right: 8px;
	border-right:1px solid #999999;
    }
/**Commented Backslash Hack : hides rule from IE5-Mac - see http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \*/
/* #bottom_navbar a {float:none;}
/* End IE5-Mac hack */      
    
/* #bottom_navbar #last a {border-right: 1px solid white;}		***/

/*** END BOTTOM NAVBAR ***/
		
/* Footer */

#footer {
	padding: 0 10px;
	width: 685px;
	clear: both;
	color: #999999;
	
}

#footerContent {
	padding: 24px 0 32px 0;
	font-size: 10px;
	border-top: 1px solid #ccc;
}

#footerContent p {
	margin: 0;
	color: #999;
	font-size: 9px;
	clear: both;
}

#footerContent li {
	list-style: none;
	font-size: 10px;
}

#footerContent a {
	color: #333;
	font-size: 10px;
	text-decoration: none;
}

#footerContent a:hover {
	color: #999;
}

#address {
	margin: 0 0 15px 0;
	width: 140px;
	float: left;
	border-right: 1px solid #ccc;
}

#address img {
	margin: 0 0 2px 0;	
}

#footerNav {
	padding: 14px 0 0 0;
	margin: 0 0 0 0;
	width: 515px;
	float: right;
}

#footerNav li {
	display: inline;	
}

#footerNav li a {
	margin: 0 5px 2px 0;
	padding: 0 5px 0 0;
	display: block;	
	border-right: 1px solid #333;
	float: left;
}

#footerNav li a.last {
	border: none;	
}

#footerNav h4 {
	padding: 0 20px 0 0;
	width: 70px;
	font-size: 10px;
	text-align: right;
	float: left;
}

#footerNav ul {
	margin: 0 0 10px 0;
	padding: 0;
	width: 425px;
	font-size: 9px;
	float: left;
}

#footerNav #doubleLink {
	margin: 0 4px 0 0;
	padding: 0;
	border: none;
}

#doubleLink span {
	color: #333;
	cursor: default;
}

#footerNav li a.flag {
	padding: 0 8px 0 24px;
}

#usa {
	background: #fff url(http://www.mediapeta.com/petauk/Images/icnFlagUS.gif) left bottom no-repeat;
}

#france {
	background: #fff url(http://www.mediapeta.com/petauk/Images/icnFlagFrance.gif) left bottom no-repeat;
}

#germany {
	background: #fff url(http://www.mediapeta.com/petauk/Images/icnFlagGermany.gif) left bottom no-repeat;
}

#netherlands {
	background: #fff url(http://www.mediapeta.com/petauk/Images/icnFlagNetherlands.gif) left bottom no-repeat;
}

#india {
	background: #fff url(http://www.mediapeta.com/petauk/Images/icnFlagIndia.gif) left bottom no-repeat;
}

/* End Footer */
		
/*** FORMS ***/
form {padding: 0px; margin: 0px;}

form.formbuilder { color: #000000; line-height: 14px;}
td.formbuilder { color: #000000; line-height: 14px; }

form.test { color: #000000; line-height: 14px;}
td.test { color: #000000; line-height: 14px; }

/*** VARIOUS ADDITONS ***/
a.MFMpack {
display:block;
width:400px;
padding:10px;
border:1px solid #FF9100;
text-align:center;
margin:0 auto 10px auto;
}
a.MFMpack img {
margin-top:10px;
}

/*** END VARIOUS ADDITONS ***/