/* CSS Document 
IMPORTANT IMPORTANT IMPORTANT
Some css for internet explorer is located in the if_ie.php script which is located in the includes folder in the root folder.
*/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
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.jpg);
/* source file is mid_Section_compbackgroundOnly.psd */
background-repeat:repeat-y;
background-position:0 32px;
z-index:0;
}

#tagline {
height:32px;
background-image:url(../images/tagline.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/logoOnly.jpg);
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:#000066;
}

#footer {
width:55%;
float:left;
text-align:left;
background-color:#000066;
}

#date {
width:45%;
float:right;
text-align:right;
background-color:#000066;
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;
}

#menu ul {
position:relative;
z-index:499;
list-style: none;
margin: 0;
padding: 0;
width: 5.5em;
float: left;
}

#menu a, #menu span.main_menu_tab, #menu li a span.main_menu_tab {
font: bold 10px/12px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 1px 2px;
}

#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;
}

#movieContainer {
width:252px;
float:left;
}

#movieDescr {
width:340px;
margin-left:10px;
float:left;


}

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;
}