/* projSub */
@import url("/css/screen/webkit_projSub.css");
@import url("/css/screen/opera_projSub.css");



/* Background image rows - for whole page
--------------------------------------------------------------------------------------------- */

/* rBG1 - for BG image */
#rBG1 {
margin:0 0 0 0;
top:0;
width:95em;
height:4.5em;
max-width:100%;
max-height:45px;
background:url(/images/projects_rBG1.jpg) no-repeat top left;
}


/* rBG2 - for BG image */
#rBG2 {
margin:0 0 0 0;
top:0;
width:95em;
height:40em;
max-width:100%;
max-height:400px;
background:url(/images/projects_rBG2.jpg) no-repeat top left;
}


/* rBG3 - for BG image */
#rBG3 {
margin:0 0 0 0;
top:0;
width:95em;
height:20.3em;
max-width:100%;
max-height:203px;
background:url(/images/projects_rBG3.jpg) no-repeat top left;
}





/* Torso Outer Containers - for 2 columns
------------------------------------------------------------------------- */
#torso_outerA {
margin:0 0 0 0;
width:25em;
height:60.2em;

max-width:40%;
max-height:602px;
position:absolute;
overflow:hidden;
}


#torso_outerB {
margin:0 0 0 0;
width:53.5em;
height:60.2em;

max-width:68.5%;
max-height:602px;
float:right;
overflow:hidden;
}




/* LEFT COLUMN - SEE 'projects_list.css' for rest of css
------------------------------------------------------------------------- */

/* columnA_boxA - container for PROJECTS LIST */
#columnA_boxA {
height:27.3em;
max-height:350px;
margin-top:240px;
}

/*
#columnA_boxA ul {
height:23.15em;
max-height:320px;
}
*/


#columnA_boxA dl {
height:23.15em;
max-height:320px;
}



/* inserted due to JavaScript infl. on CSS */ 
#columnA_boxA a {
text-decoration:none;
color:#333;
font-weight:bold;
}

#columnA_boxA a:hover {
text-decoration:underline;
color:#003366;
}







/* CENTER COLUMN
------------------------------------------------------------------------- */

#columnB {
margin:0 0 0 .3em;
width:37.5em;
height:60.2em;

max-width:58%;
max-height:602px;
float:left;
}


/* Flash Txt - Name */
#columnB  h1 {
margin:.7em 0 0 0;
padding:0;
}

/* Flash Txt - directed by */
#columnB  h4 {
margin-top:.5em;
margin-bottom:1.1em;
}

/* Flash Txt - not assigned yet */
#columnB  h2 {
margin-top:1.3em;
margin-bottom:.7em;
color:#333;
font-size:1.1em;
}

/* Keep id name - SWFObject JavaScript references exact name */
#flashcontent {
margin:28px 0 0 2px;
width:36.6em;
height:333px;
max-width:366px;
max-height:333px;
position:relative;
overflow:hidden;
background:#003366;
}



#flashContain_txtDescrip {
margin:10px 0 0 2px;
width:29.8em;
height:12.75em;
max-width:99%;
max-height:230px;
position:relative;
overflow:auto;
border:2px solid #999;

padding:0 0 4px 4px;
}



#flashContain_txtDescrip p {
width:97%;
}






/* RIGHT COLUMN - see 'projSub_NameOfProjectHere.css'
------------------------------------------------------------------------- */



/* RIGHT COLUMN - Link Styles
-------------------------------------------- */

#columnC a,
#columnC a:visited,
#columnC a:active {
color:#333;
text-decoration:none;
font-weight:bold;
}

#columnC a:hover {
text-decoration:underline;
}







/* TOGGLE STYLES - 4 future accordion menu
-------------------------------------------- */


.preloader {
position:absolute;
left:-9999px;
top:-9999px;
}


.clicker {
cursor:pointer;
}


.hide {
margin:.8em 0 0 0;
width:90%;
font-size:1em;
}


.togPos {
position:inherit;
cursor:pointer;
padding:0 0 0 0;
width:150px;
background:none;
}


.togNeg {
cursor:pointer;
padding:0 0 0 0;
width:150px;
text-decoration:underline;
background:#FFFF00;
}


#tog0,
#tog1,
#tog2 {
color:#003366;
font-weight:bold;
}

#tog0 {
margin-top:0;
}

#tog1 {
margin-top:.7em;
}

#tog2 {
margin-top:.7em;
}

#tog0:hover,
#tog1:hover,
#tog2:hover {
text-decoration:underline;
}