/******************************************************************************/ /* This is the initial style sheet for Cambridge Professional Academy web site*/ /* pages. As much formatting should be put in here as possible, and any other */ /* style sheets that are created for the web site should be based on this one.*/ /* Each major section in this style sheet should be commented. */ /******************************************************************************/ /******************************************************************************/ /* This section defines the tag and several sub classes */ /******************************************************************************/ a:visited{color:#333366;text-decoration:underline} a:active{color:#333366;text-decoration:underline} a:hover{color:#333366;text-decoration:underline} a:focus{color:#333366;text-decoration:underline} a:link{color:#000000;text-decoration:underline} a.bottom:visited{color:#FFFFFF;text-decoration:none} a.bottom:active{color:#7CA7CE;text-decoration:none} a.bottom:hover{color:#7CA7CE;text-decoration:none} a.bottom:focus{color:#7CA7CE;text-decoration:none} a.bottom:link{color:#FFFFFF;text-decoration:none} a.header:visited{color:#FFFFFF;text-decoration:none} a.header:active{color:#7CA7CE;text-decoration:none} a.header:hover{color:#7CA7CE;text-decoration:none} a.header:focus{color:#7CA7CE;text-decoration:none} a.header:link{color:#FFFFFF;text-decoration:none} a.menu:visited{color:#FFFFFF;text-decoration:none} a.menu:active{color:#FFFFFF;text-decoration:none} a.menu:hover{color:#FFFFFF;text-decoration:none} a.menu:focus{color:#FFFFFF;text-decoration:none} a.menu:link{color:#FFFFFF;text-decoration:none} a.dean:visited{color:#000000;text-decoration:none} a.dean:active{color:#000000;text-decoration:none} a.dean:hover{color:#000000;text-decoration:none} a.dean:focus{color:#000000;text-decoration:none} a.dean:link{color:#000000;text-decoration:none} a.top:visited{color:#FFFFFF;text-decoration:none} a.top:active{color:#7CA7CE;text-decoration:none} a.top:hover{color:#7CA7CE;text-decoration:none} a.top:focus{color:#7CA7CE;text-decoration:none} a.top:link{color:#FFFFFF;text-decoration:none} a.bulletins:visited{color:#3275B2;text-decoration:none} a.bulletins:active{color:#3275B2;text-decoration:none} a.bulletins:hover{color:#3275B2;text-decoration:underline} a.bulletins:focus{color:#3275B2;text-decoration:none} a.bulletins:link{color:#3275B2;text-decoration:none} /******************************************************************************/ /* This section defines the */ /******************************************************************************/ body { background-color: #FFFFFF; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#3275B2; scrollbar-shadow-color:#FFFFFF; scrollbar-face-color:#3275B2; scrollbar-highlight-color:#FFFFFF; scrollbar-dark-shadow-color:#FFFFFF; scrollbar-3d-light-color:#FFFFFF } .red { color: #990000; } /******************************************************************************/ /* This section defines the
*/ /******************************************************************************/ div.visible { display:block; } div.invisible { display:none; } /******************************************************************************/ /* This section defines the
tag and several sub classes */ /******************************************************************************/ font.bold { font: 10pt "Century Gothic", Verdana, Arial; font-weight: bolder } font.error { color:#FF0000; font: 10pt "Century Gothic", Verdana, Arial; font-weight: bolder } font.link { color:#000000; cursor: pointer; font: 10pt "Century Gothic", Verdana, Arial; text-decoration:underline } /******************************************************************************/ /* This section defines heading tags and several sub classes */ /******************************************************************************/ h1 { font: 12pt "Century Gothic", Verdana, Arial; font-weight: bolder; } h2 { font: 10pt "Century Gothic", Verdana, Arial; font-weight: bolder; } h3 { font: 10pt "Century Gothic", Verdana, Arial; font-weight: bolder; font-style: italic; } h1.blue { color: #3275B2 } h2.blue { color: #3275B2 } h3.blue { color: #3275B2 } /******************************************************************************/ /* This section defines the
tag and several sub classes */ /******************************************************************************/ hr { border-style: none; height: 1px } hr.dean { color: #3275B2 } hr.location { color: #3275B2 } hr.menu { color: #FFFFFF } /******************************************************************************/ /* This section defines the tag and several sub classes */ /******************************************************************************/ img { border: 0 } /******************************************************************************/ /* This section defines the tag and several sub classes */ /******************************************************************************/ input.field { width:176px; } /******************************************************************************/ /* This section defines the tag and several sub classes */ /******************************************************************************/ table { border-collapse:collapse; border-spacing:0px; border-bottom: 0px solid #FFFFFF; border-left: 0px solid #FFFFFF; border-right: 0px solid #FFFFFF; border-top: 0px solid #FFFFFF; font: 10pt "Century Gothic", Verdana, Arial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 100% } table.visible { border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; font: 10pt "Century Gothic", Verdana, Arial; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 90% } table.body { border-bottom: 25px solid #FFFFFF; border-right: 25px solid #FFFFFF } table.border { border-bottom: 1px solid #3275B2; border-left: 1px solid #3275B2; border-right: 1px solid #3275B2; border-top: 1px solid #3275B2 } table.bottom { background-color: #3275B2; color: #FFFFFF; font-size: 80%; height: 25px } table.bulletins { border-bottom: 1px solid #3275B2; border-left: 1px solid #3275B2; border-right: 1px solid #3275B2; border-top: 1px solid #3275B2 } table.footer { border-right: 25px solid #FFFFFF; font-size: 70% } table.header { height: 100px } table.input { border-bottom:0px; border-left:0px; border-right:0px; border-top:0px; } table.location { } table.main { vertical-align : top; } table.menu { background-color: #3275B2; color: #FFFFFF; width: 150px } table.middle { } table.tool { border-bottom: 1px solid #3275B2; border-top: 1px solid #3275B2; border-left: 1px solid #3275B2; border-right: 1px solid #3275B2; width: 100% } table.top { background-color: #3275B2; color: #FFFFFF; height: 42px } tr.input { } /******************************************************************************/ /* This section defines the tag and several sub classes */ /******************************************************************************/ marquee { } marquee.bulletins { text-align: left; vertical-align : middle; width: 250px } /******************************************************************************/ /* This section defines the
tag and several sub classes */ /******************************************************************************/ td { padding:0; border:0 none; text-align: left; vertical-align : top } td.block { text-align: center; vertical-align : middle; background-color: #3275B2; color: #FFFFFF; height: 40px } td.border { border-bottom: 1px solid #3275B2; border-left: 1px solid #3275B2; border-right: 1px solid #3275B2; border-top: 1px solid #3275B2; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; text-align: left; vertical-align : top } td.bottom1 { vertical-align : middle; width: 150px } td.bottom2 { vertical-align : middle } td.bottom3 { text-align: right; vertical-align : middle } td.bulletins { color: #3275B2; padding-left: 5px; padding-top: 5px } td.divide { background-color: #C0C0C0 } td.field { padding-right:20px; vertical-align:top; } td.footer1 { text-align: left; vertical-align : bottom } td.footer2 { text-align: center; vertical-align : bottom } td.footer3 { text-align: right; vertical-align : bottom } td.header1 { background-image: url(../images/templates/header1.jpg); background-position: left; background-repeat: no-repeat; border-left: 5px solid #FFFFFF; text-align: left; width: 200px } td.header2 { background-image: url(../images/templates/header2.gif); background-repeat: no-repeat; border-top: 5px solid #FFFFFF; font: 8pt "Century Gothic", Verdana, Arial; text-align: left; vertical-align: top } td.header3 { background-image: url(../images/templates/header3.gif); background-position: right; background-repeat: no-repeat; border-right: 25px solid #FFFFFF; text-align: right; width: 400px } td.label { vertical-align:top; } td.location1 { background-image: url(../images/templates/location.jpg); background-position: center; background-repeat: no-repeat; vertical-align : top; width: 30px } td.location2 { border-right: 20px solid #FFFFFF; vertical-align : top } td.main1 { width: 30px } td.main2 { } td.main3 { border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; vertical-align : top; text-align: center; width:220px; } td.menu { cursor:pointer; vertical-align : middle; height: 22px } td.middle1 { background-color: #3275B2; width: 150px } td.middle2 { } td.middle3 { background-color: #3275B2; width: 25px } td.picture { text-align : center } td.tool { background-color: #D4D0C8; border-right: 1px solid #3275B2; font: 8pt "Century Gothic", Verdana, Arial; height: 38px; text-align: center; vertical-align : middle } td.top1 { border-left: 4px solid #3275B2; font-size: 120%; font-weight: bolder; vertical-align : middle; width: 146px } td.top2 { background-image: url(../images/templates/break.jpg); background-position: left; background-repeat: no-repeat; vertical-align : middle; width: 108px } td.top3 { text-align: right; vertical-align : middle } td.visible { border:1; } /******************************************************************************/ /* This section defines the