/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* BEGIN ZERO OUT */

img, form, input, ul, ol, li, textarea, fieldset {
margin:0px;
padding:0px;
}

/* END ZERO OUT */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


body {
text-align:center;
margin:0px;
padding:0px;

background-image: url(images/bg_gradient.jpg);
background-attachment:scroll;
background-color:#FFFFFF;
background-position:top left;
background-repeat: repeat-x;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*
//
// Layout dimensions are as follow.
// Widths and the addition of padding, margins and border widths
// are essential to keeping the layout stable.
// Check your math.
// 
// As the initial design goes... 
// 780px width div id="wrapper" parent.
// 2 div columns floated left inside "wrapper" as children.
// They are: div id="contentleft" and "contentright".
// "contentleft" is 384px total width.
// "contentright" is 396px total width.
//  384 + 396 = 780.
// 
// Elements placed within "contentleft" and "contentright" must add up
// to the parent width total or will force the layout to expand and break.
// Quick example:
// 
// #right-copyblocks {
// margin:10px;
// padding:0px;
// width:376px;
// }
// "contentright" is 396px total width, so:
// "right-copyblocks" width is determined by:
// ["contentright" width of "396px" -minus- margin of "10px"(left) -minus- margin of "10px"(right) ] = "376px". 
//  OR [(396 - 10) - 10] = 376.
//
*/
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#wrapper {
width:780px;
margin-top:0px;
margin-bottom:0px;
margin-right:auto;
margin-left:auto;
padding:0px;
text-align:left;

background-image:url(images/bg_wrapper.gif);
background-attachment:scroll;
background-color:#B61523;
background-position:top left;
background-repeat: repeat-y;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* BEGIN LEFT COLUMN LAYOUT */

#contentleft {
width:384px;
padding:0px;
margin:0px;
float:left;

background-image:url(images/bg_left.jpg);
background-attachment:scroll;
background-color:#B61523;
background-position:top left;
background-repeat:no-repeat;
}


#left-headline {
margin:198px 0px 0px 0px;
padding:0px;
height:60px;
width:384px;
}


#left-subhead {
margin:0px;
padding:0px;
height:39px;
width:384px;
}


#privacy-disclaimer {
margin:20px;
padding:0px;
font-size:10px;
color:#FFFFFF;
}
#privacy-disclaimer a:link {color:#FFF}
#privacy-disclaimer a:visited {color:#FFF}
#privacy-disclaimer a:hover {color:#000000; text-decoration:none;}
#privacy-disclaimer a:active {color:#000000}


#left-disclaimer {
margin:20px;
padding:0px;
font-size:10px;
color:#FFFFFF;

position:relative;
bottom:5px;
}

/* END LEFT COLUMN LAYOUT */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* BEGIN RIGHT COLUMN LAYOUT */

#contentright {
margin:0px;
padding:0px;
width:396px;
float:left;

background-image:url(images/bg_right.jpg);
background-attachment:scroll;
background-color:#FFFFFF;
background-position:top left;
background-repeat:no-repeat;
}


#right-subhead {
margin:0px;
padding:0px;
}


#right-navbar {
margin:0px;
padding:12px 0px 0px 0px ;
height:28px; /*40px orig*/
width:396px; /*396px orig*/
background-image:url(images/bg_right_navbar.jpg);
background-attachment:scroll;
background-position:top left;
background-repeat:no-repeat;

text-align:center;
vertical-align:middle;
}


.navbarlink {
font-size:11px;
color:#000000;
font-weight:bolder;
text-decoration:underline;
}
a.navbarlink:link {color:#000}
a.navbarlink:visited {color:#333}
a.navbarlink:hover {color:#B61523; text-decoration:none;}
a.navbarlink:active {color:#B61523}


#right-copyblocks {
margin:10px;
padding:0px;
width:376px;
}

.degree-section {
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
width:376px;
}

.degree-url {
margin:10px 0px;
padding:0px;
width:376px;
font-size:11px;
font-weight:bold;
}
.degree-url a:link {color:#000}
.degree-url a:visited {color:#333}
.degree-url a:hover {color:#B61523; text-decoration:none;}
.degree-url a:active {color:#B61523}


.expbutton {
vertical-align: text-bottom;
}

.degree-description {
margin:0px;
padding:10px 10px 15px 10px;
width:350px;

background-image:url(images/bg_descriptionbox.jpg);
background-attachment:scroll;
background-position:top left;
background-repeat:repeat;
background-color:#e8e8e8;

border:#B61523 solid 1px;
}


/* END RIGHT COLUMN LAYOUT */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */



#footer {
margin:0px;
padding:10px 0px 20px 20px;
background-color:#000000;
font-size:9px;
color:#FFFFFF;
clear:both;
width:760px;
}
#footer a:link {color:#FFF}
#footer a:visited {color:#FFF}
#footer a:hover {color:#B61523; text-decoration:none;}
#footer a:active {color:#B61523}

#video {text-align:center;padding-top:15px; padding-bottom:15px;}