/* Fix nav */
#left-nav li
{
	background: none;
}
#left-nav li 
{
	/*width: 150px;*/
}
#left-nav li a span
{
	display: block;
	font-size:10pt;
	margin-left: 18px;
}

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

#mlogin li
{
    margin-bottom: 7px;
    background: url(/images/parents-nav-bullet.gif) left center no-repeat;
    padding-left: 15px;
    margin-left: 5px;
}
    
#mlogin a
{
    color: White;
    text-decoration: none;
    font-size: 11px;
}

#mlogin a:hover
{
    color: #ffcc00;
}

img.cleardot
  {
    float: left;
    width: 1px;
    margin-left: -1px;
}

body
{
    background: url(/images/background.gif);
    background-color: #ffc640;
    margin: 0;
    padding: 0;
}

#container
{
    width: 774px;
    margin: 0 auto;
    background-color: white;
}

.public #container
{
    width: 774px;
    margin: 0 auto;
    background-color: white;
    background-image: url(/images/public-container-bg.gif);
    background-repeat: repeat-y;
    border-left: solid 1px #826521;
    border-right: solid 2px #826521;
    border-bottom: solid 1px #826521;
}

.kids #container
{
    width: 774px;
    margin: 0 auto;
    background-color: white;
    background-image: url(/images/kids-container-bg.gif);
    background-repeat: repeat-y;
    border-left: solid 1px #826521;
    border-right: solid 2px #826521;
    border-bottom: solid 1px #826521;
}

.mentor #container
{
    width: 774px;
    margin: 0 auto;
    background-color: white;
    background-image: url(/images/mentor-container-bg.gif);
    background-repeat: repeat-y;
    border-left: solid 1px #826521;
    border-right: solid 2px #826521;
    border-bottom: solid 1px #826521;
}

.centre #container
{
    width: 774px;
    margin: 0 auto;
    background-color: white;
    background-image: url(/images/centre_left_nav_bg.gif);
    background-repeat: repeat-y;
    border-left: solid 1px #826521;
    border-right: solid 2px #826521;
    border-bottom: solid 1px #826521;
}

.home #container
{
    border-left: solid 1px #826521;
    border-right: solid 2px #826521;
    border-bottom: solid 1px #826521;
}

.clear
{
    clear: both;
    line-height: 0;
    font-size: 1px;
    height: 1px;
}

/*****TOP DIV*****/
#top
{
    width: 100%;
}

#header
{
    height: 87px;
    width: 369px;
    background: url(/images/header.png) no-repeat;
    float: left;
}

#flashcontent
{
    height: 87px;
}

.public #top-nav
{
    height: 34px;
    background: url(/images/public-nav.png) no-repeat;
}

.kids #top-nav
{
    height: 34px;
    background: url(/images/kids-nav.png) no-repeat;
}

.mentor #top-nav
{
    height: 34px;
    background: url(/images/mentor-nav.png) no-repeat;
}

/*****LEFT DIV*****/
#left
{
    width:151px;
    float: left;
}

.public #left-nav
{
    background: url(/images/resources-left-nav-1.png) no-repeat;
    height: 140px;
}

.kids #left-nav
{
    background: url(/images/kids-left-nav-1.png) no-repeat;
    height: 140px;
}

.mentor #left-nav
{
    background: url(/images/mentor-left-nav-1.png) no-repeat;
    height: 140px;
}

.centre #left-nav
{
    background: url(/images/centre_left_nav_top_admin.png) no-repeat;
    height:210px;
    padding-left: 5px;
    padding-top: 10px;
}

.centre #left-nav ul
{    
    margin: 0;
    margin-left: 5px;
    padding: 0;
    list-style: none;
}

.centre #left-nav li
{
    margin-bottom: 7px;
    background: url(/images/centre_nav_bullet.gif) left center no-repeat;
    padding-left: 15px;
}
    
.centre #left-nav a
{
    color: White;
    text-decoration: none;
    font-size: 11px;
}

.centre #left-nav a:hover
{
    color: #ffcc00;
}

#klogin
{
    background: url(/images/klogin-left-nav-1.png) no-repeat;
    height: 185px;
}

