/* Color Scheme */
.primary-1 { background-color: #243C7F }
.primary-2 { background-color: #2C3A5F }
.primary-3 { background-color: #0C1F53 }
.primary-4 { background-color: #5874BF }
.primary-5 { background-color: #7488BF }


body 
{
	text-align: center;
	background-color: Gray;
	font-family: Arial;
	color: #666666;
}

h1
{
	color: #0C1F53;
	font-size: 25px;	
}

h2
{
	font-size: 18px;
	color: #5874BF;	
}

h3
{
	font-size: 15px;
	color: #243C7F;	
}

p
{
	line-height: 16px;
}

.pageframe
{
	margin: 20px auto 0px auto;	
	width: 700px;
	text-align:left;
	background-color: #FFFFFF;
	padding: 5px;
}
					/***** Menu SECTION *****/
.menubar
{
	color:#FFFFFF;
	float:left;
	width: 100%;
	height: 20px;
	padding-top: 17px;
	margin-left: 10px;
}

.menubar div
{
	text-align:left;
	position:relative;
}

/* NAV BAR */
.menutitle
{
	font-weight: bold;
	font-size: 12px;
}

.menubar div ul
{
	margin: 0px;
}

.menubar div ul li
{
	margin: 0px 15px 0px 0px;
	padding-top: 3px;
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	position: relative;
	display:inline;	
}

.menubar div li a
{
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

.menubar div li a:hover
{
	color: #BDA425;
}

.menubar div li ul
{
	margin: 0px;
	left: 0px;
	padding: 10px 0px 0px 0px;
	position: absolute;
	display: none;	
}

.menubar div li:hover ul
{
	padding-bottom: 5px;
	display: block;
	background-color: #243C7F;
}

.menubar div li li
{
	width:150px;
	margin-left: 5px;
	list-style: none;
	display:list-item;
}

.menubar div li li a
{	
	padding-left:3px;
	padding-right:3px;	
	color: #FFFFFF;
	font-weight: normal;
	font-size: 13px;
	width: 100%;
}

.menubar div li li a:hover
{
	background-color: #CCCCCC;
	color: #FFFFFF;
}

/* END - NAVIGATION MENU */

					/***** HEAD SECTION *****/

#head
{
	padding: 5px;
	width: 1000px;	
	clear:both;
	height: 50px;
}

#logo
{
	padding-top: 5px;
	float:left;
	font-size: 15px;
	font-weight: bold;
	clear:right;
}

#logo p
{
	margin-top: -23px;
	margin-left: 223px;
}

#horzbar
{
	clear:both;
	background-image: url('images/topBar.gif');
	background-position: top left;
	background-repeat: repeat-x;	
	height: 50px;	
	margin-bottom: 10px;
}

						/* The Defaul Page Content Area */
#MainLeftColumn
{ 
	float: left;
	padding-left: 25px;
	margin-bottom: 20px;
	width: 640px;
	clear:both;
	padding-right: 10px;
}

#MainRightColumn
{
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
	width: 285px;
	float:right;	
	clear:right;
	height: 100%;
}

#MainRightColumn h1
{
	padding: 10px;
	border: thin solid #C0C0C0;
	clear: both;
	background-color: #EFEFEF;
}

						/* New RSS Feed FROM JOC */
#rssNews
{
	padding: 15px;
	height: 650px;
	text-align: left;
	overflow: auto;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
}

.rssLink /* this is also the title */
{
	color: #243C7F;
	font-size: 12px;
	text-decoration:none;
	font-weight: bold;
}

.rssDetails
{
	font-size: 12px;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 5px;
}

.rssDate
{
	font-size: 11px;
	color: #C0C0C0;
}

					/* END - New RSS Feed */

					/* Left Defaul Page Content Area */
					/* Top Region */					
					
#MainTopLeftColumn
{
	margin-top: 20px;
	clear: both;
	width: 645px;
}
						
#MainTopLeftColumn h1
{
	clear:both;
	font-size: 25px;
	font-weight: bold;
}

#MainTopLeftColumn p
{
	text-align: left;
	margin: 10px 10px 20px 10px;
	font-size: 13px;
	padding-top: 5px;
}

#MainTopLeftColumn img
{
	float: right;
	height: 175px;
	width: 250px;
	margin-left: 20px;	
	margin-top: -40px;
	margin-bottom: 15px;
}

#MainBottomLeftColumn
{
	margin-left: 20px;
	padding-top: 5px;
	width: 635px;
	font-weight: bold;
	clear:both;
}

a.defaultpaggelinknoformat
{
	text-decoration:none;
	font-size: 18px;
	color: #243C7F;
}

/*
#MainBottomLeftColumn img
{
	margin-left: 10px;
}

#MainBottomLeftColumn h2
{
	margin-top: 5px;	
	font-size: 20px;
	clear:both;
}

#MainBottomLeftColumn h3
{
	margin-top: 5px;
	margin-bottom: 5px;	
	text-align:center;
}

#MainBottomLeftColumn p
{
	font-size: 12px;
	padding: 5px;
	text-align:justify;
}

#MainBottomLeftColumn ul
{
	margin-left:25px;
}

#MainBottomLeftColumn ul li
{
	font-size: 12px;
	list-style-type: disc;
	margin-top: 5px;
}

#MainBottomLeftColumn div
{
	width: 162px;
	margin: 10px;
}
*/
							/* PROVIDERS PAGE */
							
#providerbottomleftcolumn, #boardbottomleftcolumn, #newsbottomleftcolumn, #conctactbottomleftcolumn, #membershipbottomleftcolumn
{
	margin-top: 20px;
	width: 635px;
	clear:both;
}		

#providerbottomleftcolumn h2
{
	padding: 5px;
	border: thin solid #808080;
	background-color: #CCCCCC;
}

.accordheadcarriers
{
	border: thin solid #808080;
	padding: 5px;
	background-color: #CCCCCC;
}

#providerbottomleftcolumn ul.box
{
	border: thin solid #CCCCCC;
	background-color: #F3F3F3;
	width: 300px;
	height: 80px;
	padding: 5px;
	margin-bottom: 10px;
}	

#providerbottomleftcolumn img
{
	border: thin solid #808080;
	height: 75px;
	width: 150px;
	margin-right: 10px;
	float: left;
}

#providerbottomleftcolumn li.provider
{
	font-size: 12px;	
	padding: 2px;
}	

#providerbottomleftcolumn li.provider a
{
	text-decoration:none;
	color:#243C7F;
}	

#providerbottomleftcolumn .title
{
	font-size: 15px;
	padding: 2px;
	color: #243C7F;
}

#providerbottomleftcolumn div.left
{
	float:left;
}	

#providerbottomleftcolumn div.right
{
	margin-left: 10px;
	float: left;
	clear: right;
}	

							/* End PROVIDERS PAGE */

/* Horizontal Bar Before Footer */
.fullhorizontalbar
{
	clear: both;
	height: 3px;
	margin-top: 10px;
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #CCCCCC;
}

/* FOOTER */
#footer
{	
	clear:both;
	height: 40px;
	background-color: White;	
	padding-top: 10px;
	margin-left: 50px;
}

#footer div
{
	text-align: left;
	position: relative;
	color: #243D7F;
	float: left;
	height: 75px;
	width: 135px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	display:inline;
}

#footer p
{
	font-size: 10px;
	color: #999999;
	margin-left: 10px;
	padding: 10px;
}

#footer div ul
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#footer div ul
{
	padding: 5px 0px 0px 0px;
	font-size: 12px;
}
#footer div ul li a
{
	text-decoration:none;
	color: #666666;	
}

							/* Board PAGE */		
							
/* #boardbottomleftcolumn --- See Provider Section */

#boardbottomleftcolumn ul.box
{
	border: thin solid #CCCCCC;
	background-color: #F3F3F3;
	width: 300px;
	height: 130px;
	padding: 5px;
	margin-top: 5px;
}	

#boardbottomleftcolumn li.boardmember img
{
	float: left;
	height: 125px;
	width: 100px;
	margin-right: 10px;
	position:relative;
}

#boardbottomleftcolumn li.boardmember p
{
	font-size: 12px;	
	padding: 5px;
	clear:right;
}								

#boardbottomleftcolumn li.boardmember
{
	font-size: 12px;	
	padding: 5px;
}	

#boardbottomleftcolumn li.boardmember li
{
	line-height: 15px;
}	

#boardbottomleftcolumn li.title
{
	font-size: 15px;	
	padding: 5px;
	font-weight: bold;
}	

#boardbottomleftcolumn div.left
{
	float:left;
}	

#boardbottomleftcolumn div.right
{
	margin-left: 10px;
	float: left;
	clear: right;
}						

								/* NEWS PAGE SECTION */

ul.box
{
	border: thin solid #CCCCCC;
	background-color: #F3F3F3;
	width: 290px;
	padding: 10px;
	margin-top: 5px;
	max-height: 225px;
	overflow: auto;
}	

#newsbottomleftcolumn li.title
{

	font-size: 13px;	
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	color:#243C7F;
}	

li.description
{
	font-size: 12px;	
	margin: 5px;
}

li.newsdate
{
	font-size: 11px;	
	margin: 5px;
}

li.link a
{
	font-size: 10px;	
	margin: 5px 0px 10px 0px;
	font-weight: bold;
	text-decoration: none;
	color:#243C7F;
}

div.newsleft
{
	float:left;
}	

h2.newssection
{
	border: thin solid #C0C0C0;
	padding: 5px;
	clear: both;
	font-size: 15px;
	font-weight:bold;
}	

div.newsright
{
	margin-left: 10px;
	float: left;
	clear: right;
}							

							/* Contact PAGE */		
							
/* #contacttopleftcolumn --- See Provider Section */

#contacttopleftcolumn h1 
{
    margin-top: 10px; 
}

#contacttopleftcolumn img 
{
    margin-left: 20px; 
    margin-top: -30px; 
}

.contactaddress
{
    float: right;
	margin-right: 75px;
	list-style: none;
	line-height: 18px;
	font-weight: bold;
}

#conctactbottomleftcolumn ul.box
{
	border: thin solid #CCCCCC;
	background-color: #F3F3F3;
	width: 280px;
	height: 130px;
	padding: 5px;
	margin-top: 5px;
}	

img.contact
{
	margin-top: 3px;
	float:left;
	height: 125px;
	width: 100px;
	margin-right: 10px;
}

#conctactbottomleftcolumn li.contact p
{
	font-size: 12px;	
	padding: 5px;
	clear:right;
}								

#conctactbottomleftcolumn ul.contactdetails
{
	font-size: 12px;	
}	

#conctactbottomleftcolumn ul.contactdetails li
{
	line-height: 16px;
}	

#conctactbottomleftcolumn li.contact li
{
	line-height: 18px;
}	

#conctactbottomleftcolumn li.title
{
	font-size: 15px;	
	font-weight: bold;
	margin-bottom: 3px;
}	

#conctactbottomleftcolumn div.left
{
	margin-left: 0px;
	float:left;
}		

#conctactbottomleftcolumn div.right
{
	margin-right: 0px;
	float:right;
}		

									/*	MEMBERSHIP */
									
/* #membershipbottomleftcolumn --- See Provider Section */																											

#membershipbottomleftcolumn ul.box
{
	border: thin solid #CCCCCC;
	background-color: #F3F3F3;
	padding: 0px 5px 10px 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 550px;	
	clear:left;
}

#membershipbottomleftcolumn p
{
	padding: 5px 5px 5px 10px;
	font-size: 12px;
}

#membershipbottomleftcolumn ul.box ul.ultop > li
{ 
	margin-bottom: 5px;
}
#membershipbottomleftcolumn ul.box ul.ultop ul
{ 
	font-size: 12px;
	margin-left: 10px;
	list-style-type: disc; 
}

#membershipbottomleftcolumn .heading
{
	color: #243C7F;
	font-size: 15px;
	font-weight: bold;
}	

#membershipbottomleftcolumn .subheading
{
	color: #5874BF;
	font-size: 13px;
	font-weight: bold;
}	

#membershipbottomleftcolumn ol
{
	margin-left: 20px;
	list-style-type: decimal;	
	margin-bottom: 10px;
}

#membershipbottomleftcolumn ol li
{
	font-weight:bold;
	font-size: 16px;
	margin-top: 5px;
}

/* unorderd list items under the steps for membership */
#membershipbottomleftcolumn ol ul
{ 
	font-size: 12px;
	margin-left: 20px;
	list-style-type: disc; 
	margin-top: 3px;
}



#membershipbottomleftcolumn ol ul li
{ 
	font-weight:normal;
	font-size: 12px;
	margin-left: 5px;
	list-style-type: disc; 
}


/*This will be used to link the user to another page */
a.linknoformat
{
	text-decoration:none;
	font-size: 11px;
	color: #243C7F;
	margin-left: 10px;
}

#membershipbottomleftcolumn li
{
	font-size: 12px;
	padding-top: 3px;	
}	

#membershipbottomleftcolumn li li
{
	line-height: 15px;
}	

.title a.titleanchorimg
{
	font-size: 15px;	
	padding: 5px;
	font-weight: bold;
	text-decoration: none;	
}	

.title div.titleanchortxt
{
	border-style: solid;
	border-width: thin;
	font-weight: bold;
	font-size: 18px;
	color: #5874BF;
	text-decoration: none;
	background-color: #C0C0C0;
	padding: 5px;
	width: 625px;
	clear:right;
}

div.titleanchortxt a
{
	font-weight: bold;
	font-size: 18px;
	color: #5874BF;
	text-decoration: none;
}	

a.titleanchorimg img
{
	padding-right: 10px;
	float: left;
	position:relative;

}

#membershipbottomleftcolumn div.top
{
	float:left;
	clear:both;
}	

#membershipbottomleftcolumn div.bottom
{
	margin-top: 20px;
	float:left;
	clear: both;
}

div.openshipping
{
	margin: 5px 10px 10px 0px;
	width: 590px;
	clear:both;
}

div.openshipping p
{
	font-size: 13px;
	padding: 5px 5px 5px 10px;
	text-align:left;
	width: 500px;
}

div.osleft, div.oscenter, div.osright
{
	margin-left: 50px;
	float:left;
	width: 162px;
	margin: 10px;	
}

div.osright
{
	clear:right;
}

div.osleft img, div.oscenter img, div.osright img
{
	margin-left: 10px;
}

div.osleft h2, div.oscenter h2, div.osright h2
{
	margin-top: 5px;	
	font-size: 20px;
	clear:both;
}

div.osleft h3, div.oscenter h3, div.osright h3
{
	margin-top: 5px;
	margin-bottom: 5px;	
	text-align:center;
}

div.osleft p, div.oscenter p, div.osright p
{
	font-size: 12px;
	padding: 5px;
	text-align:justify;
}

div.osleft ul, div.oscenter ul, div.osright ul
{
	margin-left:25px;
}

div.osleft ul li, div.oscenter ul li, div.osright ul li
{
	font-size: 12px;
	list-style-type: disc;
	margin-top: 5px;
}


										/* MEMBERSHIP FORM */
table.tablememberform
{
	width: 100%;
	border-spacing: 5px;
	border: 1px;
	text-align: left;
}

table.tablememberform .label, .labelnotes
{
	width: 40px;
	text-align:right;
}	

table.tablememberform .textbox, .textboxnotes
{
	width: 100px;
	text-align: left;
}	

.shipinfo
{
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
}

table.tablememberform .textbox
{
	width: 500px;
	text-align: left;
}

.labelnotes
{
	vertical-align:top;
}

.checkbox
{
	width: 50px;
	text-align: left;
}

.memberdisclaimer
{
	font-size: 11px;
	color: Red;
}

						/*  OVERVIEW  */
#saeducationoverview
{

}	

.overviewimg	
{
	float: right;
	margin-bottom: 20px;
	margin-top: -40px;
}	

#overviewdescription
{
	width: 600px;
	margin-bottom: 20px;
}	

#overviewdescription p
{
	width: 300px;
	margin: 20px 10px 10px 50px;
}			
						
#saeducationoverview ul
{
	list-style-type: disc;
	margin-left: 50px;
}		

#saeducationoverview li
{
	width: 400px;
	padding: 5px;
	margin: 10px;
	line-height: 16px;
}	

#saeducationoverview h2
{
	margin-left: 50px;
}		

#saeducationoverview p.extender
{
	width: 400px;
	margin-left: 50px;
	margin-top: 10px;
	line-height: 16px;
	padding-bottom: 5px;	
}

#saeducationoverview .sectionimg
{
	float:right;
	margin-right: 10px;
	border-style: solid;
	border-width: 3px;	
}

.sectionextender
{
	clear:both;
}	

							/*  compare  */
							
#saeducationcompare
{
	width: 600px;
	border: thin solid #CCCCCC;	
}

#comparetopbar
{
	width: 589px;
	background-image: url('images/compareTableTopBar.gif');
	background-repeat: no-repeat;
	height: 50px;
}

#comparehead
{
	width: 550px;
	background-image: url('images/compareTableHeadBar.gif');
	background-repeat: no-repeat;
	height: 30px;
	margin-left: 20px;
}

#comparebottombar
{
	clear: both;
	width: 589px;
	background-image: url('images/compareTableBottomBar.gif');
	background-repeat: no-repeat;
	height: 17px;
}

#comparehead .tableleft
{
	float: left;
	margin-left: 50px;
}

#comparehead .tableright
{
	float: right;
	margin-right: 75px;
}

#comparetitle
{
	padding: 10px;
	text-align: center;
	color: #FFFFFF;
	font-size: 25px;
}	

#comparecurrentdescription
{
	width: 500px;	
	margin-bottom: 20px;
	margin-left: 30px;
	padding: 10px; 
}

#comparecurrentdescription p
{
	margin: 10px;
	text-align:left;	
	font-size: 14px;
}

#comparecurrentdescription .compareimg
{
	border-style: solid;
	border-width: 3px;
	border-color: #CCCCCC;	
	float: right;
	margin-left: 40px;
}

.comparetoysa
{
	margin-left: 65px;	
	width: 190px;
	float: left;	
}

.comparecurrentprovider
{
	margin-right: 110px;	
	width: 190px;
	float: right;
	margin-bottom: 20px;
}

.listheading
{
	font-size: 20px;	
	width: 100%;
	padding: 5px;
	margin-bottom: 15px;
	color: #FFFFFF;
}

.listsubheading
{
	font-size: 18px;
	margin-left: 20px;
}

.listtotalproviders
{
	font-size: 16px;
	margin-left: 25px;
	margin-top: 5px;
	color: #5874BF;
}

.comparecurrentprovider ul li,  .comparetoysa ul li
{
	font-size: 14px;
	margin-left: 5px;
	padding: 3px;
}

.comparecurrentprovider ul,  .comparetoysa ul
{
	text-align: left;
	list-style-type: disc;
	padding: 0px;
	margin: 5px 0px 5px 40px; 
}