/********************************************************
*                                        			    *
* Base styles --                          			    *
*                                        			    *
********************************************************/

body {
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #e5e8eb;
}

table { border-collapse: collapse; border-spacing: 0; }
p, li, h { color: #333333; line-height: 20px;}

p, li { font-size: 13px; }
h1 { color: #00254C; font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; line-height: 16px; margin: 12px 0 -1px 0;}
h6 { font-size: 12px; font-weight: bold; line-height: 24px; margin: 12px 0 -12px 0; }

a:link     { color: #00254C; text-decoration: underline; }
a:active   { color: #00254C; text-decoration: underline; }
a:visited  { color: #00254C; text-decoration: underline; }
a:hover    { color: #C59353; text-decoration: none; }

/********************************************************
*                                            			*
* Wrapper --                                 			*
*   Top level site container. Anything not in here is	*
*   background.										 	*
*                                            			*
********************************************************/

#wrapper {
    width: 775px;
    margin: 0px auto; /* changed from 20px auto to current setting */
	padding: 0px;
    border: 1px solid #ccc;
}


/********************************************************
*                                            			*
* Header --                                 			*
*   Container for logo and whatever else goes up top. 	*
*                                            			*
********************************************************/

#header {
    width: 775px;
    height: 140px;
	background-color: #FFFFFF;
	/*margin: 0px;
	padding: 0px;
   */
}

#logo {
	float:left;
    top: 0px;
    left: 0px;
	width: 318px;
	height: 140px;
}

#flashmovie{
float:left;
width: 400px;
height: 140px;
padding-left: 30px;
z-index: 2000;
}


/********************************************************
*                                            			*
* Topnav --                                 			*
*   Container for top navigation.					 	*
*                                            			*
********************************************************/

#topnav {
    width: 775px;
    height: 31px;
    background-image: url(../images/topnavOverBg.gif);

}

#topnav ul {
    margin: 0 0 0 180px;
    padding: 0;
    list-style: none;
	z-index: 100;
	float: right;
}

#topnav li {
    position: relative;
    float: left;
	/*letter-spacing: -.04em;*/ /*testing spacing*/
}

#topnav a {
    display: block;
    padding: 6px 20px;
    height: 18px;
    border-right: 1px solid #fff;
}

/*#topnav .nav_home { width: 50px; }
#topnav .nav_about { width: 70px; }
#topnav .nav_plan { width: 150px; }
#topnav .nav_directions { width: 50px; }
#topnav .nav_gatech { width: 90px; }
#topnav .nav_techsquare { width: 120px; }*/


#topnav li a:link     { color: #fff; text-decoration: none; }
#topnav li a:active   { color: #fff; text-decoration: none; }
#topnav li a:visited  { color: #fff; text-decoration: none; }
#topnav li a:hover    { background-color: #ccb38e; color: #fff;}

#topnav li:hover ul, #topnav li.over ul { display: block; }

/* submenus */
#topnav li ul {
    position: absolute;
    display: none;
    top: 29px;
    left: 0;
    margin: 0;
}

#topnav li li {
    border: solid #ccb38e;
    border-width: 0 1px;
	font-size: 12px;
	clear: left;
}

#topnav li ul a {
    display: block;
    padding: 1px 4px;
    height: 20px;
	border: solid #fff;
    border-width: 0 1px 1px 1px;
    color: #ffffff;
    background-color: #ccb38e;
    text-align: left;
	width: 250px;
}

#topnav li ul a:link     { color: #ffffff; text-decoration: none; }
#topnav li ul a:active   { color: #ffffff; text-decoration: none; }
#topnav li ul a:visited  { color: #ffffff; text-decoration: none; }
#topnav li ul a:hover    { color: #ffffff; background-image: url(../images/topnavOverBg.gif); }

/* miscellany */
#topnav .leftmost { border-left: 1px solid #fff; }
#topnav .rightmost { border-right: none; }
#topnav .topmost { border-top: none; margin-top: 1px; }
#topnav .bottommost { border-bottom: 1px solid #fff; margin-bottom: 1px; }

/********************************************************
*                                            			*
* Custom --                                 			*
*     													*
*                                            			*
********************************************************/


/* form text */
.form { 
	color: #333; 
	font-size: 1em;
	line-height: 1.25em;}
		
/* picture div and caption */	
	
div.picandcaption {
	position: relative;
	margin: 4px;
	/*border: 1px solid #ccc;*/
	text-align: center;}
		
