*						{margin:0px; padding:0px; font-size:100%}

html					{}

body					{min-width:552px; font:62.5%/170% Arial, sans-serif; color:#565656; background:#444444 url(../images/bgbody.png) repeat-y left center;}

img						{border:0;}

.clearfloat				{clear:both; height:0px; overflow:hidden;}
.clearleft				{clear:left; height:0px; overflow:hidden;}
.readernote				{position:absolute; top:-9999px; color:#565656;}
.searchbox				{margin:0 5px 0 0; padding:0px; border:1px solid #cccccc; color:#565656;}
.searchbox:focus		{border:1px solid #eebb44;}
.searchbutton			{margin: 0 0 -4px 0; border:none; color:#777777;}

/* - - - - - - - utility - - - - - - - */

#utilitystripe			{width:100%; background:#333333;}

#utilitybox				{width:98%; max-width:900px; margin:auto; padding-top:8px; text-align:right; font-size:110%; color:#cccccc; background:#333333;}


/* - - - - - - - site - - - - - - - */

#sitestripe			{width:100%; background:#333333;}

#sitebox				{width:98%; max-width:900px; margin:0 auto; height:60px; text-align:left; background:#333333 url(http://www.sfsu.edu/template/images/sfsutypebig.png) no-repeat;}

#sitesubbox			{width:98%; max-width:900px; margin:0 auto; height:45px; text-align:left; background:#333333 url(http://www.sfsu.edu/template/images/sfsutypesub.png) no-repeat;}


/* - - - - - - - image - - - - - - - */

#imagestripe			{width:100%; background:#dddddd url(http://www.sfsu.edu/images/imagebox/imagebox0.jpg) repeat-x 50% 0;}

#imagebox				{width:98%; max-width:900px; height:150px; margin:auto; padding:0; background:#dddddd url(http://www.sfsu.edu/images/imagebox/imagebox0.jpg) repeat-x 50% 0;}

#promobox				{width:180px; height:150px; float:right; background:#e2af2d;}

#imagesubstripe			{width:100%; background:#dddddd url(http://www.sfsu.edu/template/images/imagebox0.jpg) repeat-x 50% 50%;}

#imagesubbox			{width:98%; max-width:900px; height:30px; margin:auto; padding:0; background:#dddddd url(http://www.sfsu.edu/template/images/imagebox0.jpg) repeat-x 50% 50%;}


/* - - - - - - - content - - - - - - - */

#contentstripe			{width:100%; background:#ffffff;}

#contentbox				{width:98%; max-width:900px; margin:auto; padding:20px 0; background:#ffffff;}


/* - - - - - - - menu - - - - - - - */

#menustripe				{width:100%; background:#4d4d4d;}

#menubox				{width:98%; max-width:900px; margin:auto; padding:0 0 15px 0; border:none; color:#cccccc; background:#4d4d4d;}


/* - - - - - - - footer - - - - - - - */

#footerstripe			{width:100%; background:transparent;}

#footerbox				{width:98%; max-width:900px; margin:0 auto; text-align:left; color:#666666; background:transparent;}


/* - - - - - - - content columns - - - - - - - */

#main					{margin:0 180px; padding:0 30px 0 15px; border-left:1px dotted #cccccc;}
#nav					{float:left; width:165px;}
#sidebar				{float:right; width:165px; padding-left:15px; border-left:1px dotted #cccccc;}


/* - - - - - - - content styles - - - - - - - */

#utilitystripe .skiplinks 	{position:absolute; top:0px; left:10px;}
#utilitystripe .skiplinks li{list-style-type:none;}
#utilitystripe a.skip		{border-bottom:none; color:#333333; cursor:default;}
#utilitystripe a.skip:visited{border-bottom:none; color:#333333; cursor:default;}
#utilitystripe a.skip:focus	{border-bottom:1px solid #666666; color:#dddddd; cursor:pointer;}
#utilitystripe a.skip:hover	{border-bottom:none; color:#333333; cursor:default;}

#utilitybox ul			{display:inline; margin:0; padding:7px 0;}	
#utilitybox li			{display:inline; padding-left:7px; margin-right:7px; border-left:1px dotted #999999;}
#utilitybox a			{text-decoration:none; color:#dddddd;}
#utilitybox a:focus,
#utilitybox a:hover		{text-decoration:none; color:#eebb44;}
#utilitybox form		{display:inline; line-height:0;}
#utilitybox div			{display:inline; border:none}

#sitebox h1				{font-weight:normal; color:#333333; cursor:default;}	
#sitesubbox a			{width:270px; padding:0 150px 30px 0; font-weight:normal; color:#333333; background:transparent;}

#promobox h2			{margin:50px 0px 5px 15px; font-size:140%; color:#ffffff;}
#promobox p				{margin-left:15px; font-size:110%; color:#ffffff;}
#promobox a				{text-decoration:none; border-bottom:1px solid #ddcc77; color:#464666;}
#promobox a:focus,
#promobox a:hover		{color:#333;}

#nav a					{text-decoration:none; border-bottom:1px solid #dddddd; color:#464666;}
#nav a:hover,
#nav a:focus			{color:#999900;}
#nav li					{margin:0 0 7px 0; list-style-type:none; font-size:120%; font-weight:bold; color:#464666;}
#nav li	ul 				{width:100%; margin:-6px 0 2px 0;}
#nav li	ul li			{margin:0; padding-left:10px; font-size:95%; line-height:150%; font-weight:normal; background:url(../images/bulletpurple.png) no-repeat left 7px;}
#nav li	ul li a			{text-decoration:none; border-bottom:1px solid #ddddcc; color:#666600;}
#nav h2					{margin-top:12px; margin-bottom:10px; font-size:110%; color:#886600;}

.home #nav h2			{margin:0 0 6px 0; font-size:150%; color:#464666;}
.home #nav h3			{font-size:120%; color:#555544;}
.home #nav p			{margin:0 0px 5px 0; font-size:120%;}
.home #nav a			{text-decoration:none; border-bottom:1px solid #ddddcc; color:#666600;}
.home #nav a:focus,
.home #nav a:hover		{color:#999900;}


#sidebar h2				{margin:15px 0 2px 0; font-size:110%; color:#464666;}
#sidebar h3				{font-size:110%; font-style:italic; color:#886600;}
#sidebar p				{margin-bottom:3px; font-size:110%; color:#666600;}
#sidebar ul				{margin:3px 0 10px 2px;}
#sidebar li	{padding-left:10px; list-style-type:none; font-size:110%; background:url(../images/bulletpurple.png) no-repeat left 7px; color:#777744;}
#sidebar ul li ul li {font-size:100%;}
#sidebar a				{text-decoration:none; border-bottom:1px solid #ddddcc; color:#666600;}
#sidebar a:focus,
#sidebar a:hover		{color:#999900;}
#sidebar .small			{font-size:100%; line-height:150%; font-style:italic;}
#sidebar .first			{margin-top:0;}
#sidebar .caption		{margin-bottom:10px; font-size:100%; line-height:150%; font-style:italic; color:#505066;}
#sidebar img			{margin:20px 0 10px 0;}
#sidebar a.bare			{border-bottom:none;}
#sidebar .imgcap		{margin:10px 0 0 0;}
#sidebar .imgcap img	{float:none; display:block; margin:0}
#sidebar .searchbox		{color:#666600;}

.home #sidebar h2		{margin:0 0 6px 0; font-size:150%; color:#464666;}

#main h1				{margin-bottom:6px; font-size:150%; color:#464666;}
#main .smallh1			{font-size:90%; color:#5d5d88;}
#main h2				{margin:5px 0; font-size:130%; color:#886600;}
#main h3				{margin:2px 0; font-size:120%; color:#464666}
#main h4				{font-size:120%; font-weight:normal; font-style:italic; color:#886600;}
#main p					{margin:2px 0 4px 0; font-size:120%;}
#main .intro			{font-size:130%; line-height:150%; color:#505066;}
#main .small			{font-size:100%; line-height:150%; font-style:italic; color:#505066;}
#main .caption			{font-size:100%; line-height:150%; font-style:italic; color:#505066;}

#main a					{text-decoration:none; border-bottom:1px solid #ddddcc; color:#666600;}
#main a:visited			{color:#545454;}
#main a:focus,
#main a:hover			{color:#999900;}

#main ul				{margin:2px 0 4px 2px;}
#main ul li				{padding-left:10px; list-style-type:none; font-size:110%; background:url(../images/bulletpurple.png) no-repeat left 7px;}
#main li a				{text-decoration:none; border-bottom:1px solid #ddddcc; color:#666600;}
#main li a:focus,
#main li a:hover		{color:#999900;}
#main ol				{margin:2px 0 4px 22px;}
#main ol li				{font-size:110%;}

#main table				{width:100%; margin:4px 0; text-align:left; font-size:110%; color:#666600;}
#main table a			{border-bottom:1px solid #ddddcc; color:#666600;}
#main table a:visited	{color:#666600;}
#main table a:focus,
#main table a:hover		{color:#999900;}
#main .tablecol1		{width: 50%;}
#main .tablecol2		{width: 25%;}
#main .tablecol3		{width: 25%;}
#main td, #main th		{padding-right:10px; vertical-align:top; border-top: 1px dotted #ddddcc;}
#main thead th			{font-weight:normal; color:#505066}
#main tfoot				{font-size:95%;}

#main img				{float:left; margin:4px 15px 5px 0;}
#main img.full			{width:470px; display:block; float:none; margin:15px 0 5px 0;}
#main .imgcap			{float:left; margin:4px 15px 0px 0;}
#main .imgcap img		{float:none; display:block; margin:0}

#main .localnav li		{list-style-type:none; padding-left:10px; font-size:110%; background:url(../images/inpagelink.png) no-repeat 0 4px;}
#main .localnava li		{display:inline; list-style-type:none; padding:0 7px 0 0; font-size:110%; background:none;}

#main .top				{margin:0 0 8px 0; font-size:100%; color:#666600;}
#main .localnav a:visited,	
#main .top a:visited	{color:#666600;}
#main .localnav a:focus,
#main .top a:focus,
#main .localnav a:hover,
#main .top a:hover		{color:#999900;}

.home #main h2			{margin:0 0 6px 0; font-size:150%; color:#464666;}
.home #main li			{margin:2px 0 0 0; padding-left:15px; font-size:120%; font-weight:bold; background:url(../images/arrowgold.png) no-repeat 0 5px;}
.home #main a			{text-decoration:none; border-bottom:1px solid #ddddcc; color:#666600;}
.home #main a:focus,
.home #main a:hover		{color:#999900;}
.home #main li#news		{padding-left:15px; font-size:120%; font-weight:normal; background:transparent;}

#footerbox ul			{line-height:50px; float:right;}	
#footerbox li			{display:inline; padding-left:4px; margin-right:4px; border-left:1px solid #777777; color:#ccc;}
#footerbox li.first		{border-left:none;}
#footerbox a			{text-decoration:none; border-bottom:1px solid #565656; color:#ccc;}
#footerbox a:hover		{color:#ffffff;}
#footerbox img			{float:left; vertical-align:top; margin:0 0 0 130px; padding-bottom:30px;}

.miniform	{margin-top:10px; border-top:1px dotted #ccbb66; border-bottom:1px dotted #ccbb66; background:#f5f5ee;}
.block {display:block;}
label					{margin-bottom:4px; font-size:110%;}

input.button,input.gobutton    {
    padding: 3px 4px;
    display: inline;
    background: #f3c654;
    border: none;
    color: #464666;
    cursor: pointer;
    font-weight: bold;
    font-size:90%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;}

input.button:hover, input.gobutton:hover {background: #ffcc66;}