#mlogin
{
    background: url(/images/mlogin-left-nav-1.png) no-repeat;
    height: 311px;
    padding-left: 5px;
    padding-top: 10px;
}

#plogin
{    
    background: url(/images/public-left-nav-1.png) no-repeat;
    height: 185px;
}

.public #nav-header
{
    background: url(/images/public-left-header.png) no-repeat;
    height: 27px;
}

.kids #nav-header
{
    background: url(/images/kids-left-header.png) no-repeat;
    height: 27px;
}

.mentor #nav-header
{
    background: url(/images/mentor-left-header.png) no-repeat;
    height: 27px;
}
.public #testimonials
{
    background: url(/images/public-left-nav-2.png) no-repeat;
    height: 143px;
    text-align: center;
}

.kids #testimonials
{
    background: url(/images/kids-left-nav-2.png) no-repeat;
    height: 143px;
    text-align: center;
}

.mentor #testimonials
{
    background: url(/images/mentor-left-nav-2.png) no-repeat;
    height: 143px;
    text-align: center;
}

.centre #testimonials
{
    background: url(/images/centre_left_nav_bottom.gif) no-repeat;
    height: 143px;
    text-align: center;
}

/*****CENTRE DIV*****/
#content
{
    width: 598px;
    margin:  0 11px 5px 11px;
    float: left;
}

#home-content
{
    width: 418px;
    margin:  0 11px 5px 11px;
    float: left;
}

#cart-content
{
    width: 600px;
    margin: 0 0 0 11px;
    float: left;
}    

.public #content-top
{
    background: url(/images/public-content-top.png) no-repeat;
}

.kids #content-top
{
    background: url(/images/kids-content-top.png) no-repeat;
}

.mentor #content-top
{
    background: url(/images/parent-top.gif) no-repeat;
}

.centre #content-top
{
    background: url(/images/parent-top.gif) no-repeat;
}

#skipper-content-top
{
    background: url(/images/public-content-top.png) no-repeat;
}

#resources-content-top
{
    background: url(/images/resources-content-top.png) no-repeat;
}

#about-content-top
{
    background: url(/images/about-content-top.png) no-repeat;
}

#friend-content-top
{
    background: url(/images/friend-content-top.png) no-repeat;
}

#test-content-top
{
    background: url(/images/test-content-top.png) no-repeat;
}

#cart-content-top
{
    background: url(/images/cart-content-top.png) no-repeat;
}

#contact-content-top
{
    background: url(/images/contact-content-top.png) no-repeat;
}

#home-content-top
{
    background: url(/images/home-content-top.png) no-repeat;
}

#terms-content-top
{
    background: url(/images/terms-content-top.png) no-repeat;
}

.public #content-middle
{
    background: url(/images/public-content-middle.gif);
}

.kids #content-middle
{
    background: url(/images/kids-content-middle.gif);
}

.mentor #content-middle
{
    background: url(/images/parent-middle.gif);
}

.centre #content-middle
{
    background: url(/images/parent-middle.gif);
}

#resources-content-middle
{
    background: url(/images/resources-content-middle.gif);
}

#about-content-middle
{
    background: url(/images/about-content-middle.gif);
}

#friend-content-middle
{
    background: url(/images/friend-content-middle.gif);
}

#test-content-middle
{
    background: url(/images/test-content-middle.gif);
}

#cart-content-middle
{
    background: url(/images/cart-content-middle.gif);
}

#contact-content-middle
{
    background: url(/images/contact-content-middle.gif);
}

#home-content-middle
{
    background: url(/images/home-content-middle.gif);
}

#terms-content-middle
{
    background: url(/images/terms-content-middle.gif);
}

.public #content-bottom
{
    background: url(/images/public-content-bottom.gif) bottom no-repeat;
    padding: 15px;
    min-height: 360px;
    height: auto !important;
    height: 360px;
}

.kids #content-bottom
{
    background: url(/images/kids-content-bottom.gif) bottom no-repeat;
    padding: 15px;
    min-height: 360px;
    height: auto !important;
    height: 360px;
}

.cert-wall #content-bottom
{
    padding: 15px 10px 15px 20px;
}

