/*
=====================================================
Author: Fidel Quintela
Sitename: Carlos Rosario International PCS
Subject: School Status stylesheet
=====================================================
*/

body {
	font-family:tahoma,sans-serif;
	/*font-size:12px;*/
	color:#474747;
	background:#fff;
	width:100%;
	margin:0 auto;
}

html>body #content {
	width: 70%;
	} /* ie5win fudge ends */

#short #footer {
        top:100%;
}
#med #footer {
        top:1150px;
}
#long #footer {
        top:1500px;
}
#vlong #footer {
        top:2000px;
}

#banner {
        top:0px;
        position: absolute;
        height: 33px;
        min-width:942px;
        width:100%;
        border: 0px solid black;
        left:0px;
        background-color:#213757;
        background-image: url(../images/headertopbgblue.gif);
        padding: 0px 0px 0px 0px;
        z-index:0;
}
#header {
        top:33px;
        width: 100%;
        min-width: 942px;
        position: absolute;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        background-color: #3DA4FF;
        height: 100px; /* ie5win fudge begins */
        voice-family: "\"}\"";
        voice-family:inherit;
        height: 100px;
        border: 1px solid #fff;
        left: 0px;
}
html>body #header {
        height: 100px; /* ie5win fudge ends */
}

#nav {
        /*font-family: tahoma, samanta, sans-serif;*/
        top:133px;
        width:100%;
        position: absolute;
        padding:0px;
        margin: 0px 0px 0px 0px;
        background-image: url(../images/navbg.gif);
        background-repeat: repeat-x;
        height: 36px; /* ie5win fudge begins */
        voice-family: "\"}\"";
        voice-family:inherit;
        height: 36px;
        left:0px;
        white-space:nowrap;
        min-width: 942px;
}
#nav h3 { /* CONTROL ENTIRE NAV BAR */
        margin: 5px 0px 0px 110px;
        background-color:transparent;
}
html>body #nav {
        height: 36px; /* ie5win fudge ends */
}
#top {
        position:absolute;
        float:left;
        height:130px;
        top:206px;
        padding:0px;
        border:0px solid #ccc;
        background: #fff;
        margin: 0px 0px 50px 110px;
        width:730px;

}

#footer {
        position:absolute;
        top:750px;
        width:100%;
        min-width:900px;
        height:30px;
        border: 0px solid #000;
        background-image: url(../images/navbg.gif);
        text-align: center;
        color:#fff;
        margin:0px;
        left:-7px;
}

#content {
	position:relative;
	top: 0px;
	margin: 20px auto;
	width: 65%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 65%;
	padding: 10px auto;
}

/*
=====================================================
LINK ELEMENTS
=====================================================
*/

a.bannerlinks:hover {
        background-color:#fff;
        color:#003061;
}
a.bannerlinks {
        color:#fff;
        text-decoration:none;
}
a.mainnav {
        color: #E5E7E8;
        text-decoration:none;
        padding: 10px 10px 8px 10px;
        letter-spacing:0px;
}
a.mainnav:hover {
        color: #fff;
        text-decoration: none;
        background-color: #3176B8;
        padding: 8px 9px 8px 9px;
        border-bottom: 2px solid #E5E7E8;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-image: url(../images/white_arrow_up.gif);
        background-repeat:no-repeat;
        background-position:bottom;
}

/*
=====================================================
TYPEFACE ELEMENTS
=====================================================
*/


h2,h3 {
        font-family: arial, tahoma, sans-serif;
        color:#003061;
}

p {
        font-family: arial, samanata, sans-serif;
        color:#474747;
        font-size:12px;
        word-spacing:2px;
}

.nav {
        font-family: arial, samanata, sans-serif;
        font-weight: normal;
        margin: 0px 5px 0px 0px;
        letter-spacing: -0.2px;
        font-size:0.75em;
}
.footer {
        font-size: .6em;
        color:#fff;
}

/*
=====================================================
IMAGE ELEMENTS
=====================================================
*/

.imgleft {
        float:left;
        margin-right:8px;
        padding:5px;
        border:solid 1px #ccc;
}
.imgright {
        float:right;
        margin-left:8px;
        padding:5px;
        border:solid 1px #ccc;
}
.polaroid {
        border: 1px solid #ccc;
        padding: 1px;
}
.noborder {
        border:0px;
}


div.box { 
	border:0px #ccc solid;
	background-color:#fffbff;
}	

.titlebox {
	text-align:center;
	border:1px solid #003061;
	background-color:#fffbff;
}

/*
p {
	font-size: 12px;
	line-height:120%;
}
*/
.strong {
	font-weight:bold;
	font-size:1.1em;
}

h1 {
	font-size:18px;
	color:#003061;
}

/*
h2 {
 	font-size:16px;
	color:#003061;
}
*/
h2, h3, h4 {
	color:#003061;
}

.warning {
	font-size:1.2em;
	font-variant:small-caps;
	color:#000000;
	text-align:center;
}

.submit {
	margin:5px 0px 0px 40px;
	border:1px solid #474747;
	background-color:#deebff;
	color:black;
	font-family:tahoma, sans-serif;
}

.submit:hover {
	background-color:#003061;
	color:#fff;
}

.form {
	font-family:tahoma,sans-serif;
	font-size:12px;
	border:1px solid #fffbff;
	background-color:#fffbff;
	color:gray;
}

.check {
	border:1px solid gray;
	background-color:white;
	color:gray;
}

li.clean {
 	list-style-type:none;
}

.textarea { 
	font-family:tahoma,sans-serif;
	font-size:12px;
	border: 1px solid #003061;
/*	border:1px solid #1875d6; */
	background-color:white;
	color:#474747;
	margin-left:40px;
}

.textarea:hover {
	background-color:#deebff;
	color: #003061;
}

fieldset {
	background-color:#deebff;
	border: 1px solid #003061;
/*	border:1px solid #1875d6; */
}

hr {
	background-color: #003061;
}