body
{
    font-family: Arial, Heltivica, Sans-Serif;
    font-size: 0.9em;
    line-height: 125%;
    color: #777777;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    text-align:center;
}

a:hover {text-decoration: underline}

img {border-style: none;}

blockquote
{
    padding-left: 0; 
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
}

h1 
{
    margin-top: 20px;
}

h2
{
    font-size: 1.2em;
    font-weight:bold;
      line-height: 110%;
}

h3
{
    font-size: 1em;
}

#menu
{
    height: 30px;
    background-color: #E0007C;
    position: absolute;
    top: 226px;
    left: 0px;
    right: 0px;
    text-align:center;
    font-size: 15px;
    font-weight: bold;
}


#menu a
{
    display:inline-block;
    padding: 4px 7px 0px 7px;
    text-decoration:none;
    height: 26px;
}

#menu a:hover
{
    background-color:White;
    color: #E0007C;
    
}

#footerlinks
{
    height: 30px;
    background-color: #00ADE9;
    color:White;
    font-size: 12px;
    clear:both;
}

#footerlinks a:link, #footerlinks a:visited {color:White;}

#footerlinks p {padding: 5px; height: 30px;}

#footer
{
    margin-top: 20px;
    text-align:center;
}

#footer p
{
    margin: 0;
    padding: 0;
}

#container
{
    text-align:left;
    margin: 0 auto;
    width: 995px;
}

#banner
{
    height: 226px;
}

#content
{
    width: 995px;
    margin: 50px;
    margin-top: 30px;
}


#homepagenews
{
    position: absolute;
    top: 265px;
    right: 20px;
    width: 405px;
    height: 200px;
    overflow:hidden;
}

#homepagenews h2 {padding: 0; margin: 0; margin-bottom: 10px;}


#leftcontentdiv, #leftcontentwidediv
{
    float:left;
    width: 450px;
    position:relative;
}

#leftcontentwidediv {width: 600px;}

#maincontentdiv a, #leftcontentdiv a, #leftcontentwidediv a, #homepagenews a, #footer a   {/*color: #00ADE9;*/ color: #E0007C;}
#maincontentdiv a, #leftcontentdiv a:visited, #leftcontentwidediv a:visited, #homepagenews a:visited, #footer a:visited {color: #8CC53F;}


#rightcontentdiv, #rightcontentnarrowdiv
{
    float:right;
    width: 480px;
    margin-right: 50px;
    text-align:right;
    background-repeat:no-repeat;
    background-position: right top;
    position:relative;
    min-height: 711px;
}

#rightcontentnarrowdiv {width: 240px;}

#loginform
{
    width: 450px;
    height: 216px;
    background-image: url(../images/parentportal/loginformbg.jpg);
    background-repeat:no-repeat;
}

#loginform input {font-size: 1.2em; color: #666666; width: 100%;}


#maincontentdiv
{
    float:left;
    position:relative;
    width:100%;
    min-height:200px;
}


/* ***********************************************
RIGHT CONTENT SUB MENU
********************************************** */

#rightcontentsubmenu
{
    position: absolute;
    text-align:left;
    top: 45px;
    right: 30px;
    width: 185px;
    height: 130px;
    overflow:hidden;
}

#rightcontentsubmenu li, #clubsubmenudiv li {padding: 0; margin: 0; text-indent:0; list-style-type:none;}
#rightcontentsubmenu ul, #clubsubmenudiv ul {margin:0; padding: 0;}
#rightcontentsubmenu li, #clubsubmenudiv li {margin-bottom:0; padding:4px 0}
#clubsubmenudiv ul {margin-left:20px;}

#rightcontentsubmenu a, #clubsubmenudiv a
{
    display:inline-block;
    width: 188px;
    text-decoration:none;
}

#rightcontentsubmenu a:hover, #clubsubmenudiv a:hover
{
    background-image: url(../images/handicon.gif);
    background-position:right center;
    background-repeat:no-repeat;
    color: #8CC53F;
}

.selectedsubmenuitem
{
    color: #8CC53F;
    background-image: url(../images/handicon.gif);
    background-position:right center;
    background-repeat:no-repeat;
}

.submenuitem
{
    /* color: #00ADE9; */
    color: #E0007C;
    background-image:none;
}

.submenuitem span, .selectedsubmenuitem span {margin-right: 25px; display:block;}


/* ***********************************************
RIGHT CONTENT COMMENT BOXES
********************************************** */

#rightcontentcommentbox
{
    position:absolute;
    right: 30px;
    width: 400px;
    height: 190px;
    bottom: 40px;
    text-align:left;
    font-size: 1.2em;
    line-height: 110%;
    color: #999999;
}