div.picandcaption img {
	margin: 2px 2px;
	border: 0;}
	
div.picandcaption div {
	font-size: 10px;
	color: #333333;
	/*background: #f2f2f2;
	border-top: 1px solid #ccc;
*/	padding: 2px 6px;
	text-align: left;}			
	
#iacc {padding: 30px 0px;}

#addthis {padding: 10px 0 0 0;}
	


/********************************************************
*                                            			*
* Content --                                 			*
*   Most of the copy lives here. Note that this 		*
*   container should be subdivided into columns, but	*
*   the background is the column pattern.				*
*                                            			*
********************************************************/

#content {
	clear: both;
    width: 775px;
    background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}



/********************************************************
*                                            			*
* Leftnav --                                 			*
*   Container for left navigation						*
*                                            			*
*******************************************************

#leftnav {
    float: left;
    width: 180px;
}

#leftnav ul {
    margin: 0;
    padding: 0 0 10px 0;
    list-style: none;
}

#leftnav li {
    text-align: left;
}

#leftnav a {
    display: block;
    padding: 10px 6px;
    border-bottom: 1px solid #faeedd;
}

#leftnav li a:link     { color: #666; text-decoration: none; }
#leftnav li a:active   { color: #666; text-decoration: none; }
#leftnav li a:visited  { color: #666; text-decoration: none; }
#leftnav li a:hover    { background-color: #9e7e4f; color: #fff;text-decoration: underline;}*/

/* Left (vertical) Navigation */
#leftnav { float: left; width: 160px; font-size:12px; font-family:Arial,Verdana,Helvitica,sans-serif; padding: 30px 10px; background-color:#FFFFFF;}
#leftnav  ul{ margin:0px; padding:0; list-style-type:none;}
#leftnav  ul li{/* display:block; */float:left; width: 180px;}
#leftnav  ul li a {display:block; /*float:left;*/ color:#00254C; text-decoration:none; text-align: left;padding:0px 0px 10px 30px; /*height:30px;*/ background: #fff url(../images/arrow.png) no-repeat 0 0;}
#leftnav  ul li a:link, #leftnav  ul li a.active, #leftnav ul li a.visited{color: #00254C; background: #fff url(../images/arrow.png) no-repeat 0 0; text-decoration: none;}
#leftnav  ul li a:hover, #leftnav  ul li a.current{color: #00254C; background: #fff url(../images/arrow.png) no-repeat 0 0; text-decoration: underline;}

#bookmark {
    text-align: left;
    border-bottom: none;
	text-decoration: none;
	 float: left; width: 180px; 
}

/********************************************************
*                                            			*
* Maincol --                                 			*
*   This is the major copy container -- the central		*
*   column between the leftnav and rightcol				*
*                                            			*
********************************************************/

#maincol {
    float: left;
    width: 340px;
    text-align: left;
    padding: 10px 10px;
	margin: 0;
    display: inline;
}


#maincol2 /* One content column */{
    float: left;
    width: 540px;
    text-align: left;
    padding: 10px 10px;
	margin: 0;
    display: inline;
}


#gallery /* One content column */{
    float: left;
    width: 540px;
    text-align: left;
    padding: 10px 10px;
	margin: 0;
    display: inline;
}


#photocontainer{clear:both; width: 100%; height: 150px; float:left; padding:0; margin:0; }



/********************************************************
*                                            			*
* Rightcol --                                 			*
*   This is the auxiliary right-hand column.			*
*                                            			*
********************************************************/

#rightcol {
    float: left;
    width: 200px; /*145px;*/
    text-align: left;
    padding: 10px;
    display: inline; /* fix IE */
}




/********************************************************
*                                            			*
* Footer --                                 			*
*                                            			*
********************************************************/

#footer {
    width: 775px;
    height: 170px;
	padding: 0;
	margin: 0;
    background: #FFFFFF url(../images/bg_footer.gif) no-repeat;
    clear: both;
}

#footer p{
	color: #00254C;
	padding-top: 100px;
    text-align: center;
	 margin: 0px auto;
}

#footercopy a:link     { color: #00254C; text-decoration: underline; }
#footercopy a:active   { color: #00254C; text-decoration: underline; }
#footercopy a:visited  { color: #00254C; text-decoration: underline; }
#footercopy a:hover    { color: #fff; text-decoration: none; 
}

/********************************************************
*                                            			*
* END --                                 		    	*
*                                            			*
********************************************************/