/* CSS Document */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
background-color:#CCCCFF;
margin-top:0px;
padding-top:0px;
margin-bottom:50px;
padding-bottom:50px;

}

#wrapper {
position:absolute;
left:50%;
width:780px;
margin-left:-390px;
background-image:url(../images/background_academy_new.png);
/* source file is mid_Section_compbackgroundOnly.psd */
background-repeat:repeat-y;
background-position:0 32px;
z-index:0;
}

#left {
width:300px;
/*margin-left:5px;*/
margin:0 0 10px 5px;
padding:0 0 10px 0px;
float:left;
}

#right {
width:320px;
/*margin-left:5px;*/
margin:0 0 10px 5px;
padding:0 0 10px 0px;
float:right;
}

#tagline {
height:32px;
background-image:url(../images/logo_main.jpg);
/* source file is tagline_compbackgroundOnly.psd */
}

#inside {
clear:left;
position:relative;
left:50%;
width:630px;
margin-left:-320px;
background-color:#FFFFFF;
}

#loginlinks {
text-align:right;
width:100%;

}

#logo {
margin-top:0px;
padding-top:0px;
color:#000099;
background-image:url(../images/academy_logo_new.png);
background-position:0 0;
background-color:#F1F4F9;
width:630px;
height:90px;
float:left;
}

/*content div is not used on the index.php page*/
#content {
float:left;
width:630px;
margin-top:5px;
padding-left:2px;
background-color:#FFFFFF;
}

/* rows two and three are used only on the index.php page */
#rowTwo {
position:relative;
z-index:1;
clear:left;
width:630px;
height:192;
}

#twoL {
position:relative;
z-index:2;
color:#660099;
width:182px;
float:left;
}

#twoC {
color:#006600;
width:220px;
float:left;
}

#twoR {
color:#9900CC;
width:211px;
margin-left:3px;
float:left;
}

#rowThree {
width:630px;
height:202px;
clear:left;
color:#666666;
margin-top:12px;
}

#threeL {
width:33%;
float:left;
}

#threeC {
width:32%;
float:left;
}

#threeR {
width:33%;
float:right;
}

#updates
{
list-style-image:url(../images/list_arrow.gif);
font-size:.8em;
color:#333333;
}

/*end of index.php page only ids*/

#rowFour {
clear:both;
width:780px;
font-size:.7em;
color:#999999;
background-color:#000000;
}

#footer {
width:55%;
float:left;
text-align:left;
background-color:#000000;
}

#date {
width:45%;
float:right;
text-align:right;
background-color:#000000;
font-size:.9em;
color:#CCCCCC;
}

/* Begin CSS Popout Menu */
/* if internet explorer 7 hover exceptions are found in the if_ie.php file in the site includes folder */

#menu {
position:relative;
z-index:489;
width: 100%;
float: left;
font-size:.65em;
}

#menu ul {
position:relative;
z-index:499;
list-style: none;
margin-right: 1;
padding: 0;
width: 7.2em;
float: left;
}

#menu a, #menu span.main_menu_tab, #menu li a span.main_menu_tab {
font: bold 8px/10px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 0 3px 1px 0;
}

#menu span.main_menu_tab {
text-transform: uppercase;
}

#menu a {
color: #000;
background-color:#FFFFFF;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
background-color:#CCCCFF;
}

#menu ul ul ul {
position: absolute;
top: -15px;
left: 100%;
}
#menu ul ul li a{
background-color:#CCCCFF;
}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* End CSS Popout Menu */

#breadcrumb {
background-image:url(../images/breadcrumblogo.png);
background-repeat:no-repeat;
background-position:0 5px;
}

#breadcrumb span {
margin-left:55px;
font-variant:small-caps;
font-size:.8em;
color:#000033;
}

h2.section {
/*background-image:url(../images/blueRectangle.gif);
background-repeat:repeat-x;
background-position:0 3px;*/
background-color:#000066;
height:1em;
}

h2.section span{
color:#999999;
font-size:.6em;
font-variant:small-caps;
}

.narrow_width {
width:20%;
}

.medium_width {
width:33%;
}

.wide_width {
width:40%;
}


.very_wide_width {
width:50%;
}

.very_very_wide_width {

width:90%;
}

/* page or section specific styles below */

#GraduateProfileText {
width:65%;
float:left;
padding-right:5%;
}
#GraduateProfilePicture {
width:30%;
float:left;
}
#Graduate_Selector {
clear:both;
}

.floatr {
float:right;
padding: 3px 0 3px 3px;
}

.floatl {
float:left;
padding: 3px 3px 3px 0;
}

ul.nobullet, ul.smallspan
{
list-style: none;
}

ul.smallspan span{
font-size:x-small;
}
.center{
	text-align:center;
}

#wrapper_media {
position:absolute;
left:50%;
width:780px;
margin-left:-390px;
background-image:url(../images/background_media.jpg);
/* source file is mid_Section_compbackgroundOnly.psd */
background-repeat:repeat-y;
background-position:0 32px;
z-index:0;
}