#rightcontentcommentboxwide
{
    position: absolute;
    right: 0;
    width: 448px;
    height: 200px;
    text-align:left;
    font-size: 1.2em;
    line-height: 110%;
    color: #999999;
    background-image: url(../images/commentbox-wide.jpg);
    background-repeat:no-repeat;
}

#rightcontentcommentbox p, #rightcontentcommentbox blockquote {padding: 0; margin: 0;}
#rightcontentcommentbox p {margin-top: 20px;}
#rightcontentcommentboxwide p, #rightcontentcommentboxwide blockquote
{
    margin: 30px 25px 25px 25px;
}
   
 
/* ***********************************************
CLUB SUB MENU
********************************************** */

#clubdownloadsdiv, #clubsubmenudiv
{
    float: right;
    width: 237px;
    text-align:left;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

#clubsubmenudiv h3 {color: #00ADE9; font-size:1em;}
#clubdownloadsdiv h3 {text-align:center;} 










.selectedmenuitem
{   background-color:White;
    color: #E0007C;
}

.menuitem
{   background-color:#E0007C;
    color: white;
}





.green
{
    color: #8CC53F;
    font-weight:bold;
    text-decoration:none;
}

.orange
{
    color: #FA6C14;
    text-decoration:none;
    font-weight:bold;
}

.pink
{
    color: #E0007C;
    text-decoration:none;
    font-weight:bold;
}

.blue
{
    color: #00ADE9;
    text-decoration:none;
    font-weight:bold;
}

.red
{
    color: #E41715;
    text-decoration:none;
    font-weight:bold;   
}


.box-middle
{
	display:block;
    width: 237px;
    background-image: url(../images/box-middle.jpg);
    background-repeat:repeat-y;
}

.box-top
{
    width: 237px;
    height: 28px;
    background-image: url(../images/box-top.jpg);
    background-repeat: no-repeat;
}

.box-bottom
{
    width: 237px;
    height: 42px;
    background-image: url(../images/box-bottom.jpg);
    background-repeat: no-repeat;
}

.box-middle p, .box-middle ul, .box-middle h3, .box-middle blockquote
{margin-left: 20px;margin-right: 20px;}
.box-middle p, .box-middle ul, .box-middle blockquote, .box-middle h3 {margin-top: 0; margin-bottom: 0; padding-bottom: 0;}
.box-middle h3 {margin-top: 0; margin-bottom: 0; padding-bottom: 0;}

.newsthumbnailsmall
{
    height: 60px;
    width: 60px;
    padding: 0;
    margin-right: 10px;
    margin-top: 5px;
}

.newsthumbnail
{
    height: 150px;
    width: 150px;
    margin-right: 20px;
    margin-top: 5px;
    padding-top: 0px;
    float: left;
}

.openquote
{
    margin-right: 5px;
    margin-top: -10px;
    height:28px;
    width: 30px;   
}

.closequote
{
    margin-left: 5px;
    margin-bottom: -10px;
    height:28px;
    width: 30px;
}

.mandatory
{
    color: Red;
    font-weight:bold;
}


.validationmessage
{
	width: 400px;
	border: solid 1px red;
	color: Red;
	padding: 5px;
	padding-left: 60px;
	background-image: url(../images/warning.gif);
	background-position:left top;
	background-repeat:no-repeat;
	min-height: 50px;
	margin-bottom: 10px;
}

.confirmationmessage
{
	width: 400px;
	border: solid 1px Green;
	color: Green;
	padding: 5px;
	padding-left: 60px;
	background-image: url(../images/confirmation.gif);
	background-position:left top;
	background-repeat:no-repeat;
	min-height: 50px;
	margin-bottom: 10px;
}


.downloaditem {clear:both; padding-left: 23px; padding-right: 23px; font-size:0.9em;}
.pdficon {float:left; width:66px; height:68px;}


input[type="text"], input[type="password"], textarea
{
	background-image: url(../images/formcontrolbg.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
width: 200px;
}

select
{
	background-image: url(../images/formcontrolbg.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	width: 206px;
}


.customtable
        {
            width: 100%;
            border-style: solid;
            border-width: 1px;
            color: #E0007C;
            font-size: 0.9em;
            font-weight:bold;
            text-align:center;
        }
        
.tableheader
{
    text-transform: uppercase;
    color: White;
    background-color: #00ADE9;
}
        
.alternaterow
{
    background-color: #C7EAFB;
}

.bottomtd
{
	background-color:#CCCCCC;  border:0;padding:0;margin:0; height:1px;
}
.toptd
{
	background-color:#CCCCCC;  border:0;padding:0;margin:10px 0 0 0; height:1px;
}