/*  
FILE NAME: style.css 
DATE MODIFIED:20s Sept 2007
DESCRIPTION: This stylesheet styles the look and feel for the Index page only.
course: Career moves
AUTHOR:Shahroud Ghahani /tsai
 */
 *{margin:0; padding:0; border:0}
body{
	background:#a4a771 url(graphics/top_wrapper2.gif) no-repeat top center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin:0 auto;
	padding: 0;
	font-weight: normal;
}

#wrapper{
	position: relative;
	width:910px;
	margin:20px auto 0 auto;
	padding:0;
	text-align:center;
	background: #fff url(graphics/doublecurve.gif) repeat-y top right;
}


.invisible{
	position:absolute;
	left:-5000px;
	width:100px;
}

#container{
position: relative;
	top:0px;
	left:0px;
margin:auto auto;
	width:90%;
	height: 330px;
	/*text-align:center;*/
}

#leftContent{
width:494px;
height:20em;
float:left;
background:#C1D1EA url(graphics/bottom2.gif) no-repeat left bottom;
}

#leftContent span#topimgcntr{
display:block;
background: url(graphics/top2.gif) no-repeat left top;
width:495px;
height:15px;
color: #c1d1ea;

 }

#rightContent{
width:290px;
float:right;
height:19em;
padding:0.5em;
border:1px #fff dashed;
background:url(graphics/pattern_138.gif);
}

.videosContent{
position:relative;
width: 290px;
height:216px;
padding-top: 1.3em;
background: url(graphics/fla_player2.gif) no-repeat 0 0;

}



.videosContent p{
font-size: 0.7em;
font-style: normal;
color:#5a57a4;
padding-top:5px;
font-weight: bold;

}
.videosContent a
{
	color:#5a57a4;
}
.videosContent a:hover,.videosContent a:active,.videosContent a:focus{
color:#5a57a4;
}

.videoLinks{
position:relative;
width:240px;
top:-15px;
background:url(graphics/top_vl2.gif) no-repeat 0 0;
border:dotted 1px #E8C5B1;
left: 20px; 
float:left;}

#videoLinksContent{
margin-top:10px;
background-color:#fae6e3;
}


#videoLinksContent a{
	color:#231f20;
}

#videoLinksContent a:hover,#videoLinksContent a:active,#videoLinksContent a:focus{

	color:#3b120f;
}

#videoLinksContent p{
color:#c5837f;
padding-left:30px;
text-align:left;
padding-bottom:15px;
font-size:0.7em;
font-weight: bold;
 }


#videoLinksBot{
	background:url(graphics/bot_vl2.gif) no-repeat bottom left;
	height:20px;
	margin-bottom: 10px;
}


.videoLinksBot{

height:20px;
background-image: url(graphics/bot_vl.gif);
background-repeat: no-repeat;
background-position: bottom left; }


.videoLinks img#vidicon{
margin:0;
padding:0;
position:absolute;
top:-10px;
right:10px;
}




.videoLinks img#success{
margin:0;
padding:0;
position:absolute;
top:20px;
left:10px;
}
#leftContentBox{
height:240px;
height:17em;
margin: 0 1em;
background:#fff url(graphics/clouds2.gif) no-repeat;
text-align:left;
}


#aboutBox {
float:left;
margin-top:45px;
width:47%;
border-left:none;
}

#aboutBox p{

margin:0;
padding-left:1.5em;
padding-right:1.5em;
color:#333;
font-size: 0.8em; 
line-height:1.3em;}

#aboutBox img {
margin-top:-10px;
margin-bottom:10px;
padding-top: 10px;
padding-left: 12px; 
}

#linksBox{
float:left;
margin-top:45px;
width:48%;
}


#aboutBox h3{
padding:0;
padding-left:2px;
margin:0;

}
/*-----------------------------*/
#linksBox ul{
margin-bottom:1em;

}
#linksBox ul li{
list-style:none;
padding:0.1em 1em;
margin:0;
}
#linksBox ul li a{
	font-size: 75%;
	font-weight: bold;
}

ul.linksGreen li{
border-bottom: 2px #FFF solid;
border-top: 1px #9aa120 dashed;
margin-top:2px;
background:#E7F487 url(graphics/bullet.gif) no-repeat 0.1em center;
}

ul.linksGreen li a{
color:#6C5635;
 text-decoration : none;

}
ul.linksGreen li a:hover,ul.linksGreen li a:focus,ul.linksGreen li a:active{
color:#124242;
}


ul.linksOrange li{
border-top: 1px #c65d19 dashed;
border-bottom: 2px #FFF solid;
background:#fbe4c8 url(graphics/bullet_orange.gif) no-repeat 0.2em center; 
margin-top:2px;
}

ul.linksOrange li a{
color:#ad500b;
 text-decoration : none;
}

ul.linksOrange li a:focus,
ul.linksOrange li a:hover,
ul.linksOrange li a:active{
color:#66310f;
}

ul.linksGray li{
background:#DBECF2 url(graphics/bullet_blue.gif) no-repeat 0.2em center;
border-top: 1px #568798 dashed;


 }

ul.linksGray li a{
color: #3e535b;
 text-decoration : none;
}

ul.linksGray li a:focus,
ul.linksGray li a:hover,
ul.linksGray li a:active{
color: #033244;
}

#bottomNav{
clear:both;
height:85px;
width:910px;
background-repeat: repeat-x;
background-image: url(graphics/bottom_bg.jpg);
border-top:solid 1px #fff;
margin:0 auto;
font-size: 0.7em;
 }
#bottomNav p
{
	margin:5px 0 0 260px;
	color:#333;
}
.logos{
float:left;
width:250px;
height:85px;
margin:0;
}
.logos img{
	padding:10px 0;
	
vertical-align:middle;
}	
ul.navlist  {
color:#352315;
margin-top:25px; 
padding:0 0 8px 0;
border-bottom:dashed 1px #999;
background-color:#CFD8DF; 
}

	
ul.navlist li{
	margin:0 1em;
	list-style-type: none;
	display: inline;
	text-align: center;
	color:#352315;
}

.navlist a {
color:#352315;

}

ul.navlist li a:focus,
ul.navlist li a:hover,
ul.navlist li a:active
 {

text-decoration:none; }