.mentor #content-bottom
{
    background: url(/images/parents-bottom.gif) bottom no-repeat;
    padding: 15px 20px;
    min-height: 611px;
    height: auto !important;
    height: 611px;
}

.centre #content-bottom
{
    background: url(/images/parents-bottom.gif) bottom no-repeat;
    padding: 15px 20px;
    min-height: 611px;
    height: auto !important;
    height: 611px;
}

#resources-content-bottom
{
    background: url(/images/resources-content-bottom.gif) bottom no-repeat;
    padding: 15px 15px 15px 10px;
    min-height: 360px;
    height: auto !important;
    height: 360px;
}

#about-content-bottom
{
    background: url(/images/about-content-bottom.gif) bottom no-repeat;
    padding: 15px;
    min-height: 360px;
    height: auto !important;
    height: 360px;
}

#friend-content-bottom
{
    background: url(/images/friend-content-bottom.gif) bottom no-repeat;
    padding: 15px 15px 15px 10px;
    min-height: 360px;
    height: auto !important;
    height: 360px;
}

#test-content-bottom
{
    background: url(/images/test-content-bottom.gif) bottom no-repeat;
    padding: 15px 15px 15px 10px;
    min-height: 360px;
    height: auto !important;
    height: 360px;
}

#cart-content-bottom
{
    background: url(/images/cart-content-bottom.gif) bottom no-repeat;
    padding: 15px 15px 15px 10px;
    min-height: 360px;
    height: auto !important;
    height: 360px;
}

#contact-content-bottom
{
    background: url(/images/contact-content-bottom.gif) bottom no-repeat;
    padding: 15px 15px 15px 20px;
    min-height: 360px;
    height: auto !important;
    height: 360px;
}

#home-content-bottom
{
    background: url(/images/home-content-bottom.gif) bottom no-repeat;
    padding: 15px 15px 15px 20px;
    min-height: 145px;
    height: auto !important;
    height: 145px;
}

#terms-content-bottom
{
    background: url(/images/terms-content-bottom.gif) bottom no-repeat;
    padding: 15px 15px 15px 20px;
    min-height: 360px;
    height: auto !important;
    height: 145px;
}

/*****RIGHT DIV*****/
#right-nav
{
    float: left;
    width: 171px;
}

#spot-1
{
    height: 107px;
}

#spot-2
{
    height: 100px;
}

#spot-3
{
    height: 104px;
}

/*****SEE CERTIFICATES*****/
#points
{
    width: 140px;
    height: 64px;
    background: url(/images/points.png) no-repeat;
    padding: 35px 216px 29px 10px;
}

#next-pack
{
    width: 97px;
    height: 29px;
    padding: 37px 20px 45px 257px;
    background: url(/images/next_pack.gif) no-repeat;
}  

.cert-wall, .cert-wall-left
{
    width: 107px;
    height: 120px;
    background: url(/images/cert_bg.png) no-repeat bottom right;
    padding: 21px 15px 22px 15px;
    float: left;
    margin: 7px;
}

.cert-wall-new
{
    width: 99px;
    height: 100px;
    background: url(/images/cert_bg_new.png) no-repeat;
    padding: 31px 27px 32px 11px;
    float: left;
}

.cert-wall-left
{
    margin-left: 65px;
}

/*****Download Packs - Skipper*****/
.packcodeheader
{
    width: 300px;
    font-weight: bold;
    font-size: 10pt;
    float: left;
}

.packdownloadbutton
{
    width: 87px;
    float: right;
}

.packitem
{
    margin: 10px 0;
}

/****New style for Home page*****/

#main-column
{
    width: 522px;
    float: left;
    margin-left: 12px;
    padding-top: 5px;   
}

#right-column
{
    float: left;
    width: 230px;
    padding-top: 11px;
}

.home-top
{
    background: url(/images/home-top.png) no-repeat;
}

.home-middle
{
    background: url(/images/home-middle.gif) repeat-y;
    width: 522px;
}

.home-bottom
{
    background: url(/images/home-bottom.gif) no-repeat bottom;
    padding: 20px 0 20px 20px
}

.home-text
{
    float: left;
    width: 372px;
}