#logo_media {
margin-top:0px;
padding-top:0px;
color:#000099;
background-image:url(../images/media_mast.png);
background-position:0 0;
background-color:#F1F4F9;
width:630px;
height:90px;
float:left;
}

#wrapper_engineering {
position:absolute;
left:50%;
width:780px;
margin-left:-390px;
background-image:url(../images/background_engineering.png);
/* source file is mid_Section_compbackgroundOnly.psd */
background-repeat:repeat-y;
background-position:0 32px;
z-index:0;
}

#logo_engineering {
margin-top:0px;
padding-top:0px;
color:#000099;
background-image:url(../images/engineering_masthead.png);
background-position:0 0;
background-color:#F1F4F9;
width:630px;
height:90px;
float:left;
}

#wrapper_law {
position:absolute;
left:50%;
width:780px;
margin-left:-390px;
background-image:url(../images/law_new.png);
/* source file is mid_Section_compbackgroundOnly.psd */
background-repeat:repeat-y;
background-position:0 32px;
z-index:0;
}

#logo_law {
margin-top:0px;
padding-top:0px;
color:#000099;
background-image:url(../images/LawBooks.png);
background-position:0 0;
background-color:#F1F4F9;
width:630px;
height:90px;
float:left;
}

#wrapper_health {
position:absolute;
left:50%;
width:780px;
margin-left:-390px;
background-image:url(../images/health_background.jpg);
/* source file is mid_Section_compbackgroundOnly.psd */
background-repeat:repeat-y;
background-position:0 32px;
z-index:0;
}

#logo_health {
margin-top:0px;
padding-top:0px;
color:#000099;
background-image:url(../images/health_masthead.png);
background-position:0 0;
background-color:#F1F4F9;
width:630px;
height:90px;
float:left;
}

#wrapper_capa {
	position:absolute;
	left:50%;
	width:780px;
	margin-left:-390px;
	background-image:url(../images/capa_background.jpg);
	/* source file is mid_Section_compbackgroundOnly.psd */
background-repeat:repeat-y;
	background-position:0 32px;
	z-index:0;
}

#logo_capa {
margin-top:0px;
padding-top:0px;
color:#000099;
background-image:url(../images/capa_masthead.png);
background-position:0 0;
background-color:#F1F4F9;
width:630px;
height:90px;
float:left;
}

#wrapper_beat {
position:absolute;
left:50%;
width:780px;
margin-left:-390px;
background-image:url(../images/beat_background.jpg);
/* source file is mid_Section_compbackgroundOnly.psd */
background-repeat:repeat-y;
background-position:0 32px;
z-index:0;
}

#logo_beat {
margin-top:0px;
padding-top:0px;
color:#000099;
background-image:url(../images/beat.png);
background-position:0 0;
background-color:#F1F4F9;
width:630px;
height:90px;
float:left;
}

#wrapper_acet {
position:absolute;
left:50%;
width:780px;
margin-left:-390px;
background-image:url(../images/acet_1.png);
/* source file is mid_Section_compbackgroundOnly.psd */
background-repeat:repeat-y;
background-position:0 32px;
z-index:0;
}

#right_with_pic {
width:220px;
/*margin-left:5px;*/
margin:0 0 10px 5px;
padding:0 0 10px 0px;
float:right;
}
#left_with_pic {
width:200px;
/*margin-left:5px;*/
margin:0 0 10px 5px;
padding:0 0 10px 0px;
float:left;
}
#pic1 {
width:100px;
margin:auto;
}
#pic2 {
width:100px;
margin:auto;
}

#logo_acet {
margin-top:0px;
padding-top:0px;
color:#000099;
background-image:url(../images/acet_mast.jpg);
background-position:0 0;
background-color:#F1F4F9;
width:630px;
height:90px;
float:left;
}

#tagline_main {
height:32px;
background-image:url(../images/logo_main.jpg);
/* source file is tagline_compbackgroundOnly.psd */
}

#logo_enviormental {
margin-top:0px;
padding-top:0px;
color:#000099;
background-image:url(../images/enviormental_masthead.png);
background-position:0 0;
background-color:#F1F4F9;
width:630px;
height:90px;
float:left;
}

#wrapper_enviormental {
position:absolute;
left:50%;
width:780px;
margin-left:-390px;
background-image:url(../images/enviormental.png);
/* source file is mid_Section_compbackgroundOnly.psd */
background-repeat:repeat-y;
background-position:0 32px;
z-index:0;
}

#wrapper_ita {
position:absolute;
left:50%;
width:780px;
margin-left:-390px;
background-image:url(../images/ita_background.jpg);
/* source file is mid_Section_compbackgroundOnly.psd */
background-repeat:repeat-y;
background-position:0 32px;
z-index:0;
}

#logo_ita {
margin-top:0px;
padding-top:0px;
color:#000099;
background-image:url(../images/logoOnly.jpg);
background-position:0 0;
background-color:#F1F4F9;
width:630px;
height:90px;
float:left;
}