.home-buttons
{
    float: left;
    width: 130px;
}

.sample-top
{
    background: url(/images/sample-top.png) no-repeat;
}

.sample-middle
{
    background: url(/images/sample-middle.gif) repeat-y;
    width: 522px;   
}

.sample-bottom
{
    background: url(/images/sample-bottom.gif) no-repeat bottom;
    padding: 20px;
}

.sample-bottom img
{
    cursor: pointer;
}

.parents-top
{
    background: url(/images/parents-top.png) no-repeat;   
}

.parents-middle
{
    background: url(/images/parents-middle.gif) repeat-y;
    width: 230px;   
}

.parents-bottom
{
    background: url(/images/parent-bottom.gif) no-repeat bottom;
    padding: 0 5px 20px 20px;
    color: White;
}

.centres-top
{
    background: url(/images/centres-top.png) no-repeat;
}

.centres-middle
{
    background: url(/images/centres-middle.gif) repeat-y;
    width: 230px;
}

.centres-bottom
{
    background: url(/images/centres-bottom.gif) no-repeat bottom;
    padding: 5px 15px 15px 15px;
}

.download-box
{
    width: 97px;
    height: 90px;
    margin: -8px 0 0 19px;
    cursor: pointer;
}

.info-box
{
    width: 104px;
    height: 104px;
    margin: 18px 0 0 5px;
}

.find-more-box
{
    width: 66px;
    height: 66px;
    position: relative;
    top: -6px;
    left: -56px;
    cursor: pointer;
}

#registration .label
{
    font-weight: bold;
}

#registration p
{
    color: red;
    font-weight: bold;
}

.smallinput
{
    width: 65px;
    margin: 3px 0;
    float: left;
}

#registration .errorMessage
{
    font-weight: normal;
}

.smallddl
{
    width: 69px;
    float: left;
    margin: 3px 0;
}

#kidslist .errorMessage
{
    font-weight: normal;
    display: block;
}

#kidslist .label
{
    font-weight: bold;
    width: 170px;
}

#addkid .dateddl
{
	margin: 5px 12px 5px 0;    
}

.dateddl
{
    width: 60px;
    float: left;
    margin: 3px 12px 3px 0;    
}

#parents-info
{
	width: 513px;
	height: 87px;
	background: url(/images/parents_info_bg.gif);
	color: #666699;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 20px;
	margin-bottom: 10px;
}

#parents-info em
{
	font-size: 15px;
	font-style: normal
}

#parents-info .left
{
	width: 256px;
	border-right: 1px solid #666699;
	float: left;
	line-height: 20px;
}

#parents-info .right
{
	width: 226px;
	float: left;
}

#parents-info .asterisk
{
	float: left;
	width: 30px;
	font-size: 30px;
	text-align: center;
}

#parents-instructions
{
	width: 538px;
	height: 116px;
	font-weight: bold;
	background: url(/images/parents_instructions_bg.gif);
	padding: 5px 10px;
	margin-bottom: 20px;
}

#parents-instructions h2
{
	margin-bottom: 10px;
}

/*****Welcome Page*****/
#welcome-box
{
	background: url(/images/welcome_box.gif) no-repeat;
	width: 273px;
	height: 97px;
	padding: 14px;
	padding-right: 0;
	color: #666666;
}

#welcome-box ol 
{
	margin: 10px 0;
}

#welcome-box li
{
	margin: 7px 0;
	font-weight: bold;
}


/*****HEADING STYLES FOR NON-FLASH*****/

h5
{
	font-size: 25px;
	margin-top: 5px;
	color: #1db5f3;
}

h5.sample
{
	margin-top: 0;
	color: #ffe721;
}

.parents
{
	font-size: 18px;
	padding-top: 15px;
	margin-bottom: 15px;
}

.parentslogin
{
	font-size: 18px;
	margin-bottom: 15px;
}

.centres
{
	font-size: 18px;
	margin-top: 20px;
}

.centreslogin
{
	font-size: 18px;
}

h2.black
{
	font-size: 18px;
}

h1
{
	color: #ffffff;
	font-size: 30px;
	font-family: arial;
}